:root{--bg: #0a0a0a;--amber: #f0a340;--amber-dim: #b96f18;--cream: #ededea;--cream-bright: #f8f8f6;--muted: #8f8f8a;--muted-dim: #6f6f6a;--good: #f0a340;--warn: #d1735f;--done: #5fae70;--card: #161616}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--cream);font-family:Bricolage Grotesque,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input{font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}#root{min-height:100vh}.mono{font-family:DM Mono,ui-monospace,monospace}@keyframes tubeBreathe{0%,to{opacity:.62}50%{opacity:1}}@keyframes lampPulse{0%,to{opacity:.55}50%{opacity:1}}.app-shell{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.app-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(112deg,#ffffff04 0,#ffffff04 2px,#0000 2px,#0000 5px);pointer-events:none;z-index:40}.app-shell:after{content:"";position:absolute;top:-120px;left:50%;transform:translate(-50%);width:420px;height:280px;background:radial-gradient(closest-side,#f0a34012,#f0a34000);pointer-events:none;animation:tubeBreathe 7s ease-in-out infinite}.app-header{padding:calc(env(safe-area-inset-top,0px) + 20px) 22px 14px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid rgba(245,245,243,.1);background:linear-gradient(#ffffff08,#fff0);position:relative}.app-title{font:500 12px/1 DM Mono,ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);flex:none}.app-header .repertoire-compact{flex:1;max-width:190px;margin-top:0}.sync-tag{color:var(--muted-dim)}.sync-tag.error{color:var(--warn)}.screen{flex:1;padding:18px 20px calc(env(safe-area-inset-bottom,0px) + 28px);display:flex;flex-direction:column;gap:16px;min-height:0;position:relative}.eyebrow{font:400 9px/1 DM Mono,ui-monospace,monospace;letter-spacing:.2em;color:var(--muted);text-transform:uppercase;margin-bottom:10px}.pick-card{border-radius:18px;background:linear-gradient(#1a1a1a,#111);border:1px solid rgba(245,245,243,.11);box-shadow:0 14px 34px #0000008c,inset 0 1px #ffffff14;padding:14px 14px 16px}.pick-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pick-on{display:flex;gap:6px;align-items:center}.pick-on-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px #f0a340e6;animation:lampPulse 2s ease-in-out infinite}.pick-on-label{font:400 8px/1 DM Mono,monospace;letter-spacing:.14em;color:var(--muted-dim)}.reel-window{height:150px;overflow:hidden;border-radius:11px;background:#050505;position:relative;box-shadow:inset 0 0 0 1px #f0a34029,inset 0 8px 22px #000000bf,inset 0 0 50px #f0a3400f}.reel-track{will-change:transform}.reel-item{height:50px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 16px;overflow:hidden}.reel-item-name{font:700 21px/1.15 Bricolage Grotesque,system-ui;letter-spacing:-.01em;color:#ffd79a;text-shadow:0 0 16px rgba(255,160,60,.35);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-item-artist{font:400 11.5px/1.35 DM Mono,monospace;color:#b3b3ae;letter-spacing:.05em;margin-top:2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-band{position:absolute;top:calc(50% - 25px);left:0;right:0;height:50px;border-top:1px solid rgba(240,163,64,.5);border-bottom:1px solid rgba(240,163,64,.5);background:#f0a34012;pointer-events:none}.reel-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(#050505,#0c0c0c00 34%,#0c0c0c00 66%,#050505);pointer-events:none}.reel-sheen{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(104deg,#ffffff12 0,#ffffff12 18%,#fff0 34%);pointer-events:none}.repertoire{margin-top:14px}.repertoire-compact{margin-top:0}.repertoire-compact .repertoire-rail{height:12px}.repertoire-count-below{margin-top:6px;text-transform:uppercase}.repertoire-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.repertoire-label{font:400 8px/1 DM Mono,monospace;letter-spacing:.2em;color:#8a8a84}.repertoire-count{font:400 9px/1 DM Mono,monospace;letter-spacing:.1em;color:#b9b9b4}.repertoire-rail{position:relative;height:16px;margin:0 1px;border-radius:3px;background:#050505;box-shadow:inset 0 2px 6px #000000bf,inset 0 0 0 1px #f5f5f312}.repertoire-fill{position:absolute;left:0;top:0;bottom:0;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#f0a34024,#f0a3407a);box-shadow:0 0 16px #f0a34047;transition:width .3s ease}.repertoire-ticks{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:repeating-linear-gradient(90deg,#f5f5f338 0,#f5f5f338 1px,#0000 1px,#0000 3.7%);pointer-events:none}.repertoire-needle{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;border-radius:2px;background:#ffbe5e;box-shadow:0 0 10px #ff9632e6,0 0 22px #ff781e80;transition:left .3s ease}.btn-spin{border:1px solid rgba(255,190,110,.4);border-radius:14px;padding:19px 0 20px;background:linear-gradient(#e39430,#b96f18);color:#20170c;font:800 17px/1 Bricolage Grotesque,system-ui;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 5px #6f3f0c,0 0 34px #f0a34047,inset 0 1px #ffe8be80;cursor:pointer}.btn-spin:active{transform:translateY(4px);box-shadow:0 1px #6f3f0c,0 0 24px #f0a34038}.btn-spin:disabled{opacity:.5;cursor:not-allowed}.pick-result{border-radius:16px;background:linear-gradient(var(--card),#101010);border:1px solid rgba(245,245,243,.1);padding:16px;display:flex;flex-direction:column;gap:12px}.pick-result-name{font:800 21px/1.14 Bricolage Grotesque,system-ui;letter-spacing:-.022em;color:var(--cream-bright)}.pick-result-artist{font:400 11px/1.4 DM Mono,monospace;color:var(--muted);margin-top:4px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{font:500 9px/1 DM Mono,monospace;letter-spacing:.11em;padding:6px 9px;border-radius:6px;background:#f5f5f312;color:#bcbcb7;border:none}.chip-tab{cursor:pointer}.chip-tab.good{background:#f0a3401f;color:var(--good);border:1px solid rgba(240,163,64,.35)}.chip-tab.warn{background:#d1735f1f;color:var(--warn);border:1px solid rgba(209,115,95,.35)}.chip-tab.dim{background:#f5f5f312;color:var(--muted);border:1px solid rgba(245,245,243,.16)}.listen-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.listen-link{border:1px solid rgba(245,245,243,.14);background:#f5f5f30d;border-radius:20px;padding:8px 13px;font:600 11px/1 Bricolage Grotesque,system-ui;color:#b9b9b4;text-decoration:none;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.mini-player{flex:1;min-width:160px;display:flex;align-items:center;gap:9px;border:1px solid rgba(245,245,243,.14);background:#f5f5f30d;border-radius:20px;padding:6px 13px 6px 6px}.mini-player-empty{flex:1;min-width:160px;display:flex;align-items:center;border:1px dashed rgba(245,245,243,.14);border-radius:20px;padding:8px 13px;font:500 10px/1 DM Mono,monospace;letter-spacing:.08em;color:var(--muted-dim)}.mini-player-btn{flex:none;width:26px;height:26px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(#e39430,#b96f18);color:#20170c;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 0 0 1px}.mini-player-bar{flex:1;height:4px;border-radius:2px;background:#f5f5f324;cursor:pointer;overflow:hidden}.mini-player-fill{height:100%;background:var(--amber);border-radius:2px}.mini-player-label{flex:none;font:500 9px/1 DM Mono,monospace;letter-spacing:.1em;color:var(--muted-dim)}.btn-practice{width:100%;border:1px solid rgba(240,163,64,.35);border-radius:12px;padding:18px 0 20px;background:linear-gradient(#e39430,#b96f18);color:#20170c;font:800 16px/1 Bricolage Grotesque,system-ui;letter-spacing:.01em;box-shadow:0 5px #6f3f0c,0 0 28px #f0a34038,inset 0 1px #fff0d240;cursor:pointer}.btn-practice:active{transform:translateY(4px);box-shadow:0 1px #6f3f0c,0 0 20px #f0a3402e}.btn-not-today{width:100%;border:1px solid rgba(224,132,112,.4);border-radius:11px;padding:13px 0 15px;background:#e084701a;color:#e79680;font:700 13px/1 Bricolage Grotesque,system-ui;box-shadow:0 4px #0006;cursor:pointer}.btn-not-today:active{transform:translateY(3px);box-shadow:0 1px #0006}.rotation{border-top:1px solid rgba(245,245,243,.09);padding-top:15px;margin-top:4px}.rotation-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:12px}.rotation .eyebrow{margin-bottom:0}.rotation-head-links{display:flex;gap:14px;flex:none}.link-btn{border:none;background:transparent;color:var(--amber);font:700 11px/1 Bricolage Grotesque,system-ui;cursor:pointer;padding:0}.rotation-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid rgba(245,245,243,.07);width:100%;border-left:none;border-right:none;border-top:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.rotation-info{flex:1;min-width:0}.rotation-name{font:700 13px/1.2 Bricolage Grotesque,system-ui;color:#e3e3de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotation-artist{font:400 10px/1.3 DM Mono,monospace;color:#8a8a84;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rotation-meta{font:400 8.5px/1 DM Mono,monospace;letter-spacing:.14em;flex:none;color:var(--muted)}.rotation-meta.hot{color:var(--amber)}.rotation-empty{font:400 10px/1.5 DM Mono,monospace;color:var(--muted-dim);padding:4px 0}.rotation-note{font:400 9.5px/1.5 DM Mono,monospace;color:var(--muted-dim);letter-spacing:.03em;margin-top:11px}.install-strip{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#f0a34012;border:1px solid rgba(240,163,64,.22)}.install-icon{width:30px;height:30px;flex:none;border-radius:8px;background:linear-gradient(#e39430,#b96f18);box-shadow:0 0 18px #f0a34059}.install-copy{flex:1;font:400 10px/1.45 DM Mono,monospace;color:#b9b9b4;letter-spacing:.03em}.install-dismiss{border:none;background:transparent;color:#8a8a84;font:400 14px/1 DM Mono,monospace;cursor:pointer;padding:2px 4px}.toast{font:400 10px/1.5 DM Mono,monospace;color:#8a8a84;min-height:15px}.pick-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.debug-toggle{flex:none;border:1px solid rgba(245,245,243,.16);background:transparent;border-radius:7px;padding:6px 10px;font:400 9px/1 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-dim);cursor:pointer}.debug-toggle.on{border-color:var(--amber);color:var(--amber);background:#f0a3401f}.debug-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#f0a34024;border-bottom:1px solid rgba(240,163,64,.4);font:500 11px/1.4 DM Mono,monospace;letter-spacing:.04em;color:var(--amber)}.debug-banner button{border:1px solid rgba(240,163,64,.5);background:none;border-radius:7px;padding:5px 10px;font:500 10px/1 DM Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);cursor:pointer}.btn-desktop-outline.debug-on{border-color:var(--amber);color:var(--amber);background:#f0a34024}.back-btn{align-self:flex-start;border:none;background:transparent;padding:0;color:var(--amber);font:400 10px/1 DM Mono,monospace;letter-spacing:.12em;cursor:pointer}.practice-head{display:flex;gap:14px;align-items:center}.album-art{width:78px;height:78px;flex:none;border-radius:10px;background:repeating-linear-gradient(135deg,#1c1c1c 0,#1c1c1c 6px,#161616 6px,#161616 12px);border:1px solid rgba(245,245,243,.11);display:flex;align-items:center;justify-content:center;text-align:center;font:400 7px/1.3 DM Mono,monospace;color:#8a8a84;letter-spacing:.06em}.album-art-img{object-fit:cover;background:#161616}.practice-name{font:800 22px/1.1 Bricolage Grotesque,system-ui;letter-spacing:-.025em;color:var(--cream-bright)}.practice-artist{font:400 11px/1.4 DM Mono,monospace;color:var(--muted);margin-top:4px}.tab-row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:11px}.tab-row.tab-none{background:#d1735f17;border:1px solid rgba(209,115,95,.3)}.tab-row.tab-link,.tab-row.tab-cached{background:#f0a34017;border:1px solid rgba(240,163,64,.3)}.tab-dot{width:7px;height:7px;border-radius:50%;flex:none}.tab-none .tab-dot{background:var(--warn);box-shadow:0 0 10px var(--warn)}.tab-link .tab-dot,.tab-cached .tab-dot{background:var(--good);box-shadow:0 0 10px var(--good)}.tab-text{flex:1;font:500 10px/1.3 DM Mono,monospace;letter-spacing:.04em}.tab-none .tab-text{color:var(--warn)}.tab-link .tab-text,.tab-cached .tab-text{color:var(--good)}.btn-tab-action{display:inline-block;border:1px solid rgba(245,245,243,.16);background:#f5f5f30f;color:var(--cream);border-radius:7px;padding:8px 11px;font:700 10px/1 Bricolage Grotesque,system-ui;cursor:pointer;text-decoration:none}.btn-edit-tab{border:none;background:transparent;color:var(--muted);font:400 10px/1 DM Mono,monospace;letter-spacing:.06em;cursor:pointer;padding:4px 2px}.tab-editor{border-radius:12px;background:#f5f5f309;border:1px solid rgba(245,245,243,.13);padding:13px;display:flex;flex-direction:column;gap:10px}.tab-editor .eyebrow{margin-bottom:0;letter-spacing:.18em}.tab-editor input{border:1px solid rgba(245,245,243,.16);border-radius:9px;padding:12px;background:#050505;color:var(--cream);font:400 11.5px/1.2 DM Mono,monospace;box-shadow:inset 0 2px 6px #0009}.tab-editor-actions{display:flex;gap:8px;align-items:center}.btn-save-tab{flex:1;border:none;border-radius:10px;padding:13px 0 15px;background:#b96f18;color:#20170c;font:700 12px/1 Bricolage Grotesque,system-ui;box-shadow:0 4px #6f3f0c;cursor:pointer}.btn-save-tab:active{transform:translateY(3px);box-shadow:0 1px #6f3f0c}.btn-save-tab:disabled{opacity:.6;cursor:default}.btn-cancel-tab{border:1px solid rgba(245,245,243,.16);border-radius:10px;padding:13px;background:#f5f5f30d;color:#b9b9b4;font:700 12px/1 Bricolage Grotesque,system-ui;cursor:pointer}.tab-editor-note{font:400 9.5px/1.5 DM Mono,monospace;color:#8a8a84;letter-spacing:.03em}.tab-search-link{color:var(--amber);text-decoration:none}.session-card{border-radius:16px;background:linear-gradient(#1a1a1a,#111);border:1px solid rgba(245,245,243,.11);box-shadow:inset 0 1px #ffffff12;padding:16px}.session-clock{border-radius:11px;background:#050505;padding:18px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 8px 20px #000000bf,inset 0 0 0 1px #f0a34024;position:relative;overflow:hidden;font:400 48px/1 DM Mono,monospace;color:#ffbe5e;letter-spacing:.03em;text-shadow:0 0 26px rgba(255,150,50,.55)}.session-actions{display:flex;gap:8px;margin-top:12px}.btn-run{flex:1;border:1px solid rgba(255,190,110,.35);border-radius:11px;padding:14px 0 16px;background:linear-gradient(#e39430,#b96f18);color:#20170c;font:800 13px/1 Bricolage Grotesque,system-ui;text-transform:uppercase;letter-spacing:.03em;box-shadow:0 4px #6f3f0c,0 0 22px #f0a34033;cursor:pointer}.btn-run:active{transform:translateY(3px);box-shadow:0 1px #6f3f0c}.btn-log{flex:none;border:1px solid rgba(245,245,243,.16);border-radius:11px;padding:14px 16px 16px;background:#f5f5f30d;color:#b9b9b4;font:700 13px/1 Bricolage Grotesque,system-ui;box-shadow:0 4px #00000073;cursor:pointer}.btn-log:active{transform:translateY(3px);box-shadow:0 1px #00000073}.btn-reset{flex:none;border:1px solid rgba(245,245,243,.16);border-radius:11px;padding:14px 16px 16px;background:#f5f5f30d;color:#b9b9b4;font:700 13px/1 Bricolage Grotesque,system-ui;box-shadow:0 4px #00000073;cursor:pointer}.btn-reset:active{transform:translateY(3px);box-shadow:0 1px #00000073}.btn-reset:disabled{opacity:.4;cursor:not-allowed}.tempo-card{border-radius:16px;background:linear-gradient(var(--card),#101010);border:1px solid rgba(245,245,243,.1);padding:16px;-webkit-user-select:none;user-select:none}.tempo-row{display:flex;gap:16px;align-items:center}.dial-wrap{position:relative;width:100px;height:100px;flex:none}.dial-tick{position:absolute;left:50%;top:0;border-radius:1px;width:1px;height:5px;margin-left:-.5px;background:#f5f5f34d;transform-origin:50% 50px}.dial-tick.major{width:2px;height:8px;margin-left:-1px;background:#f5f5f38c}.dial-knob{position:absolute;left:11px;top:11px;width:78px;height:78px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#2e2e2e,#0e0e0e);border:1px solid rgba(245,245,243,.15);box-shadow:0 3px #00000080,0 0 26px #f0a3401f,inset 0 1px 1px #ffffff24;touch-action:none;-webkit-user-select:none;user-select:none}.dial-needle{position:absolute;left:50%;top:6px;width:3px;height:26px;margin-left:-1.5px;border-radius:2px;background:#ffc478;box-shadow:0 0 10px #ffc478;transform-origin:50% 32px}.dial-cap{position:absolute;left:50%;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:radial-gradient(circle at 36% 30%,#3a3a3a,#111);box-shadow:inset 0 1px 1px #ffffff29}.tempo-info{flex:1;min-width:0}.tempo-bpm{display:flex;align-items:baseline;gap:6px}.tempo-bpm-num{font:800 30px/1 Bricolage Grotesque,system-ui;letter-spacing:-.03em;color:var(--cream-bright)}.tempo-bpm-unit{font:400 9px/1 DM Mono,monospace;letter-spacing:.16em;color:var(--muted)}.tempo-hint{font:400 8.5px/1 DM Mono,monospace;letter-spacing:.14em;color:var(--muted-dim);margin-top:3px;white-space:nowrap}.tempo-buttons{display:flex;gap:6px;margin-top:8px}.btn-step{flex:1;border:1px solid rgba(245,245,243,.16);background:#f5f5f30d;border-radius:8px;height:30px;font:700 14px/1 Bricolage Grotesque,system-ui;color:#b9b9b4;cursor:pointer}.btn-metro{border-radius:8px;height:32px;cursor:pointer;border:1px solid rgba(245,245,243,.16);background:#f5f5f30d;color:#b9b9b4;font:700 10px/1 DM Mono,monospace;letter-spacing:.14em;text-transform:uppercase}.btn-metro.on{border-color:var(--amber);background:#f0a3401f;color:var(--amber)}.valve-toggle{width:100%;margin-top:12px}.valve-card .valve-toggle{margin-top:14px}.panel-valves .valve-toggle{margin-top:14px;flex:none}.tempo-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(245,245,243,.09)}.btn-tap{border:1px solid rgba(240,163,64,.35);background:#f0a34014;color:var(--amber);border-radius:9px;padding:10px 14px;font:700 11px/1 Bricolage Grotesque,system-ui;letter-spacing:.04em;cursor:pointer}.btn-tap:active{transform:translateY(2px)}.tempo-key{display:flex;align-items:center;gap:8px}.tempo-key label{font:400 9px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted)}.tempo-key input{width:68px;border:1px solid rgba(245,245,243,.16);border-radius:8px;padding:9px 10px;background:#050505;color:var(--cream);font:500 12px/1 Bricolage Grotesque,system-ui;box-shadow:inset 0 2px 6px #0009}.btn-save-bpm{flex:none;width:100%;border:none;border-radius:9px;padding:9px 0;background:#b96f18;color:#20170c;font:700 11px/1 Bricolage Grotesque,system-ui;box-shadow:0 3px #6f3f0c;cursor:pointer}.btn-save-bpm:active{transform:translateY(2px);box-shadow:0 1px #6f3f0c}.valve-card{margin-top:16px;padding:14px 12px 12px;border-radius:12px;background:#0a0a0a;box-shadow:inset 0 6px 16px #000000b3}.valve-row{display:flex;gap:10px;align-items:flex-end;height:64px}.valve{position:relative;flex:1;height:34px;align-self:flex-end;border-radius:7px 7px 4px 4px;background:linear-gradient(#ffffff12,#1a1a1a80);border:1px solid rgba(245,245,243,.13);transition:box-shadow .09s linear,background .09s linear}.valve-down{height:42px}.valve-lit{background:radial-gradient(60% 55% at 50% 62%,#ffa840f2,#ff842047 60%,#34241699);border-color:#ffb25a8c;box-shadow:0 0 22px #ff96328c,0 0 60px #ff781e47,inset 0 -6px 12px #ffb45a59}.valve-filament{position:absolute;left:50%;bottom:7px;width:2px;margin-left:-1px;height:17px;border-radius:2px;background:#f5f5f329}.valve-down .valve-filament{height:22px}.valve-lit .valve-filament{background:#ffe6b0;box-shadow:0 0 10px #ffb85a,0 0 22px #ff9632b3}.valve-caption{font:400 8px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted-dim);margin-top:9px;text-align:center}.btn-learned{width:100%;border:1px solid rgba(240,163,64,.35);border-radius:12px;padding:17px 0 19px;background:linear-gradient(#e39430,#b96f18);color:#20170c;font:800 15px/1 Bricolage Grotesque,system-ui;box-shadow:0 5px #6f3f0c,0 0 26px #f0a34033,inset 0 1px #fff0d240;cursor:pointer}.btn-learned:active{transform:translateY(4px);box-shadow:0 1px #6f3f0c}.resurface-note{font:400 9.5px/1.5 DM Mono,monospace;color:var(--muted-dim);letter-spacing:.03em;text-align:center;margin-top:-6px}.log-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(245,245,243,.09)}.log-when{font:700 12px/1 Bricolage Grotesque,system-ui;color:#e3e3de}.log-mins{font:400 10px/1 DM Mono,monospace;color:#8a8a84;letter-spacing:.06em}.add-title{font:800 24px/1.1 Bricolage Grotesque,system-ui;letter-spacing:-.025em;color:var(--cream-bright)}.add-input-row{display:flex;gap:8px}.add-input-row input{flex:1;min-width:0;border:1px solid rgba(245,245,243,.16);border-radius:11px;padding:13px 14px;background:#050505;color:var(--cream);font:500 14px/1 Bricolage Grotesque,system-ui;box-shadow:inset 0 2px 6px #0009}.btn-check{border:1px solid rgba(255,190,110,.35);border-radius:11px;padding:13px 15px 15px;background:linear-gradient(#e39430,#b96f18);color:#20170c;font:800 12px/1 Bricolage Grotesque,system-ui;text-transform:uppercase;box-shadow:0 4px #6f3f0c;cursor:pointer}.btn-check:active{transform:translateY(3px);box-shadow:0 1px #6f3f0c}.add-box{border-radius:14px;padding:14px;background:#f5f5f309;border:1px solid rgba(245,245,243,.16)}.add-box.tone-good{border-color:#f0a34066}.add-box.tone-warn{border-color:#d1735f66}.add-headline{font:500 10px/1.4 DM Mono,monospace;letter-spacing:.1em}.tone-good .add-headline{color:var(--good)}.tone-warn .add-headline{color:var(--warn)}.tone-dim .add-headline{color:var(--muted)}.match-row{display:flex;gap:12px;align-items:center;margin-top:12px}.match-art{width:52px;height:52px;flex:none;border-radius:8px;object-fit:cover}.match-art.placeholder{background:repeating-linear-gradient(135deg,#1c1c1c 0,#1c1c1c 5px,#161616 5px,#161616 10px);border:1px solid rgba(245,245,243,.11)}.match-name{font:800 16px/1.15 Bricolage Grotesque,system-ui;letter-spacing:-.02em;color:var(--cream-bright)}.match-meta{font:400 10px/1.3 DM Mono,monospace;color:var(--muted);margin-top:3px}.btn-confirm-add{width:100%;border:none;border-radius:11px;padding:14px 0 16px;margin-top:14px;background:#b96f18;color:#20170c;font:700 13px/1 Bricolage Grotesque,system-ui;box-shadow:0 4px #6f3f0c;cursor:pointer}.btn-confirm-add:active{transform:translateY(3px);box-shadow:0 1px #6f3f0c}.btn-add-anyway{background:#333;box-shadow:0 4px #222}.btn-add-anyway:active{box-shadow:0 1px #222}.suggest-row{display:flex;flex-wrap:wrap;gap:6px}.suggest-chip{border:1px solid rgba(245,245,243,.14);background:#f5f5f30a;border-radius:20px;padding:8px 12px;font:500 10px/1 DM Mono,monospace;color:#afafaa;letter-spacing:.04em;cursor:pointer}.list-hint{font:400 10px/1.5 DM Mono,monospace;color:var(--muted);letter-spacing:.03em;margin-top:-8px}.song-list{display:flex;flex-direction:column}.song-list-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid rgba(245,245,243,.09);width:100%;border-left:none;border-right:none;border-top:none;background:transparent;font:inherit;text-align:left;cursor:pointer}.song-list-info{flex:1;min-width:0}.song-list-name{font:700 14px/1.25 Bricolage Grotesque,system-ui;color:#e3e3de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-list-artist{font:400 10.5px/1.3 DM Mono,monospace;color:#8a8a84;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-list-meta{font:400 8.5px/1 DM Mono,monospace;letter-spacing:.12em;flex:none;color:var(--muted-dim)}.desktop-shell{min-height:100vh}.desktop-header{display:flex;align-items:center;gap:24px;padding:18px 30px;border-bottom:1px solid rgba(245,245,243,.08)}.desktop-brand{display:flex;align-items:center;gap:18px;flex:none}.desktop-title{font:500 14px/1 DM Mono,ui-monospace,monospace;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.desktop-brand .repertoire-compact{width:300px;margin-top:0}.desktop-brand .repertoire-count-below{font-size:10px;letter-spacing:.12em}.desktop-header-spacer{flex:1}.desktop-search{display:flex;align-items:center;gap:10px;padding:9px 14px;width:280px;border-radius:10px;background:#0d0d0d;border:1px solid rgba(245,245,243,.09)}.desktop-search input{flex:1;background:none;border:0;outline:none;min-width:0;font:400 13px/1 DM Mono,monospace;color:var(--cream-bright)}.desktop-search-icon{font:400 12px/1 DM Mono,monospace;color:var(--muted-dim)}.desktop-header-actions{display:flex;gap:10px}.btn-desktop-outline{padding:10px 16px;border-radius:10px;border:1px solid rgba(245,245,243,.14);background:var(--card);font:500 12px/1 DM Mono,monospace;letter-spacing:.12em;color:#c3c3be;text-transform:uppercase;cursor:pointer}.btn-desktop-outline:hover{border-color:#f0a34080;color:var(--amber)}.btn-desktop-edit{padding:10px 16px;border-radius:10px;border:1px solid rgba(240,163,64,.35);background:none;font:500 12px/1 DM Mono,monospace;letter-spacing:.12em;color:var(--amber);text-transform:uppercase;cursor:pointer}.btn-desktop-edit.on{background:#f0a34033}.btn-desktop-edit:hover{background:#f0a34029}.desktop-tray{padding:20px 30px 8px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.desktop-tray-label{font:400 11px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.desktop-tray-empty{font:400 11px/1 DM Mono,monospace;color:var(--muted-dim)}.btn-tray-show{padding:7px 12px;border-radius:8px;border:1px dashed rgba(245,245,243,.24);background:none;font:400 11px/1 DM Mono,monospace;letter-spacing:.1em;color:#c3c3be;text-transform:uppercase;cursor:pointer}.desktop-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:min-content;align-items:start;grid-auto-flow:row dense;gap:18px;padding:24px 30px 40px}.panel{position:relative;display:flex;flex-direction:column;padding:22px;border-radius:18px;background:linear-gradient(165deg,#161616,#0e0e0e 62%);border:1px solid rgba(245,245,243,.09);box-shadow:0 18px 40px #00000073,inset 0 1px #ffffff0f;min-width:0;min-height:0}.panel.editing{outline:1px dashed rgba(240,163,64,.45)}.panel-pick{grid-column:span 6}.panel-song{grid-column:span 6;min-height:500px}.panel-streak,.panel-tempo,.panel-valves,.panel-timer{grid-column:span 3;min-height:268px}.panel-notes,.panel-rotation{grid-column:span 6;min-height:400px}@media (max-width: 1180px){.panel-streak,.panel-tempo,.panel-valves,.panel-timer{grid-column:span 6}}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-eyebrow{font:400 11px/1 DM Mono,monospace;letter-spacing:.2em;color:var(--muted);text-transform:uppercase}.panel-tools{display:flex;align-items:center;gap:8px}.panel-hide-btn{width:22px;height:22px;border-radius:6px;border:1px solid rgba(245,245,243,.18);background:none;font:400 11px/1 DM Mono,monospace;color:#c3c3be;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.panel-handle{font:400 13px/1 DM Mono,monospace;color:var(--amber);cursor:grab;letter-spacing:-2px}.panel-pick .reel-window{height:350px;flex:none}.panel-pick .btn-spin{margin-top:18px;flex:none}.dsong-head{display:flex;gap:16px;align-items:flex-start}.dsong-art{width:88px;height:88px;flex:none;border-radius:12px;object-fit:cover;background:linear-gradient(150deg,#242424,#161616);border:1px solid rgba(245,245,243,.1)}.dsong-art.placeholder{display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;font:400 9px/1.4 DM Mono,monospace;color:var(--muted-dim)}.dsong-name{font:800 30px/1.06 Bricolage Grotesque,system-ui;color:var(--cream-bright);letter-spacing:-.01em}.dsong-artist{font:400 14px/1 DM Mono,monospace;color:var(--muted);margin-top:7px}.dsong-chips{display:flex;gap:9px;margin-top:18px;flex-wrap:wrap}.dsong-chip{display:inline-flex;align-items:center;padding:8px 13px;border-radius:9px;border:1px solid rgba(245,245,243,.12);font:400 12px/1 DM Mono,monospace;color:#c3c3be;background:none;cursor:pointer;text-decoration:none}.dsong-chip.good{border-color:#f0a34073;background:#f0a3401f;color:var(--good)}.dsong-chip.warn{border-color:#d1735f73;background:#d1735f1a;color:var(--warn)}.dsong-stats{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;align-content:center}.dsong-stat{padding:13px 14px;border-radius:11px;background:#0c0c0c;border:1px solid rgba(245,245,243,.06);box-shadow:inset 0 6px 14px #0000008c}.dsong-stat-label{font:400 10px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted-dim);text-transform:uppercase}.dsong-stat-value{font:800 22px/1 Bricolage Grotesque,system-ui;color:var(--cream-bright);margin-top:8px;font-variant-numeric:tabular-nums}.dsong-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.btn-dsong-practice{padding:17px;border-radius:13px;border:1px solid rgba(240,163,64,.6);background:linear-gradient(#e39430,#b96f18);font:700 15px/1 Bricolage Grotesque,system-ui;color:#20170c;cursor:pointer;box-shadow:0 0 30px #f0a34040,inset 0 1px #fff0d259}.btn-dsong-practice:hover{filter:brightness(1.08)}.btn-dsong-skip{padding:17px;border-radius:13px;border:1px solid rgba(209,115,95,.4);background:#d1735f17;font:700 15px/1 Bricolage Grotesque,system-ui;color:var(--warn);cursor:pointer}.btn-dsong-skip:hover{background:#d1735f29}.btn-dsong-learned{width:100%;margin-top:10px;padding:12px;border-radius:11px;border:1px solid rgba(240,163,64,.3);background:none;font:500 12px/1 DM Mono,monospace;letter-spacing:.06em;color:var(--muted);cursor:pointer}.btn-dsong-learned:hover{border-color:#f0a34080;color:var(--amber)}.dsong-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--muted-dim);font:400 12px/1.5 DM Mono,monospace;text-align:center}.streak-row{display:flex;gap:8px}.streak-day{flex:1;aspect-ratio:1;border-radius:9px;display:flex;align-items:center;justify-content:center;font:400 11px/1 DM Mono,monospace;color:var(--muted-dim);background:#0e0e0e;border:1px solid rgba(245,245,243,.07)}.streak-day.done{color:#241703;background:linear-gradient(#f2b452,#d8912f);border-color:#f0a34080;box-shadow:0 0 18px #f0a34040}.streak-summary{font:400 12px/1.5 DM Mono,monospace;color:var(--muted);margin-top:22px}.streak-last{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:20px;padding:16px;border:1px solid rgba(245,245,243,.08);border-radius:11px;background:#0c0c0c;cursor:pointer;text-align:left}.streak-last:hover{border-color:#f0a34066}.streak-last-label{font:400 9px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted-dim);text-transform:uppercase}.streak-last-song{font:700 15px/1.2 Bricolage Grotesque,system-ui;color:var(--cream-bright)}.streak-last-meta{font:400 11px/1 DM Mono,monospace;color:var(--muted)}.streak-last-empty{font:400 11px/1.5 DM Mono,monospace;color:var(--muted-dim);margin-top:14px}.panel-tempo .tempo-card{padding:0;background:none;border:none;box-shadow:none}.panel-tempo .tempo-footer{margin-top:10px}.panel-valves{justify-content:flex-start}.panel-valves .valve-row{flex:1;height:auto;min-height:118px;align-items:stretch}.panel-valves .valve{height:auto;align-self:stretch}.panel-valves .valve-caption{margin-top:14px}.dtimer-clock{flex:1;min-height:132px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#0a0a0a;border:1px solid rgba(245,245,243,.06);box-shadow:inset 0 8px 20px #000c;font:400 44px/1 DM Mono,monospace;color:var(--amber);text-shadow:0 0 26px rgba(240,163,64,.6);font-variant-numeric:tabular-nums}.dtimer-actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:16px}.btn-dtimer-run{padding:14px;border-radius:12px;font:800 14px/1 Bricolage Grotesque,system-ui;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn-dtimer-log,.btn-dtimer-reset{padding:14px 8px;border-radius:12px;border:1px solid rgba(245,245,243,.14);background:var(--card);font:500 12px/1 DM Mono,monospace;color:#c3c3be;cursor:pointer;white-space:nowrap}.btn-dtimer-log:hover,.btn-dtimer-reset:hover{border-color:#f0a34073}.btn-dtimer-log:disabled,.btn-dtimer-reset:disabled{opacity:.4;cursor:not-allowed}.btn-dtimer-log:disabled:hover,.btn-dtimer-reset:disabled:hover{border-color:#f5f5f324}.btn-spin,.btn-practice,.btn-run,.btn-dtimer-run,.btn-learned,.btn-check,.btn-confirm-add:not(.btn-add-anyway),.btn-save-tab,.btn-save-bpm,.btn-dsong-practice{background:linear-gradient(#e39430,#b96f18);color:#20170c;border:1px solid rgba(255,190,110,.35);box-shadow:0 4px #6f3f0c,0 0 24px #f0a34038,inset 0 1px #ffe8be66}.btn-spin:hover,.btn-practice:hover,.btn-run:hover,.btn-dtimer-run:hover,.btn-learned:hover,.btn-check:hover,.btn-confirm-add:not(.btn-add-anyway):hover,.btn-save-tab:hover,.btn-save-bpm:hover,.btn-dsong-practice:hover{filter:brightness(1.05)}.btn-spin:active,.btn-practice:active,.btn-run:active,.btn-dtimer-run:active,.btn-learned:active,.btn-check:active,.btn-confirm-add:not(.btn-add-anyway):active,.btn-save-tab:active,.btn-save-bpm:active,.btn-dsong-practice:active{transform:translateY(3px);box-shadow:0 1px #6f3f0c,0 0 16px #f0a3402e}.btn-spin:disabled,.btn-save-tab:disabled{opacity:.5}.dsong-tab-edit{flex:none;width:30px;height:30px;border-radius:8px;border:1px solid rgba(245,245,243,.12);background:none;color:var(--muted);font-size:12px;cursor:pointer}.dsong-tab-edit:hover{border-color:#f0a34073;color:var(--amber)}.dsong-tab-editor{margin-top:10px;display:flex;flex-direction:column;gap:8px}.dsong-tab-editor-row{display:flex;gap:8px}.dsong-tab-editor input{flex:1;min-width:0;border:1px solid rgba(245,245,243,.16);border-radius:10px;padding:11px 12px;background:#050505;color:var(--cream);font:500 13px/1 Bricolage Grotesque,system-ui}.dnotes-area{flex:1;min-height:220px;resize:none;padding:16px;border-radius:12px;background:#0a0a0a;border:1px solid rgba(245,245,243,.06);outline:none;font:400 14px/1.7 DM Mono,monospace;color:#e4e4df;box-shadow:inset 0 8px 20px #000000b3}.dnotes-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.dnotes-caption{font:400 11px/1 DM Mono,monospace;letter-spacing:.14em;color:var(--muted-dim);text-transform:uppercase}.btn-dnotes-save{padding:9px 18px;border-radius:10px;border:1px solid rgba(240,163,64,.35);background:#f0a3401f;font:500 12px/1 DM Mono,monospace;letter-spacing:.12em;color:var(--amber);text-transform:uppercase;cursor:pointer;flex:none}.btn-dnotes-save:hover{background:#f0a34033}.btn-dnotes-save:disabled{opacity:.4;cursor:not-allowed;background:none}.drotation-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(245,245,243,.06);width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;font:inherit;cursor:pointer}.drotation-name{font:700 17px/1.2 Bricolage Grotesque,system-ui;color:var(--cream-bright)}.drotation-artist{font:400 12px/1 DM Mono,monospace;color:var(--muted);margin-top:5px}.drotation-meta{font:400 11px/1 DM Mono,monospace;letter-spacing:.14em;color:var(--muted-dim);text-transform:uppercase;white-space:nowrap}.drotation-meta.hot{color:var(--warn)}.drotation-note{font:400 12px/1.6 DM Mono,monospace;color:var(--muted-dim);margin-top:auto;padding-top:12px}.dlist-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;align-content:start;overflow-y:auto;overflow-x:hidden}.dlist-legend{display:flex;align-items:center;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid rgba(245,245,243,.06);font:400 11px/1 DM Mono,monospace;color:var(--muted-dim)}.dlist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 10px;margin:0 -10px;border-radius:8px;border-bottom:1px solid rgba(245,245,243,.05);cursor:pointer;background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left;font:inherit}.dlist-row:hover{background:#f0a34012}.dlist-row.current{background:#f0a34017}.dlist-name{font:700 16px/1.2 Bricolage Grotesque,system-ui;color:var(--cream-bright);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlist-artist{font:400 12px/1 DM Mono,monospace;color:var(--muted);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dlist-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#f5f5f32e}.dlist-dot.skipped{background:var(--warn)}.dlist-dot.progress{background:var(--amber)}.dlist-dot.done{background:var(--done)}.dlist-legend .dlist-dot{margin-right:1px}.panel-empty{color:var(--muted-dim);font:400 12px/1.6 DM Mono,monospace}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505b8;display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-card{width:100%;max-width:480px;padding:26px;border-radius:18px;background:linear-gradient(165deg,#161616,#0e0e0e 62%);border:1px solid rgba(245,245,243,.12);box-shadow:0 30px 70px #0009}.modal-title{font:800 20px/1.1 Bricolage Grotesque,system-ui;color:var(--cream-bright);margin-bottom:16px}.modal-card-list{max-width:860px}.modal-search{width:auto;margin-bottom:16px}.modal-card-list .dlist-grid{max-height:56vh}.modal-close{position:absolute;top:18px;right:20px;border:none;background:none;color:var(--muted);font:400 20px/1 DM Mono,monospace;cursor:pointer}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:var(--bg)}.auth-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:18px;background:linear-gradient(165deg,#161616,#0e0e0e 62%);border:1px solid rgba(245,245,243,.1);box-shadow:0 30px 70px #0009}.auth-brand{font:500 12px/1 DM Mono,ui-monospace,monospace;letter-spacing:.22em;color:var(--muted);text-transform:uppercase}.auth-title{font:800 26px/1.1 Bricolage Grotesque,system-ui;color:var(--cream-bright);letter-spacing:-.02em}.auth-copy{margin:0;font:400 12px/1.6 DM Mono,monospace;color:var(--muted)}.auth-copy b{color:var(--cream);font-weight:500}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field span{font:400 10px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted);text-transform:uppercase}.auth-field input{border:1px solid rgba(245,245,243,.16);border-radius:10px;padding:13px 14px;background:#050505;color:var(--cream);font:500 15px/1 Bricolage Grotesque,system-ui;box-shadow:inset 0 2px 6px #0009}.auth-field input:focus{outline:none;border-color:#f0a34099}.auth-error{font:400 12px/1.5 DM Mono,monospace;color:var(--warn)}.auth-submit{width:100%;padding:15px 0 17px;font-size:13px}.auth-link{border:none;background:none;padding:4px 0;color:var(--amber);font:500 12px/1 DM Mono,monospace;cursor:pointer;text-align:left}.auth-fine{margin:6px 0 0;font:400 10.5px/1.6 DM Mono,monospace;color:var(--muted-dim)}.crash-detail{margin:0;padding:10px 12px;border-radius:8px;background:#050505;color:var(--warn);font:400 11px/1.5 DM Mono,monospace;white-space:pre-wrap;word-break:break-word}.welcome{max-width:560px;margin:0 auto;padding:56px 20px 80px;display:flex;flex-direction:column;gap:14px}.welcome-title{font:800 30px/1.1 Bricolage Grotesque,system-ui;color:var(--cream-bright);letter-spacing:-.02em}.welcome-copy{margin:0 0 6px;font:400 12.5px/1.7 DM Mono,monospace;color:var(--muted)}.welcome-or{margin-top:18px;font:400 10px/1 DM Mono,monospace;letter-spacing:.18em;color:var(--muted-dim);text-transform:uppercase}.welcome-chips{display:flex;flex-wrap:wrap;gap:8px}.feedback-area{width:100%;min-height:150px;resize:vertical;padding:14px;border-radius:12px;background:#0a0a0a;border:1px solid rgba(245,245,243,.12);color:var(--cream);outline:none;font:400 13px/1.6 DM Mono,monospace;box-shadow:inset 0 8px 20px #0009}.feedback-area:focus{border-color:#f0a34080}.feedback-send{width:100%;margin-top:12px;padding:14px 0 16px}.pick-foot-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;flex:none}.turnstile-slot{min-height:65px;display:flex;justify-content:center;align-items:center}@media (max-width: 420px){.auth-card{padding:22px}}