:root{--bg-app: #14100b;--bg-chrome: #17120c;--bg-sidebar: #18130d;--bg-panel: #1b150f;--bg-inset: #120e09;--bg-control: #1d160f;--bg-menu: #211a12;--line-hairline: #211a12;--line-border: #251d14;--line-control: #2a2118;--line-control-2: #2e261c;--line-control-hi: #5a4a2c;--line-menu: #34291d;--amber-primary: #e0a44e;--amber-bright: #e9b25b;--amber-bright-2: #f0c574;--amber-deep: #d99a3f;--amber-muted: #caa14e;--amber-level-on: #b98a48;--amber-soft: rgba(224, 164, 78, .1);--amber-soft-2: rgba(224, 164, 78, .13);--amber-soft-hover: rgba(224, 164, 78, .24);--amber-tint-14: rgba(224, 164, 78, .14);--amber-tint-16: rgba(224, 164, 78, .16);--amber-line: rgba(224, 164, 78, .5);--amber-line-soft: rgba(224, 164, 78, .4);--text-primary: #efe7da;--text-title: #f1e8d8;--text-secondary: #c8bba8;--text-muted: #8a7d6d;--text-dim: #7a6e5d;--text-faint: #6f6354;--text-name: #d8cdbb;--text-name-active: #b8ab98;--slate: #6f8fa6;--slate-text: #9fb3c2;--slate-text-2: #a9c0d0;--slate-tint: rgba(111, 143, 166, .14);--slate-line: rgba(111, 143, 166, .35);--scrap-spine: #42382b;--wave-idle: #5c5142;--wave-scrap: #332c22;--wave-track: #3f372c;--level-empty: #34291d;--green-text: #82c082;--green-section: #6fae6f;--green-soft: rgba(111, 174, 111, .1);--green-soft-faint: rgba(111, 174, 111, .07);--green-line: rgba(111, 174, 111, .4);--green-border: #243024;--pink-section: #c77a9a;--yellow-section: #d8c45a;--cyan-line: #5fa0b3;--cyan-fill: #3a4a52;--bass-note: #9a9152;--playhead: #fff3df;--red: #dd8a6a;--radius-pill: 7px;--radius: 9px;--radius-card: 12px;--shadow-menu: 0 12px 30px rgba(0, 0, 0, .5);--shadow-1: 0 1px 2px #0006;--glow-playhead: 0 0 7px rgba(233, 178, 91, .85);--ease: cubic-bezier(.2, .7, .2, 1);--font-ui: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Spectral", "Iowan Old Style", Palatino, Georgia, ui-serif, serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--bg: var(--bg-app);--bg-sunken: var(--bg-inset);--bg-raised: var(--bg-panel);--bg-hover: var(--bg-menu);--bg-active: var(--line-control);--line: var(--line-border);--line-soft: var(--line-hairline);--text: var(--text-primary);--accent: var(--amber-primary);--accent-bright: var(--amber-bright);--accent-deep: var(--amber-deep);--accent-soft: var(--amber-soft-2);--accent-line: var(--amber-line);--green: var(--green-text);--blue: var(--slate-text);--wave: var(--wave-idle);--radius-lg: var(--radius-card);--shadow-2: var(--shadow-menu);font-family:var(--font-ui);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-app);color:var(--text-primary);font-size:14px;font-family:var(--font-ui);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-control-2);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#3a3023}::-webkit-scrollbar-track{background:transparent}@keyframes spinepulse{0%,to{opacity:.3}50%{opacity:1}}button{font:inherit;color:inherit;background:var(--bg-menu);border:1px solid var(--line-border);border-radius:var(--radius);padding:6px 12px;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease),color .15s var(--ease),transform .06s var(--ease)}button:hover{border-color:var(--line-control-hi);background:var(--line-control)}button:active{transform:scale(.98)}button.primary{background:var(--amber-primary);color:#1a160f;font-weight:600;border-color:var(--amber-primary)}button.primary:hover{background:var(--amber-bright);border-color:var(--amber-bright)}button:disabled{opacity:.4;cursor:default;transform:none}button:focus-visible,a:focus-visible{outline:2px solid var(--amber-primary);outline-offset:2px}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--bg-inset);border:1px solid var(--line-control);border-radius:8px;padding:9px 11px}input::placeholder{color:var(--text-faint)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--amber-primary)}::selection{background:var(--amber-soft-2)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--bg-app);color:var(--text-primary)}.topbar{height:54px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line-border);background:var(--bg-chrome)}.topbar-left{display:flex;align-items:center;gap:26px}.topbar .brand{display:inline-flex;align-items:center;gap:9px;color:var(--amber-primary)}.topbar .logo{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:.3px;color:var(--text-primary)}.topnav{display:flex;align-items:center;gap:4px}.topnav button{border:none;background:none;color:var(--text-muted);padding:5px 12px;border-radius:var(--radius-pill);font-weight:500}.topnav button:hover{color:var(--text-secondary)}.topnav button.active{background:var(--amber-tint-14);color:var(--amber-bright);font-weight:600}.main{flex:1 1 auto;min-height:0;display:flex}.app>.content{flex:1 1 auto;min-height:0;overflow-y:auto;padding:18px 24px 30px}.sidebar{width:286px;flex:0 0 auto;border-right:1px solid var(--line-border);background:var(--bg-sidebar);display:flex;flex-direction:column;min-height:0}.sidebar-tools{padding:14px 14px 10px}.sidebar-tools input{width:100%;font-size:13px}.sidebar-list{flex:1;overflow-y:auto;padding:0 8px 16px}.side-year,.side-jams-head{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);letter-spacing:1px;padding:13px 10px 6px}.side-jams-head{padding-top:16px}.side-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:var(--radius-pill);background:none;cursor:pointer;margin-bottom:1px;border-left:2px solid transparent;transition:background .12s var(--ease)}.side-row:hover{background:var(--bg-menu)}.side-session .date{color:var(--text-name-active);font-weight:400}.side-session.active{background:var(--amber-soft);border-left-color:var(--amber-primary)}.side-session.active .date{color:var(--text-title);font-weight:600}.side-counts{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:11px}.side-counts .labeled{color:var(--amber-muted)}.side-counts .total{color:var(--text-faint)}.side-song .name{font-family:var(--font-display);font-size:15px;color:var(--text-name)}.side-song.active{background:var(--amber-soft)}.side-song.active .name{color:var(--amber-bright)}.side-song .meta{display:flex;gap:10px;align-items:center;font-family:var(--font-mono);font-size:11px}.side-song .meta .span,.side-song .meta .count{color:var(--text-faint)}.side-song.active .meta .count{color:var(--amber-muted)}.side-jam .name{color:var(--slate-text);font-size:13px}.side-jam .count{color:var(--text-faint);font-family:var(--font-mono);font-size:11px}.side-jam.active{background:var(--amber-soft)}.side-note{padding:6px 10px;color:var(--text-dim);font-size:12px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg-app)}.lens-header{flex:0 0 auto;padding:14px 24px 0}.lens-bar{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line-border)}.lens-tabs{display:flex;gap:24px}.lens-tabs button{border:none;background:none;padding:6px 0 11px;color:var(--text-muted);border-bottom:2px solid transparent;border-radius:0;font-size:14px;transition:color .15s var(--ease)}.lens-tabs button:hover{color:var(--text-secondary);background:none}.lens-tabs button.active{color:#eadfce;border-bottom-color:var(--amber-primary)}.lens-spacer{flex:1}.lens-controls{display:flex;align-items:center;gap:10px;padding-bottom:8px}.sort-pill{display:inline-flex;align-items:center;border:1px solid var(--line-control-2);border-radius:8px;padding:6px 10px;color:var(--text-name-active);font-size:12px;background:none;cursor:pointer}.sort-pill:hover{border-color:var(--line-control-hi)}select.sort-pill{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:linear-gradient(var(--bg-app),var(--bg-app));background-repeat:no-repeat}.sort-pill-wrap{position:relative;display:inline-flex;align-items:center}.sort-pill-wrap .caret{position:absolute;right:9px;pointer-events:none;color:var(--text-dim);font-size:10px}.density-toggle{display:flex;border:1px solid var(--line-control-2);border-radius:8px;overflow:hidden}.density-toggle button{border:none;border-radius:0;background:none;padding:6px 9px;color:var(--text-muted);font-size:14px;line-height:1}.density-toggle button.active{background:var(--amber-tint-16);color:var(--amber-bright)}.scroll{flex:1;overflow-y:auto;padding:18px 24px 30px}.nav-toggle,.backdrop{display:none}.hint{color:var(--text-dim);line-height:1.5}.session-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.session-title{font-family:var(--font-display);font-size:30px;font-weight:600;line-height:1}.session-sub{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;margin-top:7px}.triage-chip{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;border-radius:var(--radius);font-weight:600;font-size:13px;border:1px solid}.triage-chip.amber{background:var(--amber-soft);border-color:var(--amber-line-soft);color:var(--amber-bright)}.triage-chip.green{background:var(--green-soft);border-color:var(--green-line);color:var(--green-text)}.detect-banner{display:flex;align-items:center;gap:9px;border-radius:var(--radius);padding:9px 14px;margin-bottom:16px;font-size:13px;border:1px solid}.detect-banner.amber{background:#e0a44e12;border-color:var(--line-control-2);color:var(--amber-muted)}.detect-banner.green{background:var(--green-soft-faint);border-color:var(--green-border);color:var(--green-text)}.take{display:flex;align-items:center;gap:14px;padding:12px 6px;border-bottom:1px solid var(--line-hairline);content-visibility:auto;contain-intrinsic-size:auto 60px}.density-compact .take{padding:7px 6px}.take.scrap-row{opacity:.5}.spine{width:3px;height:34px;border-radius:3px;flex:0 0 auto}.spine.named{background:var(--amber-primary)}.spine.unnamed{background:var(--amber-primary);animation:spinepulse 2.2s ease-in-out infinite}.spine.jam{background:var(--slate)}.spine.scrap{background:var(--scrap-spine)}.playbtn{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:1px solid #322819;background:var(--bg-control);color:var(--text-name-active);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;transition:border-color .15s var(--ease),background .15s var(--ease)}.playbtn:hover{border-color:var(--line-control-hi);background:#241b12}.playbtn.playing{color:var(--amber-bright)}.take-title{width:218px;min-width:218px;flex:0 0 auto;cursor:pointer;background:none;border:none;padding:0;text-align:left;display:block}.take-title .row1{display:flex;align-items:center;gap:7px}.take-title .song{font-family:var(--font-display);font-size:18px;color:var(--text-title);line-height:1.1}.take-title .star{color:var(--amber-bright);font-size:12px}.take-title .jam-label{color:var(--slate-text-2);font-size:15px}.take-title .scrap-id{color:var(--text-dim);font-family:var(--font-mono);font-size:13px}.take-title .unnamed-id{color:var(--text-name-active);font-family:var(--font-mono);font-size:13px}.take-title .sub{color:var(--text-faint);font-family:var(--font-mono);font-size:11px;margin-top:2px}.take-title .why{color:var(--text-faint);font-size:11px;margin-top:2px}.take-wave{flex:1;min-width:60px;height:36px}.take-wave svg{display:block;width:100%;height:100%}.take-metrics{display:flex;align-items:center;gap:13px;flex:0 0 auto}.m-dur{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);width:42px;text-align:right}.m-bpm{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);width:50px}.energy{display:flex;align-items:flex-end;gap:2px;height:17px;width:22px}.energy span{width:3px;border-radius:1px;background:var(--level-empty)}.energy span.on{background:var(--amber-level-on)}.energy span.on.cur{background:var(--amber-bright)}.m-resume-slot{width:64px;display:flex;justify-content:flex-end}.m-resume{font-family:var(--font-mono);font-size:11px;color:var(--amber-muted);background:var(--amber-soft);padding:2px 7px;border-radius:6px}.heard{width:30px;display:flex;justify-content:center;flex:0 0 auto}.avatar-mini{width:24px;height:24px;border-radius:50%;background:#322819;color:var(--amber-muted);font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:1.5px solid var(--bg-sidebar)}.avatar-mini:first-child{margin-left:0}.triage{position:relative;width:200px;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;gap:8px}.confirm-split{display:inline-flex;align-items:stretch}.confirm-pill{display:flex;align-items:center;gap:7px;background:var(--amber-soft-2);border:1px solid var(--amber-line);color:var(--amber-bright);padding:6px 11px;border-radius:var(--radius);cursor:pointer;font-weight:600;min-width:0}.confirm-pill:hover{background:var(--amber-soft-hover)}.confirm-pill .check{font-size:12px;flex:0 0 auto}.confirm-pill .name{font-family:var(--font-display);font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.confirm-pill .conf{font-family:var(--font-mono);font-size:11px;opacity:.85;flex:0 0 auto}.confirm-pill.jam{background:var(--slate-tint);border-color:var(--slate-line);color:var(--slate-text)}.confirm-pill.jam .name{font-family:var(--font-ui)}.confirm-split .confirm-pill{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.confirm-caret{display:flex;align-items:center;justify-content:center;padding:0 8px;cursor:pointer;background:var(--amber-soft-2);border:1px solid var(--amber-line);border-top-right-radius:var(--radius);border-bottom-right-radius:var(--radius);color:var(--amber-bright);font-size:11px}.confirm-caret:hover,.confirm-caret.open{background:var(--amber-soft-hover)}.confirm-split .confirm-pill.jam+.confirm-caret,.confirm-pill.jam~.confirm-caret{color:var(--slate-text);border-color:var(--slate-line);background:var(--slate-tint)}.triage-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;cursor:pointer;background:var(--bg-control);border:1px solid var(--line-control-2);border-radius:var(--radius);color:var(--text-secondary);font-weight:600;font-size:13px}.triage-trigger:hover{border-color:var(--line-control-hi);color:var(--amber-bright)}.triage-trigger .caret{color:var(--text-dim);font-size:11px}.triage-caret{width:30px;height:30px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-size:12px;line-height:1;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.triage-caret:hover,.triage-caret.open{border-color:var(--line-control-2);color:var(--amber-bright)}.keeper-toggle{width:30px;height:30px;border-radius:var(--radius-pill);border:1px solid var(--line-control-2);background:transparent;color:#4a4136;cursor:default;font-size:14px;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.keeper-toggle.on{color:var(--amber-bright)}.state-tag{font-size:12px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid}.state-tag.jam{color:var(--slate-text);background:var(--slate-tint);border-color:var(--slate-line)}.state-tag.scrap{color:var(--text-dim);background:var(--bg-control);border-color:var(--line-control)}.triage-card{z-index:60;width:248px;background:var(--bg-menu);border:1px solid var(--line-menu);border-radius:12px;padding:10px;box-shadow:var(--shadow-menu);display:flex;flex-direction:column;gap:8px;cursor:default;text-align:left;max-height:calc(100vh - 90px);overflow-y:auto}.tc-primary{display:flex;align-items:center;gap:8px;width:100%;padding:9px 11px;background:var(--amber-soft-2);border:1px solid var(--amber-line);border-radius:var(--radius);color:var(--amber-bright);cursor:pointer;font-weight:600}.tc-primary:hover{background:var(--amber-soft-hover)}.tc-primary .tc-check{font-size:12px}.tc-primary .tc-song{font-family:var(--font-display);font-size:16px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-primary .tc-conf{font-family:var(--font-mono);font-size:11px;opacity:.85}.tc-name{display:flex;gap:6px;align-items:stretch}.tc-name input{flex:1;min-width:0;font-size:13px;padding:8px 10px}.tc-name-save{flex:0 0 auto;padding:0 11px;background:var(--bg-control);border:1px solid var(--line-control);border-radius:8px;color:var(--text-secondary);cursor:pointer}.tc-name-save:hover:not(:disabled){border-color:var(--amber-line);color:var(--amber-bright)}.tc-alts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tc-alts-label{color:var(--text-faint);font-size:11px;width:100%}.tc-alt{font-size:12px;color:var(--text-name);background:var(--bg-inset);border:1px solid var(--line-control);border-radius:var(--radius-pill);padding:4px 9px;cursor:pointer;font-variant-numeric:tabular-nums}.tc-alt span{color:var(--text-faint);font-family:var(--font-mono);font-size:11px}.tc-alt:hover{border-color:var(--amber-line);color:var(--amber-bright)}.tc-actions{display:flex;gap:8px}.tc-jam,.tc-scrap,.tc-clear{flex:1;padding:9px 10px;border-radius:var(--radius);cursor:pointer;font-weight:600;font-size:13px;text-align:center}.tc-jam{color:var(--slate-text);background:var(--slate-tint);border:1px solid var(--slate-line)}.tc-jam:hover{background:#6f8fa638}.tc-scrap{color:var(--text-muted);background:var(--bg-control);border:1px solid var(--line-control)}.tc-scrap:hover{border-color:var(--line-control-hi);color:var(--text-secondary)}.tc-clear{flex:none;color:var(--text-dim);background:none;border:1px solid var(--line-control);font-weight:500}.tc-clear:hover{border-color:var(--line-control-hi);color:var(--text-secondary)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.song-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:14px}.song-head .titles{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.song-name{font-family:var(--font-display);font-size:34px;font-weight:600;line-height:1}.song-meta{color:var(--text-muted);font-size:13px}.trend{background:var(--bg-panel);border:1px solid var(--line-border);border-radius:var(--radius-card);padding:14px 18px 26px 44px;margin-bottom:16px;height:170px;position:relative}.trend .y-lab{position:absolute;left:14px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.trend .plot{position:absolute;left:44px;right:18px;top:14px;bottom:30px}.trend .plot svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.trend-line{fill:none;stroke:#4a5b64;stroke-width:2}.trend-div{stroke:var(--line-control-2);stroke-width:1;stroke-dasharray:3 4}.trend-dot{position:absolute;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;border:2px solid var(--cyan-line);background:var(--cyan-fill)}.trend-dot.peak{background:var(--amber-bright);border-color:var(--amber-bright-2)}.trend .x-lab{position:absolute;bottom:10px;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.trend .x-lab.left{left:44px}.trend .x-lab.right{right:18px}.trend-empty{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.song-take{display:flex;align-items:center;gap:14px;padding:11px 6px;border-bottom:1px solid var(--line-hairline);cursor:pointer}.song-take:hover{background:#191309}.song-take .title{width:200px;min-width:200px}.song-take .title .row1{display:flex;align-items:center;gap:7px}.song-take .title .date{font-size:16px;color:var(--text-title)}.song-take .title .keeper-tag{color:var(--amber-bright);font-size:12px;background:var(--amber-soft-2);padding:1px 7px;border-radius:5px}.song-take .title .sub{color:var(--text-faint);font-family:var(--font-mono);font-size:11px;margin-top:2px}.m-score{font-family:var(--font-mono);font-size:13px;font-weight:600;width:30px;text-align:right;color:var(--text-muted)}.m-score.keep{color:var(--amber-bright)}.band-notes{background:var(--bg-panel);border:1px solid var(--line-border);border-radius:var(--radius-card);padding:18px 20px;margin-top:18px}.band-notes h3{color:var(--amber-muted);font-family:var(--font-display);font-weight:600;font-size:15px;margin:0 0 10px}.band-notes .empty{color:var(--text-dim)}.detail{max-width:1180px;margin:0 auto}.detail-head{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}.back-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-control-2);background:var(--bg-control);color:var(--text-secondary);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.back-btn:hover{border-color:var(--line-control-hi)}.detail-play{width:40px;height:40px;border-radius:50%;border:1px solid var(--amber-line);background:var(--amber-soft-2);color:var(--amber-bright);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.detail-play:hover{background:var(--amber-soft-hover)}.detail-titles{min-width:0}.detail-song{font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1}.detail-sub{color:var(--text-dim);font-family:var(--font-mono);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:var(--bg-panel);border:1px solid var(--line-border);border-radius:var(--radius-card);padding:16px 18px;margin-bottom:14px}.panel-head{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;flex-wrap:wrap}.panel-head h3,.panel-title{margin:0;color:var(--amber-muted);font-family:var(--font-display);font-weight:600;font-size:15px}.panel-hint,.hint-inline{color:var(--text-faint);font-size:12px}.shape-bar{display:flex;height:14px;border-radius:4px;overflow:hidden;margin-bottom:4px}.shape-bar span{display:block;height:100%}.shape-wave{height:130px;position:relative;border-bottom:1px solid var(--line-border)}.shape-wave svg{display:block;width:100%;height:100%}.shape-ticks{position:relative;height:16px;margin-bottom:10px}.shape-ticks span{position:absolute;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.section-chips{display:flex;flex-wrap:wrap;gap:8px}.section-chip{display:inline-flex;align-items:center;gap:7px;background:var(--bg-inset);border:1px solid var(--line-control);border-radius:var(--radius-pill);padding:5px 10px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.section-chip .dot{width:8px;height:8px;border-radius:2px}.section-chip .loop{background:none;border:none;padding:0;color:var(--text-faint);cursor:pointer;font-size:13px}.section-chip .loop:hover{color:var(--amber-bright)}.section-chip .jump{background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer}.section-chip .jump:hover{color:var(--amber-bright)}.axis-chart{height:130px;position:relative;padding-left:30px}.axis-chart.bass{height:120px}.axis-chart .y-lab{position:absolute;left:0;font-family:var(--font-mono);font-size:10px;color:var(--text-faint)}.axis-chart svg{display:block;width:100%;height:100%}.tempo-ref{stroke:#5a4a2c;stroke-width:1;stroke-dasharray:4 5}.tempo-line{fill:none;stroke:var(--cyan-line);stroke-width:2}.bass-marks{fill:var(--bass-note)}.playhead{stroke:var(--playhead);stroke-width:1.5}.ph-line{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead);box-shadow:var(--glow-playhead);pointer-events:none;transform:translate(-1px)}.hoverline{stroke:var(--amber-primary);stroke-width:1}.hover-label{fill:var(--text-primary);font-size:12px;font-family:var(--font-mono)}.clickable{cursor:crosshair}.stat-cards{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.stat-card{flex:1;min-width:150px;background:var(--bg-inset);border:1px solid var(--line-control);border-radius:10px;padding:14px 16px}.stat-value{font-size:22px;font-weight:600;color:var(--text-title)}.stat-label{color:var(--text-dim);font-size:12px;margin-top:4px}.keeper-card{max-width:430px;background:var(--bg-inset);border:1px solid var(--line-control);border-radius:10px;padding:16px 18px}.keeper-card .score{font-size:26px;font-weight:700;color:var(--amber-bright)}.keeper-card .score-label{color:var(--text-dim);font-size:12px;margin-bottom:12px}.keeper-bar{display:flex;align-items:center;gap:12px;margin-bottom:8px}.keeper-bar .kb-label{width:110px;color:var(--text-muted);font-size:12px}.keeper-bar .kb-track{flex:1;height:7px;border-radius:4px;background:var(--line-control);overflow:hidden}.keeper-bar .kb-fill{height:100%;background:var(--amber-deep);border-radius:4px}.player{height:74px;flex:0 0 auto;border-top:1px solid var(--line-border);background:var(--bg-chrome);display:flex;align-items:center;gap:18px;padding:0 18px}.player .transport{display:flex;align-items:center;gap:8px}.player .transport .step{width:34px;height:34px;border-radius:50%;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:13px}.player .transport .step:hover:not(:disabled){color:var(--amber-bright);background:transparent}.player .transport .step:disabled{opacity:.3}.player .transport .player-play{width:44px;height:44px;border-radius:50%;border:1px solid var(--amber-line);background:var(--amber-tint-14);color:var(--amber-bright);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.player .transport .player-play:hover{background:var(--amber-soft-hover)}.np-info{width:232px;min-width:232px}.np-file{font-family:var(--font-mono);font-size:13px;font-weight:500;color:#eadfce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:none;padding:0;text-align:left;cursor:default;max-width:100%}button.np-file.link{cursor:pointer}button.np-file.link:hover{color:var(--amber-bright);text-decoration:underline}.np-folder{color:var(--text-dim);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.np-scrub{flex:1;display:flex;align-items:center;gap:13px;min-width:0}.np-time{font-family:var(--font-mono);font-size:12px;width:42px}.np-time.cur{color:var(--text-secondary);text-align:right}.np-time.tot{color:var(--text-muted)}.np-track{flex:1;height:42px;position:relative;cursor:pointer;min-width:0;touch-action:none}.np-track .layers{position:absolute;left:0;right:0;top:4px;bottom:4px}.np-track .layers svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.np-track .head{position:absolute;top:0;bottom:0;width:2px;background:var(--playhead);box-shadow:var(--glow-playhead)}.np-track .sr-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.np-track input[type=range]{width:100%;accent-color:var(--amber-primary)}.quality-pill{border:1px solid var(--line-control-2);border-radius:8px;padding:7px 12px;color:var(--text-secondary);font-size:12px;background:none;white-space:nowrap;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.quality-pill:hover{border-color:var(--line-control-hi)}.quality-pill.on{color:var(--amber-bright);border-color:var(--amber-line)}.chip{border:1px solid var(--amber-line);border-radius:8px;padding:6px 11px;color:var(--amber-bright);font-size:12px;background:var(--amber-soft-2);white-space:nowrap}.reco-hero{display:flex;align-items:center;gap:18px;margin-bottom:14px;background:var(--bg-panel);border:1px solid var(--amber-line);border-radius:var(--radius-card);padding:16px 18px}.reco-hero.jam{border-color:var(--slate-line)}.reco-hero.unsure{border-color:#5a4a2c}.reco-ring{flex:none}.reco-hero .reco-body{flex:1;min-width:0}.reco-hero .reco-kicker{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-muted);margin-bottom:3px;display:inline-flex;gap:6px;align-items:center}.reco-hero.jam .reco-kicker{color:var(--slate-text)}.reco-hero .reco-song{font-family:var(--font-display);font-size:26px;font-weight:600;line-height:1.05}.reco-hero .reco-why{color:var(--text-dim);font-size:13px;margin-top:4px;line-height:1.45}.reco-hero .reco-actions{display:flex;gap:8px;flex:none;flex-wrap:wrap;justify-content:flex-end}.reco-alts{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.reco-alt{font-size:11px;color:var(--text-dim);background:var(--bg-menu);border:1px solid var(--line-control);border-radius:var(--radius-pill);padding:2px 9px;cursor:pointer;font-variant-numeric:tabular-nums}.reco-alt:hover{border-color:var(--amber-line);color:var(--text-primary)}.naming{display:flex;gap:6px;flex-wrap:wrap}.ab-controls{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap}.loopchip{color:var(--amber-bright);border-color:var(--amber-line);font-size:11px;padding:5px 9px}.stems-actions{display:flex;gap:10px}.mixer{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.strip{background:var(--bg-inset);border:1px solid var(--line-control);border-radius:var(--radius);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.strip.stripped{opacity:.5}.strip-head{display:flex;align-items:center;gap:6px;margin-bottom:2px}.strip-name{flex:1;font-weight:700;text-transform:capitalize;color:var(--amber-muted)}.strip-head button{padding:2px 8px;font-size:11px;font-weight:700}.strip-head button.active{background:var(--amber-primary);color:#1a160f;border-color:var(--amber-primary)}.stem-slider{display:flex;align-items:center;gap:8px;font-size:11px}.stem-slider-name{width:32px;color:var(--text-dim)}.stem-slider input[type=range]{flex:1;accent-color:var(--amber-primary);min-width:0}.stem-slider-val{width:38px;text-align:right;font-family:var(--font-mono);color:var(--text-dim)}.take.comparing{background:var(--amber-soft);box-shadow:inset 0 0 0 1px var(--amber-line)}.compare-tray{background:var(--bg-panel);border:1px solid var(--amber-line);border-radius:var(--radius-card);padding:12px 14px;margin-bottom:14px}.compare-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}.compare-head h3{margin:0;font-size:14px;color:var(--amber-muted);font-family:var(--font-display)}.compare-head .spacer{flex:1}.compare-table{border-collapse:collapse;width:100%}.compare-table th,.compare-table td{text-align:left;padding:5px 10px;border-bottom:1px solid var(--line-border);font-size:13px}.compare-table th .file{font-family:var(--font-mono);font-size:12px;margin-left:8px}.compare-table td:first-child{color:var(--text-dim)}.compare-table .playing-col{color:var(--amber-bright)}.compare-btn{width:30px;height:30px;border-radius:var(--radius-pill);border:1px solid var(--line-control-2);background:transparent;color:var(--text-muted);cursor:pointer;flex:0 0 auto}.compare-btn.active{color:var(--amber-bright);border-color:var(--amber-line)}.note{display:flex;flex-direction:column;padding:8px 0;border-bottom:1px solid var(--line-hairline)}.note-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--text-dim);font-size:11px}.note-body{white-space:pre-wrap;line-height:1.5}.note-form{display:flex;gap:8px;margin-top:10px}.note-form input{flex:1}.note-edited{font-style:italic}.note-context{background:none;border:none;padding:0;font:inherit;color:var(--amber-muted);cursor:pointer}.note-context:hover{text-decoration:underline}.note-actions{margin-left:auto;display:inline-flex;gap:4px}.note-actions button{background:none;border:none;padding:0 3px;font-size:11px;color:var(--text-dim);cursor:pointer}.note-actions button:hover{color:var(--amber-bright)}.note-actions button.danger{color:var(--red)}.note-edit{display:flex;flex-direction:column;gap:6px;margin-top:4px}.note-edit textarea{width:100%;box-sizing:border-box;resize:vertical}.note-edit-actions{display:flex;gap:8px}.login{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:radial-gradient(800px 400px at 50% 0%,#2a2114,transparent)}.login form{display:flex;flex-direction:column;gap:10px;width:300px;background:var(--bg-panel);padding:28px;border-radius:var(--radius-card);border:1px solid var(--line-border);box-shadow:var(--shadow-menu)}.login h1{font-family:var(--font-display);color:var(--amber-primary);margin:0 0 6px;display:flex;align-items:center;gap:10px;font-weight:600}.error{color:var(--red);font-size:13px}.card{background:var(--bg-panel);border:1px solid var(--line-border);border-radius:var(--radius-card);padding:16px 18px;margin-bottom:16px}.card h2{margin:0 0 10px;font-size:15px;color:var(--amber-muted);font-family:var(--font-display)}.metric-grid{display:flex;gap:22px;flex-wrap:wrap}.metric-grid .metric{display:flex;flex-direction:column}.metric-grid .value{font-size:22px;font-weight:700}.metric-grid .delta-up{color:var(--green-text);font-size:12px}.metric-grid .delta-down{color:var(--red);font-size:12px}.metric-grid .label{color:var(--text-dim);font-size:12px}.param{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line-border)}.param .info{flex:1}.param .info .name{font-weight:600}.param .info .help{color:var(--text-dim);font-size:12px}.param input[type=range]{width:180px;accent-color:var(--amber-primary)}.param .val{width:60px;text-align:right;font-family:var(--font-mono)}table.plain{border-collapse:collapse;width:100%}table.plain th,table.plain td{text-align:left;padding:5px 10px;border-bottom:1px solid var(--line-border);font-size:13px}table.plain th{color:var(--text-dim);font-weight:500}.toast{position:fixed;bottom:90px;right:18px;background:var(--bg-panel);border:1px solid var(--amber-line);border-radius:var(--radius);padding:10px 16px;max-width:420px;z-index:30;box-shadow:var(--shadow-menu)}.usermenu{position:relative}.usermenu-trigger{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);border:1px solid var(--line-control-2);padding:5px 11px;border-radius:8px;background:none;font-size:13px}.usermenu-trigger:hover{border-color:var(--line-control-hi)}.usermenu-trigger .caret{font-size:11px;color:var(--text-dim)}.usermenu-pop{position:absolute;top:calc(100% + 8px);right:0;width:244px;z-index:20;background:var(--bg-menu);border:1px solid var(--line-menu);border-radius:var(--radius);padding:6px;box-shadow:var(--shadow-menu)}.usermenu-head{display:flex;align-items:center;gap:10px;padding:8px 8px 12px;border-bottom:1px solid var(--line-border);margin-bottom:4px}.usermenu-head .avatar{width:36px;height:36px;border-radius:50%;flex:none;background:var(--amber-soft-2);color:var(--amber-primary);display:flex;align-items:center;justify-content:center;font-weight:600}.usermenu-head .who{display:flex;flex-direction:column;gap:3px;min-width:0}.usermenu-head .name{color:var(--text-primary)}.usermenu-head .role{align-self:flex-start;background:var(--amber-soft-2);color:var(--amber-primary);font-size:11px;padding:1px 8px;border-radius:var(--radius)}.usermenu-item{display:flex;align-items:center;width:100%;text-align:left;background:none;border:none;color:var(--text-primary);padding:8px;border-radius:6px}.usermenu-item:hover{background:var(--line-control);border-color:transparent}.usermenu-item.danger{color:var(--red)}.usermenu-sep{height:1px;background:var(--line-border);margin:4px 2px}.usermenu-flash{font-size:11px;color:var(--text-dim);padding:4px 8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#000a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{width:350px;max-width:100%;background:var(--bg-panel);border:1px solid var(--line-border);border-radius:var(--radius-card);padding:20px;box-shadow:var(--shadow-menu)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modal-head h3{margin:0;font-size:15px;color:var(--amber-muted);font-family:var(--font-display)}.modal-card .iconbtn{background:none;border:none;color:var(--text-dim);padding:0 4px;font-size:16px}.modal-card input{width:100%;box-sizing:border-box}.field-label{display:block;font-size:12px;color:var(--text-dim);margin:12px 0 4px}.field-hint{font-size:11px;color:var(--text-dim);margin:2px 0 0}.field-hint.warn{color:var(--red)}.modal-note{font-size:11px;color:var(--text-dim);margin:14px 0 0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.ok-msg{color:var(--green-text);font-size:14px;margin:6px 0 0}@media(max-width:820px){.sidebar{position:fixed;top:54px;bottom:74px;left:0;right:80px;z-index:8;width:auto;transform:translate(-102%);transition:transform .18s var(--ease);box-shadow:var(--shadow-menu)}.sidebar.open{transform:none}.backdrop{display:block;position:fixed;top:54px;right:0;bottom:74px;left:0;z-index:7;background:#0008}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;margin-right:6px}.lens-header{padding:12px 12px 0}.scroll{padding:14px 12px 24px}.app>.content{padding:14px 12px 24px}.take{flex-wrap:wrap;row-gap:8px}.take-title{width:auto;min-width:0;flex:1}.take-wave{flex-basis:100%;order:5}.triage{width:auto}.density-compact .take-wave,.np-info{display:none}.player{gap:12px;padding:0 12px}.session-head{flex-wrap:wrap;gap:10px}.stat-card{min-width:120px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}