:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--popover:#fff;--popover-foreground:#0f172a;--primary:#4f46e5;--primary-hover:#4338ca;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#4f46e5;--accent-foreground:#fff;--accent-solid:#4f46e5;--accent-dim:#4f46e514;--accent-border:#4f46e52e;--accent-lime:#10b981;--accent-badge-bg:#10b9811a;--accent-badge-fg:#047857;--destructive:#ef4444;--destructive-foreground:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--input:#fff;--ring:#4f46e5;--surface-0:#f8fafc;--surface-1:#fff;--surface-2:#f1f5f9;--surface-3:#e2e8f0;--surface-border:#e2e8f0;--surface-border-light:#f1f5f9;--text-primary:#0f172a;--text-dim:#475569;--text-muted:#94a3b8;--green:#10b981;--green-bg:#10b9811a;--amber:#f59e0b;--amber-bg:#f59e0b1a;--red:#ef4444;--red-bg:#ef44441a;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-2xl:28px;--radius-pill:9999px;--radius:12px;--font-display:"Inter", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-text:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--spacing-xs:8px;--spacing-sm:16px;--spacing-md:32px;--spacing-lg:64px;--spacing-xl:96px;--nav-height:72px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 4px -2px #0f172a0a;--shadow-lg:0 12px 28px -6px #0f172a14, 0 4px 8px -4px #0f172a0a;--shadow-xl:0 20px 40px -10px #0f172a1a;--shadow-squircle:0 4px 20px -2px #0f172a0d;--bg:var(--background);--bg-card:var(--card);--text:var(--foreground)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s}body{font-family:var(--font-text);background-color:var(--background);color:var(--foreground);line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::selection{background-color:var(--accent-dim);color:var(--accent-solid)}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,.display-monumental{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(34px,5.5vw,60px);font-weight:700;line-height:1.15}h2,.display-feature{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(24px,3.5vw,36px);font-weight:700;line-height:1.22}h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.015em;font-size:clamp(18px,2.2vw,24px);font-weight:600;line-height:1.3}h4{font-family:var(--font-display);color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.4}.pill-badge{background:var(--accent-badge-bg);color:var(--accent-badge-fg);font-family:var(--font-text);letter-spacing:.2px;border-radius:var(--radius-pill);border:1px solid var(--accent-border);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.pill-badge-outline{background:var(--card);color:var(--text-primary);border:1px solid var(--border);font-family:var(--font-text);letter-spacing:.2px;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex}.mono-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--primary);font-size:11.5px;font-weight:600}.chapter-description{font-family:var(--font-text);color:var(--text-dim);font-size:15.5px;font-weight:400;line-height:1.6}section{background-color:var(--background);width:100%;padding:60px 16px;position:relative}.container-wide,.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.squircle-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:32px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s,border-color .2s;position:relative}.squircle-card:hover{box-shadow:var(--shadow-md);border-color:var(--surface-3)}.btn-pill{border-radius:var(--radius-pill);background:var(--foreground);color:var(--background);font-family:var(--font-text);cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-pill:hover{opacity:.92;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-pill:active{transform:translateY(0)}.btn-pill.primary{background:var(--primary);color:#fff}.btn-pill.primary:hover{background:var(--primary-hover)}.btn-pill.lime{background:var(--primary);color:#fff}.btn-pill.lime:hover{background:var(--primary-hover)}.btn-outline{border-radius:var(--radius-pill);background:var(--card);color:var(--text-primary);font-family:var(--font-text);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-outline:hover{background:var(--surface-2);border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.btn-outline:active{transform:translateY(0)}.btn-large{padding:12px 28px;font-size:14px}.btn{border-radius:var(--radius-pill);font-family:var(--font-text);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:all .18s;display:inline-flex}.btn-accent{background:var(--primary);color:#fff}.btn-accent:hover{background:var(--primary-hover)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-solid{background:var(--foreground);color:var(--background)}.btn-solid:hover{opacity:.9}.btn-solid:disabled,.btn-accent:disabled,.btn-ghost:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.btn-danger{background:var(--red-bg);color:var(--destructive);border-radius:var(--radius-pill);font-family:var(--font-text);cursor:pointer;border:1px solid #ef444433;padding:6px 14px;font-size:12px;font-weight:600;transition:all .18s}.btn-danger:hover{background:#ef444433}.mesh-glow-indigo,.mesh-glow-lime,.mesh-glow-emerald{display:none!important}input[type=text],input[type=number],select,textarea{background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-text);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-dim)}input[type=range].quality-range{appearance:none;background:var(--surface-2);border-radius:var(--radius-pill);outline:none;width:100%;height:5px}input[type=range].quality-range::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 3px #00000040}input[type=range].quality-range::-webkit-slider-thumb:hover{transform:scale(1.15)}.drop-area{border:2px dashed var(--border);background:var(--card);cursor:pointer;border-radius:var(--radius-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:200px;padding:28px 20px;transition:all .2s;display:flex;position:relative}.drop-area:hover,.drop-area.drag-over{border-color:var(--primary);background:var(--accent-dim);border-style:solid}.drop-icon-box{border-radius:var(--radius-sm);background:var(--surface-2);width:44px;height:44px;color:var(--primary);justify-content:center;align-items:center;font-size:20px;transition:transform .2s;display:flex}.drop-area:hover .drop-icon-box{transform:translateY(-2px)}.drop-title{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:600}.drop-sub{font-family:var(--font-text);color:var(--text-dim);font-size:13px;font-weight:400}.drop-formats{flex-wrap:wrap;justify-content:center;gap:6px;max-width:520px;margin-top:6px;display:flex}.format-tag{font-family:var(--font-mono);color:var(--text-dim);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:3px 8px;font-size:10px;font-weight:600;transition:all .15s}.format-tag:hover{color:var(--text-primary);border-color:var(--primary)}.file-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;position:relative;overflow:visible}.file-card:hover{box-shadow:var(--shadow-md);border-color:var(--surface-3)}.file-card.status-completed{border-color:#10b98166}.file-card.status-error{border-color:#ef444466}.file-card.status-processing{border-color:#6366f180}.card-progress{background:var(--surface-2);height:3px;position:absolute;top:0;left:0;right:0;overflow:hidden}.card-progress-fill{background:var(--primary);height:100%;transition:width .2s}.card-inner{align-items:center;min-height:80px;display:flex}.card-thumb{background:var(--surface-2);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative;overflow:hidden}.card-thumb img,.card-thumb video{object-fit:cover;width:100%;height:100%}.card-type-badge{font-family:var(--font-mono);color:var(--primary);background:var(--card);border-radius:var(--radius-xs);border:1px solid var(--border);padding:1px 5px;font-size:8.5px;font-weight:700;position:absolute;bottom:4px;left:4px}.card-info{flex-direction:column;flex:1;gap:6px;min-width:0;padding:14px 16px;display:flex}.card-filename{font-family:var(--font-display);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.card-meta{font-family:var(--font-mono);color:var(--text-dim);font-size:11px}.card-actions{border-left:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 16px;display:flex}.status-label{font-family:var(--font-mono);border-radius:var(--radius-pill);align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.status-label.working{background:var(--accent-dim);color:var(--primary)}.status-label.done{background:var(--green-bg);color:var(--green)}.status-label.error{background:var(--red-bg);color:var(--red)}.custom-select-container{display:inline-block;position:relative}.custom-select-trigger{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.custom-select-trigger:hover{border-color:var(--primary);background:var(--surface-2)}.custom-select-options{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;min-width:120px;max-height:220px;padding:6px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto}.custom-select-option{font-family:var(--font-mono);border-radius:var(--radius-xs);cursor:pointer;color:var(--text-primary);padding:6px 10px;font-size:11px;font-weight:600;transition:background .12s}.custom-select-option:hover,.custom-select-option.selected{background:var(--surface-2);color:var(--primary)}