@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #0F0C09;--bg-raised: #16120E;--bg-hover: #1C1712;--ink: #F4EFE6;--ink-70: rgba(244, 239, 230, .7);--ink-50: rgba(244, 239, 230, .5);--ink-35: rgba(244, 239, 230, .35);--ink-20: rgba(244, 239, 230, .2);--ink-12: rgba(244, 239, 230, .12);--ink-07: rgba(244, 239, 230, .07);--accent: #2946FF;--accent-bright: #4560FF;--accent-ink: #F4EFE6;--line: 1px solid var(--ink);--line-70: 1px solid var(--ink-70);--font: "Inter Variable", system-ui, -apple-system, sans-serif;--text-display: clamp(56px, 11vw, 128px);--text-xl: 32px;--text-l: 22px;--text-m: 15px;--text-s: 13px;--text-label: 11px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--r-s: 4px;--r-m: 8px;--dur-1: .12s;--dur-2: .24s;--dur-3: .42s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--bar-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--text-m);font-weight:450;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#root{min-height:100dvh}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input{font:inherit;color:inherit;background:none;border:none}input:focus{outline:none}a{color:inherit;text-decoration:none}svg{display:block}.tnum{font-variant-numeric:tabular-nums}.label{font-size:var(--text-label);font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-50)}:focus-visible{outline:1.5px solid var(--ink-70);outline-offset:2px;border-radius:var(--r-s)}::selection{background:var(--ink-20)}::placeholder{color:var(--ink-35)}*{scrollbar-width:thin;scrollbar-color:var(--ink-12) transparent}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:1ms!important;animation-duration:1ms!important}}.screen{max-width:760px;margin:0 auto;padding:0 var(--s4) calc(var(--bar-h) + env(safe-area-inset-bottom,0px) + var(--s7))}.screen-header{display:flex;align-items:center;justify-content:space-between;padding:var(--s5) 0 var(--s4)}.back-link{display:inline-flex;align-items:center;gap:var(--s2);color:var(--ink-50);transition:color var(--dur-1) var(--ease-out)}.back-link:hover{color:var(--ink)}.wordmark{font-size:var(--text-l);font-weight:650;letter-spacing:-.02em}.icon-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--ink-50);transition:color var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.icon-btn:hover{color:var(--ink);background:var(--ink-07)}.intro-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s7);padding:var(--s5);text-align:center}.intro-center{display:flex;flex-direction:column;gap:var(--s4)}.intro-wordmark{font-size:var(--text-display);font-weight:650;letter-spacing:-.035em;line-height:.95}.intro-line{color:var(--ink-70);font-size:var(--text-l);font-weight:450;letter-spacing:-.015em}.intro-wave{position:relative;width:min(640px,82vw);height:72px;--wf-base: var(--ink-35);overflow:hidden}.intro-wave .waveform{position:absolute;inset:0;width:100%;height:100%}.intro-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--ink-70);animation:intro-scan 36s linear infinite}@keyframes intro-scan{0%{left:0}to{left:100%}}.intro-enter{font-size:var(--text-s);font-weight:550;letter-spacing:.08em;text-transform:uppercase;border:var(--line);border-radius:999px;padding:var(--s3) var(--s6);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.intro-enter:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}.browse-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--s5);padding:var(--s4) 0;background:var(--bg);border-bottom:var(--line)}.browse-nav{display:flex;align-items:center;gap:var(--s4);flex:1}.browse-nav a,.header-upload,.header-account{color:var(--ink-50);transition:color var(--dur-1) var(--ease-out)}.browse-nav a:hover,.header-upload:hover,.header-account:hover{color:var(--ink)}.feed-empty{color:var(--ink-50);padding:var(--s6) 0}.album-screen{padding-top:var(--s6)}.album-hero{display:flex;align-items:flex-end;gap:var(--s6);padding-bottom:var(--s6);border-bottom:var(--line)}.album-cover{width:220px;height:220px;flex-shrink:0;object-fit:cover;border:var(--line)}.album-cover-empty{display:block}.album-meta{display:flex;flex-direction:column;gap:var(--s2);padding-bottom:var(--s2)}.album-title{font-size:clamp(32px,5vw,64px);font-weight:650;letter-spacing:-.025em;line-height:.98}.album-artist{color:var(--ink-70);font-size:var(--text-l)}.album-stats{color:var(--ink-35);margin-top:var(--s2)}.track-list{display:flex;flex-direction:column}.track-row{display:flex;align-items:center;gap:var(--s4);padding:var(--s4) var(--s2);border-bottom:var(--line);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.track-row:hover{background:var(--ink);color:var(--bg)}.track-number{width:2ch;color:var(--ink-35);flex-shrink:0}.track-row:hover .track-number,.track-row:hover .track-duration{color:var(--bg);opacity:.6}.track-title{flex:1;min-width:0;font-size:var(--text-m);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-duration{color:var(--ink-35);flex-shrink:0}.track-actions{display:flex;align-items:center;gap:var(--s4);flex-shrink:0}.track-action{color:inherit;opacity:.7;transition:opacity var(--dur-1) var(--ease-out)}.track-action:hover{opacity:1;text-decoration:underline}@media(max-width:640px){.album-hero{flex-direction:column;align-items:flex-start;gap:var(--s4)}.album-cover{width:100%;height:auto;aspect-ratio:1 / 1}.track-row{flex-wrap:wrap;row-gap:var(--s2)}.track-title{order:1;flex-basis:100%;white-space:normal}.track-number{order:0}.track-duration{order:2}.track-actions{order:3;flex-basis:100%;justify-content:flex-start;gap:var(--s5)}}.dropzone{margin-top:12vh;border:var(--line);border-radius:var(--r-m);padding:var(--s8) var(--s5);text-align:center;cursor:pointer;transition:box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.dropzone:hover,.dropzone.drag-over{box-shadow:0 0 0 1px var(--ink);background:var(--bg-raised)}.dropzone-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.dropzone-sub{color:var(--ink-50);margin-top:var(--s2)}.separation{margin-top:8vh;display:flex;flex-direction:column;gap:var(--s4)}.separation-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s4)}.separation-file{font-size:var(--text-l);font-weight:600;letter-spacing:-.015em;overflow-wrap:anywhere}.separation-phase{margin-top:var(--s1)}.cancel-btn{color:var(--ink-50);transition:color var(--dur-1) var(--ease-out);padding:var(--s2) 0}.cancel-btn:hover{color:var(--ink)}.phase-bar{height:2px;background:var(--ink-12);border-radius:1px;overflow:hidden}.phase-fill{height:100%;background:var(--ink);transition:width var(--dur-1) var(--ease-out)}.phase-bar.indeterminate{position:relative;overflow:hidden}.phase-sweep{position:absolute;top:0;bottom:0;width:34%;background:var(--ink-70);animation:phase-sweep 1.6s var(--ease-out) infinite}@keyframes phase-sweep{0%{left:-34%}to{left:100%}}.upload-blocked{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s3);margin-top:var(--s4)}.upload-actions{display:flex;flex-wrap:wrap;gap:var(--s3);margin-top:var(--s2)}.ticker{text-transform:none;letter-spacing:.03em}.separating-stems{display:flex;flex-direction:column;gap:var(--s5);margin-top:var(--s4)}.sep-stem{opacity:0;transform:translateY(8px);transition:opacity var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out)}.sep-stem.started{opacity:1;transform:none}.sep-stem-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--s2)}.sep-stem-wave{position:relative;height:56px;--wf-base: var(--ink-50)}.sep-stem-wave .waveform{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--reveal, 0%)) 0 0)}.player-shell{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:var(--bg);border-top:var(--line);transform:translateY(calc(100% - var(--bar-h) - env(safe-area-inset-bottom,0px)));transition:transform var(--dur-3) var(--ease-sheet)}.player-shell.is-expanded{transform:translateY(0)}.player-shell.is-hidden{transform:translateY(100%);pointer-events:none}.shell-header{display:flex;align-items:center;gap:var(--s4);height:var(--bar-h);padding:0 var(--s4);flex-shrink:0;cursor:pointer;transition:height var(--dur-3) var(--ease-sheet),padding var(--dur-3) var(--ease-sheet)}.is-expanded .shell-header{cursor:default;height:calc(88px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.shell-chevron{flex-shrink:0}.shell-identity{display:flex;flex-direction:column;min-width:0;max-width:220px;flex-shrink:0}.shell-title{font-size:var(--text-s);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-artist{font-size:var(--text-label);color:var(--ink-50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-scrubber{flex:1;align-self:stretch;min-width:0}.fork-btn{display:inline-flex;align-items:center;gap:var(--s2);height:36px;padding:0 var(--s4);border:var(--line);border-radius:999px;font-size:var(--text-s);font-weight:550;flex-shrink:0;transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.fork-btn:hover{box-shadow:0 0 0 1px var(--ink)}.fork-btn.armed{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.fork-btn.armed:hover{background:var(--accent-bright);border-color:var(--accent-bright)}.shell-body{flex:1;min-height:0;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity var(--dur-2) var(--ease-out),visibility 0s linear var(--dur-3)}.is-expanded .shell-body{opacity:1;visibility:visible;transition:opacity var(--dur-2) var(--ease-out) 80ms,visibility 0s}.scrubber{position:relative;height:100%;cursor:pointer;touch-action:none;--wf-base: var(--ink-35);--wf-played: var(--ink)}.scrubber-wave{position:absolute;inset:var(--s2) 0;width:100%;height:calc(100% - var(--s2) * 2);opacity:0;transition:opacity var(--dur-2) var(--ease-out)}.scrubber.is-full .scrubber-wave{opacity:1}.scrubber-line{position:absolute;left:0;right:0;top:50%;height:2px;margin-top:-1px;background:var(--ink-12);transition:opacity var(--dur-2) var(--ease-out)}.scrubber.is-full .scrubber-line{opacity:0}.scrubber-fill{height:100%;background:var(--ink-70)}.scrubber-head{position:absolute;top:50%;width:2px;height:14px;transform:translate(-1px,-50%);background:var(--ink);transition:height var(--dur-2) var(--ease-out)}.scrubber.is-full .scrubber-head{top:0;height:100%;transform:translate(-1px)}.scrubber.dragging .scrubber-head{background:var(--ink)}.playback-full{flex:1;min-height:0;display:flex;flex-direction:column;width:100%;max-width:1200px;margin:0 auto;padding:0 var(--s5) calc(var(--s5) + env(safe-area-inset-bottom,0px))}.transport{display:flex;align-items:center;gap:var(--s5);padding:var(--s3) 0 var(--s4);flex-shrink:0}.play-btn{width:52px;height:52px;border:var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.play-btn:hover{box-shadow:0 0 0 1px var(--ink)}.play-btn:active{background:var(--ink-07)}.transport-clock{display:flex;align-items:baseline;gap:var(--s2);font-size:var(--text-l)}.clock-total{color:var(--ink-35);font-size:var(--text-s)}.clock-total:before{content:"/ "}.transport-meta{display:flex;gap:var(--s4);margin-left:auto}.loading-note{color:var(--ink-35)}.stem-grid{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.stem-row{flex:1 1 auto;min-height:92px;display:grid;grid-template-columns:auto 96px minmax(180px,300px) 1fr;gap:var(--s5);align-items:center;padding:var(--s4) 0;border-top:var(--line)}.stem-toggles{display:flex;gap:var(--s2)}.stem-toggle{width:32px;height:32px;display:grid;place-items:center;font-size:var(--text-s);font-weight:600;color:var(--ink-50);border:var(--line);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.toggle-mute{border-radius:var(--r-s)}.toggle-solo{border-radius:50%}.stem-toggle:hover{box-shadow:0 0 0 1px var(--ink);color:var(--ink)}.toggle-mute.engaged{background:var(--ink);border-color:var(--ink);color:var(--bg)}.toggle-solo.engaged{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.stem-label{color:var(--ink-70)}.stem-fader{display:flex;align-items:center;gap:var(--s3)}.stem-fader .fader{flex:1}.stem-level{font-size:var(--text-s);color:var(--ink-50);min-width:3ch;text-align:right}.stem-lane{position:relative;align-self:stretch;min-height:56px;max-height:150px;margin:var(--s2) 0;--wf-base: var(--ink-35)}.stem-lane .waveform{position:absolute;inset:0;width:100%;height:100%}.playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--ink-70)}.stem-row,.stem-strip{transition:opacity var(--dur-1) var(--ease-out)}.stem-row.inaudible .stem-label,.stem-row.inaudible .stem-fader,.stem-row.inaudible .stem-lane,.stem-strip.inaudible .strip-head,.stem-strip.inaudible .strip-wave,.stem-strip.inaudible .strip-fader{opacity:.35}.stem-stack{flex:1;min-height:0;display:flex;gap:var(--s2);overflow-x:auto;padding-bottom:var(--s3)}.stem-strip{flex:1 0 0;min-width:84px;display:flex;flex-direction:column;gap:var(--s3);background:var(--bg-raised);border-radius:var(--r-m);padding:var(--s3)}.strip-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1)}.strip-wave{height:28px;width:100%;--wf-base: var(--ink-35);flex-shrink:0}.strip-fader{flex:1;min-height:110px;display:flex;justify-content:center}.stem-strip .stem-toggles{flex-shrink:0}.stem-strip .stem-toggle{flex:1;height:40px}.fader{position:relative;cursor:pointer;touch-action:none}.fader-h{height:32px;min-width:120px}.fader-v{width:48px;height:100%}.fader-track{position:absolute;background:var(--ink-07);border-radius:2px;overflow:hidden}.fader-h .fader-track{left:0;right:0;top:50%;height:4px;margin-top:-2px}.fader-v .fader-track{top:0;bottom:0;left:50%;width:4px;margin-left:-2px}.fader-fill{position:absolute;background:var(--ink-35);transition:width var(--dur-1) var(--ease-out),height var(--dur-1) var(--ease-out)}.fader-h .fader-fill{left:0;top:0;bottom:0}.fader-v .fader-fill{bottom:0;left:0;right:0}.fader-thumb{position:absolute;background:var(--ink);border-radius:1.5px;transition:left var(--dur-1) var(--ease-out),bottom var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.fader-h .fader-thumb{top:50%;width:3px;height:20px;transform:translate(-1.5px,-50%)}.fader-v .fader-thumb{left:50%;height:3px;width:24px;transform:translate(-50%,1.5px)}.fader.dragging .fader-thumb,.fader.dragging .fader-fill{transition:none}.fader-h.dragging .fader-thumb{transform:translate(-1.5px,-50%) scaleY(.82)}.fader-v.dragging .fader-thumb{transform:translate(-50%,1.5px) scaleX(.82)}.playback-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);padding-top:var(--s4);border-top:var(--line);flex-shrink:0;flex-wrap:wrap}.master-controls{display:flex;gap:var(--s6)}.stepper{display:flex;flex-direction:column;gap:var(--s1)}.stepper-controls{display:flex;align-items:center;gap:var(--s1)}.stepper-btn{width:30px;height:30px;border:var(--line);border-radius:var(--r-s);color:var(--ink-70);display:grid;place-items:center;transition:box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.stepper-btn:hover:not(:disabled){box-shadow:0 0 0 1px var(--ink);color:var(--ink)}.stepper-btn:disabled{opacity:.3;cursor:default}.stepper-value{min-width:68px;text-align:center;font-size:var(--text-s);color:var(--ink-50);transition:color var(--dur-1) var(--ease-out)}.stepper-value.changed{color:var(--ink);font-weight:600}.lineage-link{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) 0;transition:color var(--dur-1) var(--ease-out)}.lineage-link:hover{color:var(--ink)}.playback-full.is-mobile{padding:0 var(--s3) calc(var(--s4) + env(safe-area-inset-bottom,0px))}.playback-full.is-mobile .transport{gap:var(--s4)}.playback-full.is-mobile .transport-clock{font-size:var(--text-m)}.playback-full.is-mobile .playback-footer{align-items:center}.playback-full.is-mobile .master-controls{gap:var(--s4)}.lineage-screen{max-width:none}.lineage-screen .screen-header,.lineage-title-block{max-width:760px;margin:0 auto}.lineage-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.lineage-sub{margin-top:var(--s2)}.lineage-canvas{margin-top:var(--s6);overflow:auto}.lineage-canvas.is-desktop{padding-bottom:var(--s5)}.lineage-inner{position:relative}.lineage-edges{position:absolute;top:0;left:0;pointer-events:none}.lineage-edge{fill:none;stroke:var(--ink-50);stroke-width:1.5}.lineage-edge.on-path{stroke:var(--accent)}.lineage-node{position:absolute;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;height:76px;padding:var(--s2) var(--s3);background:var(--bg-raised);border:var(--line);border-radius:var(--r-m);overflow:hidden;transition:box-shadow var(--dur-1) var(--ease-out),background var(--dur-1) var(--ease-out)}.lineage-canvas.is-mobile .lineage-node{height:72px}.lineage-node:hover{box-shadow:0 0 0 1px var(--ink);background:var(--bg-hover)}.lineage-node.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.node-tags{display:flex;align-items:baseline;gap:var(--s2);font-size:9px;color:var(--ink-35)}.node-current-tag{color:var(--accent);font-weight:650}.node-title{font-size:var(--text-s);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.node-meta{text-transform:none;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.node-diff{color:var(--ink-35);text-transform:none;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.auth-screen{position:relative;max-width:none;min-height:100dvh;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.wave-pool{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.auth-back{position:fixed;top:var(--s5);left:var(--s5);z-index:2}.auth-panel{position:relative;z-index:1;width:min(400px,calc(100vw - var(--s5) * 2));margin:var(--s8) 0;padding:var(--s6) var(--s5);display:flex;flex-direction:column;gap:var(--s4);background:var(--bg);border:var(--line);border-radius:var(--r-m)}.auth-title{font-size:var(--text-xl);font-weight:600;letter-spacing:-.02em}.auth-modes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.auth-mode-btn{height:44px;border:var(--line);border-radius:var(--r-s);font-size:var(--text-s);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-50);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.auth-mode-btn:hover{color:var(--ink)}.auth-mode-btn.active{background:var(--ink);color:var(--bg)}.auth-join{text-align:center;color:var(--ink)}.auth-fields{display:flex;flex-direction:column;gap:var(--s4)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field input{height:42px;padding:0 var(--s3);border:var(--line);border-radius:var(--r-s);color:var(--ink);background:var(--bg);transition:box-shadow var(--dur-1) var(--ease-out)}.field input:focus{box-shadow:0 0 0 1px var(--ink)}.auth-submit{height:44px;margin-top:var(--s2);border-radius:var(--r-s);background:var(--accent);color:var(--accent-ink);font-size:var(--text-s);font-weight:600;transition:background var(--dur-1) var(--ease-out)}.auth-submit:hover:not(:disabled){background:var(--accent-bright)}.auth-submit:disabled{opacity:.5;cursor:default}.auth-error{color:var(--ink);font-size:var(--text-s);border-left:2px solid var(--ink);padding-left:var(--s3)}.auth-gate{margin-top:14vh;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s4)}.auth-gate p{color:var(--ink-70)}.auth-gate-action{border:var(--line);border-radius:999px;padding:var(--s3) var(--s6);font-size:var(--text-s);font-weight:550;letter-spacing:.08em;text-transform:uppercase;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.auth-gate-action:hover{background:var(--ink);color:var(--bg)}.editor-screen{height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);overflow:hidden}.editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) var(--s4);border-bottom:var(--line)}.editor-back{color:var(--ink);text-decoration:none}.editor-back:hover{text-decoration:underline}.editor-meta{color:var(--ink-70)}.editor-error{padding:var(--s2) var(--s4);font-size:var(--text-s);border-bottom:var(--line-70)}.editor-transport{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s2) var(--s4);border-bottom:var(--line)}.transport-cluster{display:flex;align-items:center;gap:var(--s2)}.transport-btn{padding:var(--s1) var(--s3);background:none;border:var(--line-70);border-radius:var(--r-s);color:var(--ink);cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}.transport-btn:hover:not(:disabled){border:var(--line);background:var(--bg-hover)}.transport-btn:disabled{color:var(--ink-35);border-color:var(--ink-20);cursor:default}.transport-btn.is-on{background:var(--ink);color:var(--bg);border:var(--line)}.save-btn{padding:var(--s2) var(--s4);background:none;border:var(--line);border-radius:var(--r-s);color:var(--ink);cursor:pointer;transition:background var(--dur-1),color var(--dur-1)}.save-btn.armed{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.save-btn.armed:hover{background:var(--accent-bright)}.editor-main{flex:1;min-height:0;display:flex;border-bottom:var(--line)}.track-rail{width:172px;flex:none;overflow:hidden;border-right:var(--line);padding-top:28px}.rail-group{display:flex;border-bottom:var(--line-70)}.rail-bracket{width:36px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);border-right:var(--line-70)}.rail-source-btn{writing-mode:vertical-rl;padding:var(--s1);background:none;border:none;color:var(--ink-70);cursor:pointer}.rail-source-btn:hover{color:var(--ink);text-decoration:underline}.rail-rows{flex:1;min-width:0}.rail-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);padding:0 var(--s2);border-bottom:var(--line-70);cursor:pointer}.rail-row:last-child{border-bottom:none}.rail-row.is-selected{background:var(--bg-hover);box-shadow:inset 2px 0 0 var(--ink)}.rail-row.is-empty .rail-name{color:var(--ink-35)}.rail-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-toggles{display:flex;gap:var(--s1)}.editor-scroll{flex:1;min-width:0;overflow:auto}.editor-canvas{position:relative}.editor-ruler{position:relative;height:28px;border-bottom:var(--line);cursor:ew-resize;overflow:hidden}.ruler-bar{position:absolute;top:0;bottom:0;border-left:1px solid var(--ink-70);padding-left:3px}.ruler-num{font-size:10px;color:var(--ink-70)}.ruler-beat{position:absolute;bottom:0;height:8px;border-left:1px solid var(--ink-35)}.editor-lanes{position:relative}.editor-lane{position:relative;border-bottom:var(--line-70)}.editor-lane.is-selected{background:var(--bg-raised)}.editor-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--ink);pointer-events:none}.editor-clip{position:absolute;top:5px;background:var(--bg-raised);border:var(--line-70);border-radius:var(--r-s);overflow:hidden;cursor:grab}.editor-clip:active{cursor:grabbing}.editor-clip.is-selected{border:var(--line);box-shadow:inset 0 0 0 1px var(--ink);z-index:2}.clip-canvas{display:block;width:100%;height:100%;opacity:.7}.clip-name{position:absolute;top:2px;left:5px;pointer-events:none;color:var(--ink-70);white-space:nowrap}.clip-edge{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:2}.clip-edge-l{left:0}.clip-edge-r{right:0}.editor-bottom{flex:none;display:flex;gap:var(--s4);padding:var(--s3) var(--s4);max-height:260px;overflow:auto}.bottom-panel{flex:1;min-width:0}.panel-head{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s3)}.panel-tabs{display:flex;gap:var(--s1)}.panel-tab{padding:var(--s1) var(--s3);background:none;border:var(--line-70);border-radius:var(--r-s);color:var(--ink-70);cursor:pointer}.panel-tab.is-active{background:var(--ink);border:var(--line);color:var(--bg)}.panel-body{display:flex;flex-direction:column;gap:var(--s2);max-width:420px}.panel-body.panel-cols{flex-direction:row;gap:var(--s6);max-width:none}.panel-section{flex:1;min-width:0;max-width:260px;display:flex;flex-direction:column;gap:var(--s2)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-toggle{padding:2px var(--s2);background:none;border:var(--line-70);border-radius:var(--r-s);color:var(--ink-70);cursor:pointer}.section-toggle.is-on{background:var(--ink);border:var(--line);color:var(--bg)}.param-row{display:grid;grid-template-columns:52px 1fr 48px;align-items:center;gap:var(--s2)}.param-label{color:var(--ink-70);text-transform:uppercase}.param-value{font-size:var(--text-s);text-align:right}.panel-steppers{flex-direction:row;gap:var(--s6)}.editor-buses{flex:none;display:flex;gap:var(--s5);align-items:flex-start;border-left:var(--line-70);padding-left:var(--s4)}.group-strips{display:flex;gap:var(--s5)}.group-strip,.master-strip{display:flex;flex-direction:column;gap:var(--s2)}.strip-title{color:var(--ink);border-bottom:var(--line-70);padding-bottom:var(--s1)}.source-picker-scrim{position:fixed;inset:0;background:#0f0c09cc;display:flex;align-items:center;justify-content:center;z-index:40}.source-picker{width:min(480px,calc(100vw - var(--s6)));max-height:70vh;display:flex;flex-direction:column;gap:var(--s3);background:var(--bg);border:var(--line);border-radius:var(--r-m);padding:var(--s4)}.picker-head{display:flex;align-items:center;justify-content:space-between}.picker-import{padding:var(--s3);background:none;border:var(--line);border-radius:var(--r-s);color:var(--ink);cursor:pointer}.picker-import:hover:not(:disabled){background:var(--bg-hover)}.picker-error,.picker-note{font-size:var(--text-s);color:var(--ink-70)}.picker-list{overflow:auto;display:flex;flex-direction:column}.picker-song{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);padding:var(--s2) var(--s1);background:none;border:none;border-bottom:var(--line-70);color:var(--ink);text-align:left;cursor:pointer}.picker-song:hover{background:var(--bg-hover)}.picker-title{font-size:var(--text-m)}.picker-artist{color:var(--ink-70);flex:none}.editor-gate{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--s5);background:var(--bg);color:var(--ink)}.gate-card{max-width:360px;display:flex;flex-direction:column;gap:var(--s4);border:var(--line);border-radius:var(--r-m);padding:var(--s5)}.gate-title{font-size:var(--text-l);font-weight:600;letter-spacing:-.015em}.gate-note{font-size:var(--text-m);color:var(--ink-70);line-height:1.45}.gate-listen{align-self:flex-start;padding:var(--s2) var(--s4);border:var(--line);border-radius:var(--r-s);color:var(--ink);text-decoration:none}.gate-listen:hover{background:var(--bg-hover)}.project-playback{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s5) 0}.project-note{font-size:var(--text-m);color:var(--ink-70)}.account-summary{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4) var(--s5);margin-bottom:var(--s6);border:var(--line);border-radius:var(--r-m)}.account-summary-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4)}.account-section{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5) 0;border-top:var(--line)}.account-section h2.label{color:var(--ink)}.account-section .field input{height:42px;padding:0 var(--s3);border:var(--line);border-radius:var(--r-s);color:var(--ink);background:var(--bg);transition:box-shadow var(--dur-1) var(--ease-out)}.account-section .field input:focus{box-shadow:0 0 0 1px var(--ink)}.account-section .field input::placeholder{color:var(--ink-35)}.account-requirements{display:flex;flex-wrap:wrap;gap:var(--s2)}.account-chip{padding:var(--s1) var(--s3);border:var(--line-70);border-radius:999px;color:var(--ink-50);transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.account-chip.met{background:var(--ink);border-color:var(--ink);color:var(--bg)}.account-submit{align-self:flex-start;height:40px;padding:0 var(--s5);border:var(--line);border-radius:var(--r-s);font-size:var(--text-s);font-weight:550;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.account-submit:disabled{opacity:.5;cursor:default}.account-submit.armed:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.account-submit.armed:not(:disabled):hover{background:var(--accent-bright);border-color:var(--accent-bright)}.account-error{color:var(--ink);font-size:var(--text-s);border-left:2px solid var(--ink);padding-left:var(--s3)}.account-note{color:var(--ink-70);font-size:var(--text-s)}.maker-card{padding:var(--s5);border:1px dashed var(--ink-50);border-radius:var(--r-m);opacity:.6;pointer-events:none}.maker-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4)}.maker-card-title{font-size:var(--text-m);font-weight:550}.account-signout{margin-top:var(--s6);height:40px;padding:0 var(--s5);border:var(--line);border-radius:var(--r-s);font-size:var(--text-s);font-weight:550;letter-spacing:.04em;text-transform:uppercase;transition:background var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.account-signout:hover{background:var(--ink);color:var(--bg)}