@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/jetbrains-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--room:#0e0d11;--panel:#17151c;--panel-edge:#29252f;--ink:#ece7dc;--ink-dim:#8b8496;--amber:#f0a43e;--amber-soft:#f0a43e29;--ice:#8fc2e0;--ice-soft:#8fc2e024;--violet:#b49ae4;--violet-soft:#b49ae424;--coral:#e0796f;--coral-soft:#e0796f24;--wave-rest:#454052;--mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:"JetBrains Mono", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/1.5 var(--sans);color:var(--ink);background:var(--room);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}*{box-sizing:border-box}body{min-height:100svh;margin:0}h1,p{margin:0}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.deck{flex-direction:column;gap:28px;width:min(860px,100% - 48px);min-height:100svh;margin:0 auto;padding:56px 0 40px;display:flex}.masthead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.wordmark{font-family:var(--mono);letter-spacing:-.02em;font-size:clamp(28px,5vw,38px);font-weight:500;line-height:1}.wordmark span{color:var(--amber)}.tagline{color:var(--ink-dim);margin-top:10px;font-size:14px}.masthead-actions{flex-wrap:wrap;gap:10px;display:flex}.load-button{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--panel-edge);background:var(--panel);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;transition:border-color .15s,color .15s;display:inline-flex}.load-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.load-button:disabled{opacity:.4;cursor:default}.load-button input,.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.download-menu{position:relative}.download-menu .caret{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;opacity:.6;width:10px;height:7px}.download-options{z-index:10;background:var(--panel);border:1px solid var(--panel-edge);border-radius:8px;min-width:200px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 24px #00000059}.download-options button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;padding:9px 10px;transition:background .12s;display:flex}.download-options button:hover,.download-options button:focus-visible{background:var(--room)}.format-label{font-family:var(--mono);letter-spacing:.04em;color:var(--ink);font-size:13px;font-weight:500}.format-hint{color:var(--ink-dim);white-space:nowrap;font-size:11.5px}.wave-panel{background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;padding:18px 20px 20px;transition:border-color .15s}.wave-panel.drag{border-color:var(--amber)}.track-bar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.icon-button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex:none;place-items:center;width:26px;height:26px;padding:0;transition:border-color .15s,background .15s;display:grid}.icon-button svg{fill:none;width:13px;height:13px;stroke:var(--ink-dim);stroke-width:1.6px;stroke-linecap:round;transition:stroke .15s}.icon-button:hover{background:var(--room);border-color:var(--panel-edge)}.icon-button:hover svg{stroke:var(--ink)}.track-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;margin-right:auto;font-size:15px;overflow:hidden}.track-time{font-family:var(--mono);color:var(--ink-dim);white-space:nowrap;font-size:13px}.track-time b{color:var(--amber);font-weight:400}.wave-row{align-items:center;gap:20px;display:flex}.waveform{cursor:crosshair;touch-action:none;flex:auto;width:100%;min-width:0;height:150px;display:block}@media (width<=720px){.wave-row{flex-direction:column;gap:14px}}.drop-zone{border:1px dashed var(--panel-edge);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:190px;transition:border-color .15s;display:flex}.drop-zone:hover,.wave-panel.drag .drop-zone{border-color:var(--amber)}.drop-title{font-family:var(--mono);letter-spacing:-.01em;color:var(--ink);font-size:22px;font-weight:500}.drop-sub{color:var(--ink-dim);font-size:13px}.load-error{color:#e08f8f;margin-top:12px;font-size:13px}.transport{border:1px solid var(--panel-edge);background:var(--room);cursor:pointer;border-radius:50%;flex:none;place-items:center;width:72px;height:72px;transition:border-color .15s,box-shadow .15s;display:grid}.transport:hover:enabled{border-color:var(--amber);box-shadow:0 0 18px var(--amber-soft)}.transport:disabled{opacity:.35;cursor:default}.transport svg{width:26px;height:26px;fill:var(--amber)}.console-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:-16px;display:flex}.console-title{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-size:12px}.text-button{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--panel-edge);background:var(--panel);cursor:pointer;border-radius:6px;padding:7px 14px;font-size:12px;transition:border-color .15s,color .15s}.text-button:hover:not(:disabled){border-color:var(--amber);color:var(--amber)}.text-button:disabled{opacity:.4;cursor:default}.console{flex-direction:column;gap:12px;display:flex}.fader{-webkit-user-select:none;user-select:none;background:var(--panel);border:1px solid var(--panel-edge);border-radius:10px;align-items:center;gap:20px;padding:16px 22px;display:flex}.fader-label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);flex:0 0 68px;font-size:12px}.fader-track{cursor:ew-resize;touch-action:pan-y;flex:auto;height:44px;position:relative}.fader-track:focus-visible{outline:none}.fader-track:focus-visible .fader-rail{border-color:var(--fader-accent)}.fader-rail{background:var(--room);border:1px solid var(--panel-edge);border-radius:2px;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.fader-fill{background:var(--fader-accent);opacity:.85;border-radius:2px;height:4px;position:absolute;top:50%;transform:translateY(-50%)}.fader-tick{background:var(--panel-edge);width:1px;position:absolute;top:0;bottom:0;transform:translate(-.5px)}.fader-tick[data-detent]{background:var(--ink-dim);width:2px}.fader-cap{border:1px solid var(--panel-edge);background:linear-gradient(90deg,#34303d,#211e28);border-radius:4px;width:20px;height:32px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 3px 8px #00000073}.fader-cap:after{content:"";background:var(--fader-accent);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.fader-value,.fader-input{box-sizing:border-box;font-family:var(--mono);color:var(--fader-accent);text-align:right;white-space:nowrap;border:1px solid #0000;border-radius:4px;flex:0 0 80px;width:80px;height:24px;padding:2px 4px;font-size:15px}.fader-value{cursor:text;transition:background .12s}.fader-value:hover,.fader-value:focus-visible{background:var(--room);outline:none}.fader-input{text-align:center;background:var(--room);border-color:var(--fader-accent)}.fader-input:focus-visible{outline:none}.hints{text-align:center;color:var(--ink-dim);margin-top:auto;font-size:12.5px}.about{border-top:1px solid var(--panel-edge);text-align:left;max-width:640px;margin:8px auto 0;padding-top:24px}.about h2{font-family:var(--mono);letter-spacing:-.01em;color:var(--ink);margin:0 0 10px;font-size:15px;font-weight:500}.about p{color:var(--ink-dim);font-size:13.5px;line-height:1.6}.faq{border-top:1px solid var(--panel-edge);text-align:left;max-width:640px;margin:8px auto 0;padding-top:24px}.faq h2{font-family:var(--mono);letter-spacing:-.01em;color:var(--ink);margin:0 0 14px;font-size:15px;font-weight:500}.faq-item+.faq-item{margin-top:16px}.faq-item dt{color:var(--ink);margin-bottom:4px;font-size:13.5px;font-weight:500}.faq-item dd{color:var(--ink-dim);margin:0;font-size:13.5px;line-height:1.6}@media (width<=720px){.fader{grid-template-columns:auto auto;grid-template-areas:"label value""track track";justify-content:space-between;gap:10px 12px;padding:14px 18px 16px;display:grid}.fader-label{grid-area:label;width:auto}.fader-track{grid-area:track}.fader-value,.fader-input{grid-area:value;justify-self:end}}@media (width<=560px){.deck{width:calc(100% - 32px);padding-top:36px}.console{gap:12px}.fader{padding:14px 18px 12px}}