:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bg-app: #000000;--bg-card: #0f1118;--bg-card-subtle: #171924;--border-card: rgba(255, 255, 255, .08);--border-focus: #d4ff00;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #d4ff00;--accent-fg: #000000;--accent-glow: rgba(212, 255, 0, .25);--radius-card: 22px;--radius-pill: 999px;--radius-btn: 16px;--shadow-dock: 0 -10px 30px rgba(0, 0, 0, .7)}[data-theme=teenage]{--bg-app: #131418;--bg-card: #1c1d24;--bg-card-subtle: #252732;--border-card: #333644;--border-focus: #ff4e00;--text-primary: #f5f4ef;--text-secondary: #a0a2af;--text-muted: #696c7a;--accent: #ff4e00;--accent-fg: #ffffff;--accent-glow: rgba(255, 78, 0, .3);--radius-card: 12px;--radius-pill: 6px;--radius-btn: 10px}[data-theme=cyber]{--bg-app: #040507;--bg-card: #090d15;--bg-card-subtle: #101624;--border-card: rgba(0, 242, 254, .16);--border-focus: #00f2fe;--text-primary: #f8fafc;--text-secondary: #00f2fe;--text-muted: #475569;--accent: #00f2fe;--accent-fg: #000000;--accent-glow: rgba(0, 242, 254, .35);--radius-card: 16px;--radius-pill: 999px;--radius-btn: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{font-family:var(--font-sans);background-color:#050608;color:var(--text-primary);font-size:16px;line-height:1.45;font-weight:600;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;height:100%}body{min-height:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;background-color:#06070a;color:var(--text-primary);background-image:radial-gradient(circle at 50% 20%,#151824,#06070a)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-shell{width:min(480px,100%);height:100dvh;max-height:920px;background:var(--bg-app);display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000d9;border:1px solid var(--border-card);transition:background-color .25s ease,border-color .25s ease}@media(min-width:500px){.app-shell{border-radius:36px;height:90vh}}.app-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 10px;background:var(--bg-app);flex-shrink:0;z-index:20}.topbar-brand{display:flex;align-items:center;gap:8px}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.brand-name{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.brand-version{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-muted)}.topbar-actions{display:flex;align-items:center;gap:8px}.btn-top-pwa{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-pill);background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-primary);font-size:13px;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-top-pwa:hover{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.lang-switch-mini{display:flex;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2px}.lang-btn{background:transparent;border:none;color:var(--text-muted);font-size:12px;font-weight:800;padding:4px 8px;border-radius:6px;cursor:pointer}.lang-btn.active{background:#ffffff29;color:#fff}.design-tabs-bar{display:flex;padding:0 20px 12px;gap:6px;flex-shrink:0;z-index:20}.d-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:var(--radius-pill);background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary);font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.d-tab:hover{color:var(--text-primary);background:#ffffff14}.d-tab.active{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:800;box-shadow:0 3px 12px var(--accent-glow)}.teenage-vu-rack{margin:0 20px 12px;padding:10px 14px;background:#101115;border:2px solid #282a36;border-radius:var(--radius-card);display:flex;flex-direction:column;gap:8px}.vu-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--text-muted)}.vu-status{color:var(--accent)}.vu-display-box{display:flex;align-items:center;gap:12px}.vu-channel{flex:1;display:flex;align-items:center;gap:6px}.vu-needle-track{flex:1;height:24px;background:#000;border:1px solid #333;border-radius:4px;position:relative;overflow:hidden}.vu-needle{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--accent);box-shadow:0 0 8px var(--accent);transform:translate(8px);transition:transform .08s ease-out}.vu-tag{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-muted)}.vu-peak-led{width:10px;height:10px;border-radius:50%;background:#2a0000;border:1px solid #440000;transition:background .1s}.vu-peak-led.lit{background:#f10;box-shadow:0 0 10px #f10}.cyber-eq-hud{margin:0 20px 12px;padding:10px 14px;background:#0a101ad9;border:1px solid rgba(0,242,254,.22);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:6px;box-shadow:var(--accent-glow)}.hud-top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--accent)}.hud-stat{color:#fff}.hud-svg{width:100%;height:48px}.hud-labels{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:var(--text-muted)}.app-content-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px 110px;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.app-content-scroll::-webkit-scrollbar{width:4px}.app-content-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.ingest-card{display:flex;flex-direction:column;gap:12px}.touch-orb-zone{background:var(--bg-card);border:2px dashed var(--border-card);border-radius:var(--radius-card);padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1)}.touch-orb-zone:hover,.touch-orb-zone.dragover{border-color:var(--accent);background:#ffffff08;transform:translateY(-2px)}.touch-orb-zone:active{transform:scale(.98)}.orb-visual{width:58px;height:58px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px var(--accent-glow)}.orb-copy{text-align:center}.orb-title{display:block;font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--text-primary);margin-bottom:2px}.orb-subtitle{font-size:13.5px;color:var(--text-muted)}.btn-text-link{background:transparent;border:none;color:var(--accent);font-weight:800;text-decoration:underline;cursor:pointer;font-size:13.5px}.file-loaded-banner{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-btn);padding:12px 14px;display:flex;align-items:center;gap:12px}.file-icon-box{font-size:24px}.file-details{flex:1;overflow:hidden}.file-title{font-size:15px;font-weight:800;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-meta-line{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}.btn-remove-file{width:32px;height:32px;border-radius:50%;background:#ffffff14;border:none;color:var(--text-secondary);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.btn-remove-file:hover{background:#ef4444;color:#fff}.quick-input-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-quick{min-height:46px;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-btn);color:var(--text-primary);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1)}.btn-quick:hover{border-color:#ffffff40;background:var(--bg-card-subtle)}.btn-quick:active{transform:scale(.97)}.rec-pulse-dot{width:9px;height:9px;border-radius:50%;background:#ef4444;animation:recPulse 1.2s infinite ease-in-out}@keyframes recPulse{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.4);opacity:1}}.presets-card-wrap{display:flex;flex-direction:column;gap:10px}.card-caption-row{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.caption-title{font-size:13px;font-weight:800;letter-spacing:.04em;color:var(--text-muted)}.caption-tag{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--accent)}.hero-preset-grid{display:flex;flex-direction:column;gap:8px}.preset-card{background:var(--bg-card);border:1.5px solid var(--border-card);border-radius:var(--radius-btn);padding:13px 15px;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:all .2s cubic-bezier(.16,1,.3,1)}.preset-card:hover{border-color:#ffffff38;background:var(--bg-card-subtle)}.preset-card.active{border-color:var(--accent);background:var(--bg-card-subtle);box-shadow:0 4px 18px var(--accent-glow)}.pc-head{display:flex;justify-content:space-between;align-items:center}.pc-badge{font-family:var(--font-mono);font-size:10.5px;font-weight:800;color:var(--accent)}.pc-lufs{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--text-muted)}.pc-title{font-size:16px;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.pc-sub{font-size:13px;color:var(--text-muted);line-height:1.3}.boost-strip{background:#ff4e0014;border:1px solid rgba(255,78,0,.22);border-radius:var(--radius-btn);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.boost-strip.active{border-color:#ff4e00;background:#ff4e0029;box-shadow:0 0 16px #ff4e0040}.boost-info{display:flex;align-items:center;gap:10px}.boost-icon{font-size:20px}.boost-title{display:block;font-size:14px;font-weight:800;color:var(--text-primary)}.boost-sub{font-size:11.5px;color:var(--text-muted)}.switch-ios{position:relative;width:48px;height:28px;flex-shrink:0;cursor:pointer}.switch-ios input{opacity:0;width:0;height:0}.switch-knob{position:absolute;inset:0;background:#fff3;border-radius:999px;transition:.2s cubic-bezier(.16,1,.3,1)}.switch-knob:before{content:"";position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.2s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 5px #0006}.switch-ios input:checked+.switch-knob{background:#ff4e00}.switch-ios input:checked+.switch-knob:before{transform:translate(20px)}.fine-tuning-details{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-btn);overflow:hidden}.fine-summary{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;user-select:none;font-size:13.5px;font-weight:800;color:var(--text-primary)}.summary-pill{font-family:var(--font-mono);font-size:10px;color:var(--accent);background:#ffffff14;padding:2px 6px;border-radius:4px}.fine-body{padding:14px;border-top:1px solid var(--border-card);display:flex;flex-direction:column;gap:10px}.engine-pills-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;background:#ffffff0d;padding:3px;border-radius:8px}.ep-btn{background:transparent;border:none;color:var(--text-muted);font-size:11px;font-weight:800;padding:6px 2px;border-radius:6px;cursor:pointer}.ep-btn.active{background:#ffffff29;color:#fff}.f-slider-row{display:flex;flex-direction:column;gap:3px}.f-slider-meta{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--text-secondary)}.f-slider-meta span{font-family:var(--font-mono);color:var(--accent)}.f-range{-webkit-appearance:none;appearance:none;width:100%;height:5px;background:#ffffff26;border-radius:999px;outline:none}.f-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 2px 5px #0006}.toggle-chips-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:2px}.t-chip{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);background:#ffffff0a;padding:5px 8px;border-radius:6px;cursor:pointer}.f-actions{display:flex;justify-content:space-between;padding-top:4px}.btn-ghost{background:transparent;border:none;color:var(--accent);font-size:12.5px;font-weight:700;cursor:pointer}.player-screen-wrap{display:flex;flex-direction:column;gap:12px}.mode-badge{font-family:var(--font-mono);font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-fg)}.ab-switcher-strip{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-btn);padding:4px;gap:4px}.ab-btn-tab{min-height:44px;background:transparent;border:none;border-radius:calc(var(--radius-btn) - 4px);color:var(--text-muted);font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s}.ab-btn-tab.active{background:#fff;color:#000;box-shadow:0 3px 8px #0000004d}.ab-badge{font-family:var(--font-mono);font-size:11px;font-weight:900;padding:2px 5px;border-radius:4px;background:#0000001a}.vol-mode-row{display:flex;gap:6px}.btn-vol-sub{flex:1;background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-muted);font-size:11.5px;font-weight:800;padding:7px 8px;border-radius:8px;cursor:pointer;transition:all .15s}.btn-vol-sub.active{border-color:var(--accent);color:var(--accent);background:#ffffff0a}.ab-hint-line{font-size:12px;color:var(--text-muted);text-align:center}.waveform-box{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-btn);padding:8px;height:80px;display:flex;align-items:center;cursor:pointer}.waveform-box canvas{width:100%;height:100%;display:block}.player-bar-row{display:flex;align-items:center;gap:12px}.btn-play-touch{width:46px;height:46px;border-radius:50%;background:var(--accent);color:var(--accent-fg);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px var(--accent-glow);transition:transform .15s}.btn-play-touch:active{transform:scale(.92)}.time-readout{font-family:var(--font-mono);font-size:15px;font-weight:800;color:var(--text-primary)}.metric-tags{margin-left:auto;display:flex;gap:5px}.m-tag{font-family:var(--font-mono);font-size:11px;font-weight:800;color:var(--accent);background:#ffffff0f;padding:3px 6px;border-radius:6px}.download-duo-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn-dl{min-height:46px;border-radius:var(--radius-btn);border:none;font-size:13.5px;font-weight:800;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s}.btn-dl:active{transform:scale(.97)}.btn-dl-wav{background:#fff;color:#000}.btn-dl-mp3{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.14)}.btn-restart-action{background:transparent;border:none;color:var(--text-muted);font-size:13px;font-weight:700;padding:6px;cursor:pointer;text-align:center}.btn-restart-action:hover{color:var(--text-primary)}.floating-progress-card{background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-btn);padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:0 8px 24px #0009}.f-prog-top{display:flex;justify-content:space-between;font-size:13px;font-weight:800;color:var(--text-primary)}.f-prog-pct{font-family:var(--font-mono);color:var(--accent)}.f-prog-bar{height:5px;background:#ffffff1a;border-radius:999px;overflow:hidden}.f-prog-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .15s ease}.f-prog-bottom{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-muted)}.btn-cancel-link{background:transparent;border:none;color:#ef4444;font-weight:800;cursor:pointer}.error-strip{background:#ef444424;border:1px solid #ef4444;border-radius:var(--radius-btn);padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:13px;color:#fecaca}.app-micro-footer{text-align:center;padding:14px 0 6px;font-size:11px;color:var(--text-muted);line-height:1.4}.app-micro-footer a{color:var(--accent);text-decoration:none;font-weight:800}.app-bottom-dock{position:absolute;bottom:0;left:0;right:0;padding:12px 20px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,var(--bg-app) 75%,transparent 100%);z-index:30}.btn-dock-action{width:100%;min-height:54px;border-radius:var(--radius-btn);background:var(--accent);color:var(--accent-fg);border:none;font-size:16px;font-weight:900;letter-spacing:-.01em;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 6px 20px var(--accent-glow);transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-dock-action:disabled{opacity:.35;cursor:not-allowed;box-shadow:none;filter:grayscale(.8)}.btn-dock-action:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.05)}.btn-dock-action:not(:disabled):active{transform:scale(.97)}.btn-dock-icon{font-size:18px}.pwa-backdrop{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(14px);z-index:100;display:flex;align-items:flex-end;justify-content:center}.pwa-sheet{width:min(480px,100%);background:var(--bg-card);border:1px solid var(--border-card);border-radius:28px 28px 0 0;padding:16px 22px 32px;display:flex;flex-direction:column;gap:14px;box-shadow:0 -10px 40px #000c;animation:slideSheet .25s cubic-bezier(.16,1,.3,1)}@keyframes slideSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{width:40px;height:4px;background:#fff3;border-radius:999px;margin:0 auto 2px}.sheet-head{display:flex;align-items:center;gap:12px}.sheet-icon{width:48px;height:48px;border-radius:12px;background:var(--accent);color:var(--accent-fg);font-size:24px;display:flex;align-items:center;justify-content:center}.sheet-title{font-size:18px;font-weight:800;color:var(--text-primary)}.sheet-sub{font-size:12.5px;color:var(--text-muted)}.sheet-perks{background:#ffffff0a;border-radius:var(--radius-btn);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.perk-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.btn-pwa-cta{width:100%;min-height:48px;background:var(--accent);color:var(--accent-fg);border:none;border-radius:var(--radius-btn);font-size:15px;font-weight:800;cursor:pointer;transition:transform .15s}.btn-pwa-cta:active{transform:scale(.97)}.safari-guide{background:#ffffff0a;border-radius:8px;padding:8px 10px;font-size:12px;color:var(--text-muted);display:flex;flex-direction:column;gap:3px}.share-icon-pill{display:inline-block;padding:1px 5px;background:#ffffff1f;border-radius:4px;font-weight:900}.btn-sheet-dismiss{width:100%;background:transparent;border:none;color:var(--text-muted);font-size:13.5px;font-weight:700;padding:6px;cursor:pointer}.btn-sheet-dismiss:hover{color:var(--text-primary)}.toast-box{position:fixed;bottom:85px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:6px;pointer-events:none}.toast{background:#181922;border:1px solid var(--accent);color:#fff;padding:8px 16px;border-radius:999px;font-size:13.5px;font-weight:700;box-shadow:0 4px 16px #0009;display:flex;align-items:center;gap:6px;animation:toastPop .2s cubic-bezier(.16,1,.3,1)}@keyframes toastPop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-fadeout{opacity:0;transform:translateY(-6px);transition:all .25s ease}