.stu-app,.adm-page{--bg: var(--ground);--bg-panel: var(--ground);--bg-input: var(--well);--bg-hover: color-mix(in srgb, var(--ink) 5%, var(--ground));--border: var(--line);--border-light: color-mix(in srgb, var(--line) 70%, var(--ink-3));--text: var(--ink-2);--text-dim: var(--ink-3);--text-bright: var(--ink);--text-faint: color-mix(in srgb, var(--ink-3) 60%, var(--ground));--accent-dim: color-mix(in srgb, var(--accent) 35%, var(--ground));--chord: var(--accent);--chord-bg: color-mix(in srgb, var(--accent) 12%, transparent);--hot: var(--accent);--hot-dim: var(--accent-dim);--accent-soft: color-mix(in srgb, var(--accent) 10%, transparent);--accent-line: color-mix(in srgb, var(--accent) 50%, transparent);--glow: var(--raised-sm);--glow-hot: var(--raised-sm);--sheen: none;--shadow: var(--raised);--pill: 999px;--radius: 14px;--radius-lg: 26px;--trans: .14s ease;--header-h: 56px;--label-on-accent: var(--on-accent);--font-display: var(--f-display);--font-serif: var(--f-display);--font-ui: var(--f-ui);--font-mono: var(--f-mono);font-family:var(--f-ui)}.header-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:none;padding:3px 8px;border-radius:var(--radius);cursor:pointer;transition:color var(--trans),border-color var(--trans),background var(--trans);white-space:nowrap;flex-shrink:0}.header-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-hover)}.header-btn.active{background:var(--chord-bg);border-color:var(--accent-dim);color:var(--chord)}#student-root,#student-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600}.stu-app{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-display);font-size:15px}.stu-bar{display:flex;align-items:center;gap:10px;height:52px;padding:0 14px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.stu-brand{font-weight:800;font-style:italic;font-size:18px;letter-spacing:-.01em;color:var(--text-bright);margin-right:auto}.stu-level-chip{font-family:var(--font-mono);font-size:11px;color:var(--text-dim);white-space:nowrap}.stu-level-chip b{color:var(--accent);font-weight:500}.stu-icon-btn{background:none;border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-mono);font-size:11px;padding:5px 10px;border-radius:var(--pill);cursor:pointer;white-space:nowrap}.stu-icon-btn:hover{color:var(--text-bright);border-color:var(--border-light)}.stu-nav{position:fixed;left:0;right:0;bottom:0;display:flex;z-index:2;background:var(--bg-panel);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.stu-nav button{flex:1;background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:13px;padding:14px 0;cursor:pointer;border-top:2px solid transparent}.stu-nav button.is-active{color:var(--accent);border-top-color:var(--accent)}.stu-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 16px 96px}.stu-main>*{max-width:760px;margin-left:auto;margin-right:auto}@media (min-width: 760px){.stu-nav{position:static;border:none;background:none;padding:0;gap:4px;margin-right:12px}.stu-nav button{flex:none;padding:6px 14px;border-top:none;border-radius:var(--pill)}.stu-nav button.is-active{background:var(--accent-soft);box-shadow:var(--glow)}.stu-main{padding:28px 24px 48px}}.stu-sound{display:flex;justify-content:center;padding:8px;background:var(--accent-soft);border-bottom:1px solid var(--accent-line)}.stu-sound[hidden]{display:none}.stu-sound button{background:var(--accent);color:var(--label-on-accent);border:none;border-radius:var(--pill);font-family:var(--font-display);font-weight:700;padding:8px 18px;cursor:pointer}.stu-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--text-bright);color:var(--bg);font-weight:700;padding:10px 18px;border-radius:var(--pill);box-shadow:var(--shadow);transition:opacity .2s ease,transform .2s ease;z-index:5;max-width:calc(100% - 32px);text-align:center}.stu-toast.is-on{opacity:1;transform:translate(-50%)}@media (min-width: 760px){.stu-toast{bottom:28px}}.stu-h1{font-size:26px;font-weight:800;color:var(--text-bright);letter-spacing:-.02em;line-height:1.15;margin:4px 0 10px}.stu-h2{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:22px 0 10px}.stu-muted{color:var(--text-dim);font-size:14px}.stu-pad{padding:24px 0}.stu-text{line-height:1.6;color:var(--text)}.stu-text p+p,.stu-text ul{margin-top:10px}.stu-text ul{padding-left:20px}.stu-text strong{color:var(--text-bright)}.stu-text code{font-family:var(--font-mono);font-size:.9em;color:var(--chord)}.stu-back{background:none;border:none;color:var(--accent);font-family:var(--font-display);font-weight:600;font-size:14px;padding:4px 0;cursor:pointer}.stu-primary{display:block;width:100%;background:var(--hot);color:#fff;border:none;border-radius:var(--pill);font-family:var(--font-display);font-weight:800;font-size:17px;padding:15px 20px;cursor:pointer;box-shadow:var(--glow-hot)}.stu-primary:disabled{opacity:.6}.stu-login{align-items:center;justify-content:center;padding:20px}.stu-login-card{width:100%;max-width:340px;display:flex;flex-direction:column;gap:14px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 22px;box-shadow:var(--shadow)}.stu-login-brand{font-weight:800;font-style:italic;font-size:30px;color:var(--text-bright);text-align:center;margin-bottom:6px}.stu-login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--text-dim)}.stu-login-card input{font:inherit;font-size:16px;color:var(--text-bright);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:11px 12px}.stu-login-card input:focus{outline:none;border-color:var(--accent);box-shadow:var(--glow)}.stu-login-error{color:var(--hot);font-size:14px;min-height:1em}.stu-hello{color:var(--text-dim);font-weight:600;margin-bottom:10px}.stu-level{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;background-image:var(--sheen)}.stu-level-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.stu-level-n{font-family:var(--font-mono);font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.1em}.stu-level-name{font-size:26px;font-weight:800;color:var(--text-bright);letter-spacing:-.02em}.stu-xpbar{height:10px;border-radius:var(--pill);background:var(--bg-input);border:1px solid var(--border);margin:14px 0 8px;overflow:hidden}.stu-xpbar span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--hot));border-radius:var(--pill);transition:width .4s ease}.stu-level-foot{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}.stu-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.stu-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.stu-stat b{font-family:var(--font-mono);font-weight:500;font-size:22px;color:var(--text-bright)}.stu-stat span{font-size:12px;color:var(--text-dim)}.stu-continue{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;text-align:left;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius-lg);padding:18px;cursor:pointer;color:var(--text-bright);font-family:var(--font-display);box-shadow:var(--glow)}.stu-continue-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.stu-continue-title{font-size:20px;font-weight:800}.stu-continue--done{cursor:default;font-weight:700}.stu-lessons{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:16px}.stu-lesson{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;cursor:pointer;color:var(--text);font-family:var(--font-display)}.stu-lesson:hover{border-color:var(--border-light)}.stu-lesson.is-next{border-color:var(--accent);box-shadow:var(--glow)}.stu-lesson-n{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-mono);font-size:13px;border:1px solid var(--border-light);color:var(--text-dim)}.stu-lesson--in_progress .stu-lesson-n{border-color:var(--accent);color:var(--accent)}.stu-lesson--mastered .stu-lesson-n{background:var(--accent);border-color:var(--accent);color:var(--label-on-accent)}.stu-lesson-body{display:flex;flex-direction:column;min-width:0}.stu-lesson-title{font-weight:700;font-size:16px;color:var(--text-bright)}.stu-lesson-meta{font-size:12px;color:var(--text-dim)}.stu-lesson-meta b{color:var(--accent)}.stu-lesson-head{display:flex;align-items:center;gap:10px;margin-top:10px}.stu-lesson-num{font-family:var(--font-mono);font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em}.stu-pill{font-size:11px;font-weight:700;padding:2px 10px;border-radius:var(--pill);border:1px solid var(--border-light);color:var(--text-dim)}.stu-pill--in_progress{border-color:var(--accent);color:var(--accent)}.stu-pill--mastered{background:var(--accent);border-color:var(--accent);color:var(--label-on-accent)}.stu-key{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:4px 0 14px}.stu-key-label{font-weight:700;color:var(--text-bright);margin-right:4px}.stu-key-item{font-family:var(--font-mono);font-size:13px;padding:3px 10px;border-radius:var(--pill);background:var(--bg-panel);border:1px solid var(--border)}.stu-key-item b{color:var(--chord);font-weight:500}.stu-explain{font-size:16px}.stu-exercise{margin-top:18px;background:var(--bg-panel);border:1px solid var(--border);border-left:3px solid var(--hot);border-radius:var(--radius);padding:14px 16px}.stu-exercise h2{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--hot);margin-bottom:6px}.stu-cta{margin-top:20px;display:flex;flex-direction:column;gap:10px}.stu-cta-info{text-align:center;color:var(--text-dim);font-size:14px}.stu-cta-info b{color:var(--text-bright)}.stu-pager{display:flex;justify-content:space-between;gap:10px;margin-top:26px}.stu-pager button{background:none;border:none;color:var(--text-dim);font-family:var(--font-display);font-size:13px;cursor:pointer;padding:6px 0;max-width:48%;text-align:left}.stu-pager button:last-child{text-align:right}.stu-pager button:hover{color:var(--accent)}.stu-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:18px 0 4px}.cc-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 10px 10px;display:flex;flex-direction:column;align-items:center;gap:2px}.cc-head{display:flex;align-items:center;gap:8px}.cc-symbol{font-size:22px;font-weight:800;color:var(--text-bright);letter-spacing:-.01em}.cc-degree{font-family:var(--font-mono);font-size:12px;color:var(--label-on-accent);background:var(--chord);border-radius:var(--pill);padding:1px 8px}.cc-sub{font-size:12px;color:var(--text-dim);text-align:center}.cc-diagram{background:none;border:none;padding:4px;cursor:pointer;width:100%;border-radius:var(--radius)}.cc-diagram:hover{background:var(--bg-hover)}.cc-diagram:active{transform:scale(.98)}.cc-picker{display:flex;align-items:center;gap:8px;margin-top:4px}.cc-step{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-input);color:var(--text-bright);font-size:18px;cursor:pointer}.cc-n{font-family:var(--font-mono);font-size:13px;color:var(--text-bright);min-width:86px;text-align:center}.cc-n-label,.cc-n-root{color:var(--text-dim)}.cc-card--compact{padding:8px 6px 6px}.cc-card--compact .cc-symbol{font-size:17px}.cc-card--compact .cd-svg{max-width:120px}.cd-svg{display:block;width:100%;max-width:170px;margin:0 auto;overflow:visible}.cd-fret{stroke:var(--border-light);stroke-width:1.5}.cd-nut{stroke:var(--text-bright);stroke-width:5;stroke-linecap:round}.cd-string{stroke:var(--text-dim);stroke-width:1.3}.cd-basefret{fill:var(--text-dim);font-family:var(--font-mono);font-size:11px}.cd-mute{fill:var(--text-dim);font-size:16px;font-family:var(--font-mono)}.cd-open{fill:none;stroke:var(--text-bright);stroke-width:1.6}.cd-barre{fill:var(--accent);opacity:.45}.cd-dot circle{fill:var(--accent)}.cd-dot text{fill:var(--label-on-accent);font-family:var(--font-mono);font-size:11px;font-weight:500;pointer-events:none}.cd-dot--thumb circle{fill:var(--hot)}.cd-dot--thumb text{fill:#fff}.cd-hit{cursor:pointer}.cd-hit:hover circle{filter:brightness(1.25)}.cd-note{fill:var(--text-dim);font-family:var(--font-mono);font-size:10px}.pr{display:flex;flex-direction:column;gap:14px}.pr-top{display:flex;flex-direction:column;gap:2px}.pr-title{font-size:20px;font-weight:800;color:var(--text-bright)}.pr-exercise{font-size:14px}.pr-chords{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.pr-chords .cc-card{flex:0 0 132px}.pr-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);background-image:var(--sheen);padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:12px}.pr-bpm{display:flex;align-items:baseline;gap:8px}.pr-bpm-val{font-family:var(--font-mono);font-size:64px;font-weight:300;line-height:1;color:var(--text-bright)}.pr-bpm-unit{font-family:var(--font-mono);font-size:14px;color:var(--text-dim)}.pr-ladder{display:flex;gap:4px;width:100%}.pr-rung{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.pr-rung i{display:block;width:100%;height:8px;border-radius:3px;background:var(--bg-input);border:1px solid var(--border)}.pr-rung b{font-family:var(--font-mono);font-weight:400;font-size:9px;color:var(--text-faint)}.pr-rung.is-cleared i{background:var(--accent);border-color:var(--accent)}.pr-rung.is-current i{border-color:var(--hot);box-shadow:var(--glow-hot)}.pr-rung.is-current b{color:var(--hot)}.pr-meta{display:flex;gap:16px;font-size:13px;color:var(--text-dim);align-items:center}.pr-meta b{font-family:var(--font-mono);font-weight:500;color:var(--text-bright)}.pr-mastered{color:var(--label-on-accent);background:var(--accent);border-radius:var(--pill);padding:1px 10px;font-weight:700;font-size:12px}.pr-beats{display:flex;gap:10px}.pr-beat{width:14px;height:14px;border-radius:50%;border:1px solid var(--border-light);background:var(--bg-input);transition:background 60ms}.pr-beat:first-child{width:18px;height:18px}.pr-beat.is-live{background:var(--hot);border-color:var(--hot);box-shadow:var(--glow-hot)}.pr-play{width:100%;background:var(--bg-input);border:1px solid var(--accent-line);color:var(--accent);border-radius:var(--pill);font-family:var(--font-display);font-weight:700;font-size:15px;padding:12px;cursor:pointer}.pr-play.is-on{background:var(--accent);color:var(--label-on-accent);box-shadow:var(--glow)}.pr-report{display:grid;grid-template-columns:1fr 1.4fr;gap:10px;width:100%}.pr-btn{border-radius:var(--radius-lg);font-family:var(--font-display);font-weight:800;font-size:18px;padding:18px 10px;cursor:pointer;border:1px solid var(--border-light)}.pr-btn:disabled{opacity:.6}.pr-btn--miss{background:var(--bg-input);color:var(--text)}.pr-btn--got{background:var(--hot);color:#fff;border-color:var(--hot);box-shadow:var(--glow-hot)}.pr-btn:active{transform:scale(.98)}.pr-feedback{font-weight:700;font-size:14px;text-align:center;padding:8px 12px;border-radius:var(--radius);width:100%}.pr-feedback--win{background:var(--accent);color:var(--label-on-accent)}.pr-feedback--good{background:var(--accent-soft);color:var(--accent)}.pr-feedback--warn{background:var(--chord-bg);color:var(--chord)}.pr-feedback--neutral{color:var(--text-dim)}.pr-timer{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 16px}.pr-timer-row{display:flex;align-items:baseline;gap:8px;font-size:13px;color:var(--text-dim)}.pr-timer-val{font-family:var(--font-mono);font-size:20px;color:var(--text-bright);margin-left:auto}.pr-timer-goal{font-family:var(--font-mono);font-size:12px}.pr-timer-bar{height:6px;background:var(--bg-input);border-radius:var(--pill);margin:8px 0 6px;overflow:hidden}.pr-timer-fill{display:block;height:100%;background:var(--accent);border-radius:var(--pill);transition:width .4s ease}.pr-timer.is-done .pr-timer-fill{background:var(--hot)}.pr-timer-note{font-size:12px;color:var(--text-dim)}.pr-timer.is-idle .pr-timer-note{color:var(--chord)}.adm-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:var(--bg);display:flex;flex-direction:column;font-family:var(--font-display);color:var(--text)}.adm-bar{display:flex;align-items:center;gap:14px;height:var(--header-h);padding:0 16px;border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0}.adm-title{font-weight:800;font-size:17px;color:var(--text-bright)}.adm-tabs{display:flex;gap:4px}.adm-tabs button{background:none;border:1px solid transparent;color:var(--text-dim);font-family:var(--font-display);font-weight:600;font-size:13px;padding:5px 12px;border-radius:var(--pill);cursor:pointer}.adm-tabs button.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-line)}.adm-msg{margin-left:auto;font-size:13px;color:var(--accent)}.adm-msg.is-bad{color:var(--hot)}.adm-body{flex:1;overflow:auto;padding:18px}.adm-empty{color:var(--text-dim);padding:20px}.adm-split{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:start;max-width:1200px}.adm-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;position:sticky;top:0;max-height:calc(100vh - 100px);overflow:auto}.adm-list ol{list-style:none}.adm-list li{display:flex;align-items:center;border-radius:var(--radius)}.adm-list li.is-active{background:var(--accent-soft)}.adm-list-item{flex:1;display:flex;gap:8px;align-items:baseline;background:none;border:none;text-align:left;color:var(--text);font-family:var(--font-display);font-size:13px;padding:7px 8px;cursor:pointer;min-width:0}.adm-list li.is-active .adm-list-item{color:var(--accent);font-weight:700}.adm-pos{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);min-width:18px}.adm-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.adm-move{display:flex;opacity:0}.adm-list li:hover .adm-move,.adm-list li.is-active .adm-move{opacity:1}.adm-move button{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px 5px;font-size:12px}.adm-move button:disabled{opacity:.25;cursor:default}.adm-new{width:100%;background:none;border:1px dashed var(--border-light);color:var(--accent);border-radius:var(--radius);font-family:var(--font-display);font-weight:600;padding:8px;margin-bottom:6px;cursor:pointer}.adm-form{display:flex;flex-direction:column;gap:12px}.adm-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text-dim)}.adm-form small{font-weight:400}.adm-form input,.adm-form select,.adm-form textarea,.adm-reset input{font:inherit;font-size:14px;font-weight:400;color:var(--text-bright);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:7px 9px}.adm-form textarea{font-family:var(--font-display);line-height:1.5;resize:vertical}.adm-form input:focus,.adm-form textarea:focus,.adm-form select:focus{outline:none;border-color:var(--accent)}.adm-form input:disabled{opacity:.4}.adm-form input[readonly]{color:var(--text-dim)}.adm-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.adm-grow{flex:1;min-width:200px}.adm-bpm input{width:90px}.adm-hint{color:var(--text-dim);font-family:var(--font-mono);font-size:11px}.adm-check{flex-direction:row!important;align-items:center;gap:8px!important}.adm-shape-preview{display:flex;gap:10px;flex-wrap:wrap}.adm-shape-preview .cc-card{width:130px}.adm-bad-ref{color:var(--hot);font-family:var(--font-mono);font-size:12px;align-self:center}.adm-actions{display:flex;gap:10px}.adm-save{background:var(--accent);color:var(--label-on-accent);border:none;border-radius:var(--pill);font-family:var(--font-display);font-weight:700;padding:9px 20px;cursor:pointer}.adm-delete{background:none;border:1px solid var(--border);color:var(--hot);border-radius:var(--pill);font-family:var(--font-display);padding:9px 16px;cursor:pointer;margin-left:auto}.adm-shape{display:grid;grid-template-columns:1fr 200px;gap:24px;align-items:start}.adm-shape-diagram{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;text-align:center}.adm-strings{display:grid;grid-template-columns:56px repeat(6,1fr);gap:6px;align-items:center;max-width:460px}.adm-strings input{width:100%;min-width:0;text-align:center;padding:6px 2px!important;font-family:var(--font-mono)!important}.adm-string-h{font-family:var(--font-mono);font-size:10px;color:var(--text-dim);text-align:center}.adm-string-l{font-size:12px;color:var(--text-dim)}.adm-progress,.adm-accounts{max-width:1000px;display:flex;flex-direction:column;gap:16px}.adm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.adm-stat{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column}.adm-stat b{font-family:var(--font-mono);font-weight:500;font-size:20px;color:var(--text-bright)}.adm-stat span{font-size:12px;color:var(--text-dim)}.adm-table{width:100%;border-collapse:collapse;font-size:13px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.adm-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:8px 10px;border-bottom:1px solid var(--border)}.adm-table td{padding:7px 10px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:12px}.adm-table td.adm-td-title{font-family:var(--font-display);font-size:13px;color:var(--text-bright)}.adm-table tr:last-child td{border-bottom:none}.adm-st--mastered td:nth-child(3){color:var(--accent)}.adm-st--in_progress td:nth-child(3){color:var(--chord)}.adm-h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.adm-days{display:flex;flex-direction:column;gap:4px}.adm-day{display:grid;grid-template-columns:100px 1fr 60px;gap:10px;align-items:center;font-family:var(--font-mono);font-size:12px}.adm-day-bar{height:8px;background:var(--bg-input);border-radius:var(--pill);overflow:hidden}.adm-day-bar i{display:block;height:100%;background:var(--text-dim)}.adm-day.is-goal .adm-day-bar i{background:var(--accent)}.adm-reset{display:flex;gap:6px;align-items:center}.adm-reset input{width:160px;padding:4px 8px;font-size:12px}@media (max-width: 760px){.adm-bar{flex-wrap:wrap;height:auto;padding:8px 12px}.adm-split,.adm-shape{grid-template-columns:1fr}.adm-list{position:static;max-height:240px}.adm-cards{grid-template-columns:repeat(2,1fr)}}.logo,.stu-h1,.stu-level-name,.stu-login-brand,.stu-continue-title,.stu-brand,.pr-title,.th-title,.cc-symbol{font-family:var(--font-display);font-stretch:125%;font-style:normal;font-weight:500;letter-spacing:-.015em;color:var(--ink)}.panel-label,.menu-section-label,.tempo-label,.stu-h2,.stu-continue-label,.stu-level-n,.stu-lesson-num,.pr-bpm-unit{font-family:var(--font-ui);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:lowercase;color:var(--ink-3)}.panel-label{padding-left:0}.panel-label:before{display:none}#tempo-input,#key-display,.key-bar-key,.pr-bpm-val,.stu-stat b,.stu-level-foot,.cc-n{font-family:var(--font-display);font-stretch:125%;font-style:normal;font-variant-numeric:tabular-nums}.pr-bpm-val{font-weight:500;letter-spacing:-.03em}#header{position:relative;z-index:2;background:var(--ground);border-bottom:0;box-shadow:0 10px 18px -12px var(--lo)}.logo{font-size:16px;font-weight:700;text-transform:lowercase}.logo:hover{color:var(--accent)}#song-title{font-family:var(--font-display);font-stretch:125%;font-size:15px;font-weight:500;color:var(--ink)}#key-display{font-size:16px;font-weight:600;color:var(--ink);padding:4px 12px;border:0;border-radius:var(--pill);background:var(--ground);box-shadow:var(--inset-sm)}#metro-volume,#pad-volume{accent-color:var(--ink)}#sidebar,#right-sidebar,#content,#main{background:var(--ground);border-color:transparent}#key-bar{background:var(--ground);border:0;box-shadow:var(--inset-sm)}.key-bar-item:hover{background:var(--bg-hover)}.panel,.app-menu,.pdf-lib-modal,.dc-modal,.perform-modal,.pf-lib-drawer,.ov-bar,.stu-login-card,.stu-level,.pr-panel,.th-card{background:var(--ground);border-color:transparent;border-radius:var(--radius-lg);box-shadow:var(--raised)}.panel{margin:10px}.stu-stat,.stu-lesson,.stu-exercise,.stu-key-item,.cc-card{background:var(--ground);border-color:transparent;border-radius:22px;box-shadow:var(--raised-sm)}.stu-key-item{border-radius:var(--pill)}.stu-lesson:hover{border-color:transparent;box-shadow:var(--raised)}.stu-lesson.is-next,.stu-continue{background:var(--ground);border-color:transparent;border-radius:22px;box-shadow:var(--inset)}.stu-continue-label,.stu-lesson-meta b,.stu-level-chip b{color:var(--accent)}.header-btn,.theme-toggle,.stu-icon-btn,.pdf-lib-btn,.pf-add-btn,.pf-si-btn,.capo-btn,.family-btn,.lock-btn,.add-line-btn,.fb-scale-btn,.tab-block-btn,.tab-add-block-btn,.modal-close,.cc-step,.ov-go,.ov-reset,.ov-dismiss,.th-chip,.pf-capo-chip,.perform-capo-chip{background:var(--ground);border-color:transparent;border-radius:var(--pill);box-shadow:var(--raised-sm);color:var(--ink-2);font-family:var(--font-ui);font-weight:600;transition:box-shadow var(--trans),color var(--trans),background var(--trans)}.header-btn,.theme-toggle{font-size:12px;letter-spacing:.02em;text-transform:lowercase;padding:6px 12px}.header-btn:hover,.theme-toggle:hover,.stu-icon-btn:hover,.pdf-lib-btn:hover,.pf-add-btn:hover,.pf-si-btn:hover,.capo-btn:hover,.family-btn:hover,.lock-btn:hover,.add-line-btn:hover,.fb-scale-btn:hover,.tab-block-btn:hover,.tab-add-block-btn:hover,.modal-close:hover,.cc-step:hover,.th-chip:hover,.pf-capo-chip:hover,.perform-capo-chip:hover{background:var(--ground);border-color:transparent;color:var(--ink)}.header-btn:active,.theme-toggle:active,.stu-icon-btn:active,.pdf-lib-btn:active,.capo-btn:active,.family-btn:active,.cc-step:active,.th-chip:active{box-shadow:var(--inset-sm)}.header-btn.active,.capo-btn.active,.family-btn.active,.lock-btn.active,.th-chip--on,.pf-capo-chip--on,.perform-capo-chip--active,.stu-nav button.is-active{background:var(--ink);color:var(--ground);border-color:transparent;box-shadow:none}.stu-primary{background:var(--accent);color:var(--on-accent);border-radius:var(--pill);box-shadow:var(--raised-sm);font-family:var(--font-ui);font-weight:700}.stu-primary:active{box-shadow:var(--inset-sm)}#tempo-input,#metro-mode,.ov-input,.stu-login-card input,.adm-page input,.adm-page select,.adm-page textarea,.pdf-lib-modal input,.dc-modal input,.pf-page input,.pf-page select,.perform-modal input{background:var(--ground);border:0;border-radius:12px;box-shadow:var(--inset-sm);color:var(--ink)}#tempo-input,#metro-mode{border-radius:var(--pill)}#tempo-input:focus,.stu-login-card input:focus{border:0;box-shadow:var(--inset-sm);outline:2px solid var(--ink);outline-offset:2px}.stu-xpbar,.pr-rung i{background:var(--ground);border:0;box-shadow:var(--inset-sm)}.stu-xpbar span{background:var(--accent)}.pr-rung.is-cleared i{background:var(--ink);box-shadow:none}.app-menu{padding:8px;min-width:260px}.menu-item{border-radius:12px;font-family:var(--font-ui);font-size:13px;font-weight:600;letter-spacing:0;color:var(--ink-2);padding:9px 12px}.menu-item:hover{background:var(--ground);color:var(--ink);box-shadow:var(--raised-sm)}.menu-item-icon{color:var(--ink-3)}.menu-divider{background:var(--line);margin:8px 6px}.menu-section-label{padding:8px 12px 4px;font-size:10px}.menu-song-row{border-radius:12px}.menu-song-row:hover{background:var(--ground);box-shadow:var(--raised-sm)}.menu-song-row.active{background:var(--ground);box-shadow:var(--inset-sm)}.menu-song-title{font-family:var(--font-ui);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:0}.menu-song-row.active .menu-song-title{color:var(--accent)}.menu-song-meta{font-family:var(--font-display);font-stretch:115%;font-size:10px;color:var(--ink-3)}.menu-song-delete:hover{color:var(--accent)}.th-page,.pf-page,.adm-page,.stu-app{background:var(--ground)}.th-topbar,.stu-bar,.stu-nav{background:var(--ground);border-color:transparent;box-shadow:0 10px 18px -12px var(--lo)}.stu-nav{box-shadow:0 -10px 18px -12px var(--lo)}.stu-nav button{color:var(--ink-3);border-top-color:transparent;border-radius:var(--pill)}@media (min-width: 760px){.stu-nav,.stu-nav button.is-active{box-shadow:none}}.stu-toast{background:var(--ink);color:var(--ground)}.stu-sound{background:var(--ground);box-shadow:var(--inset-sm)}.stu-sound button{background:var(--accent);color:var(--on-accent)}.stu-pill{border:0;box-shadow:var(--inset-sm);color:var(--ink-3)}.stu-pill--in_progress{color:var(--accent)}.stu-pill--mastered{background:var(--ink);color:var(--ground);box-shadow:none}.stu-lesson-n{border:0;box-shadow:var(--inset-sm)}.stu-lesson--in_progress .stu-lesson-n{color:var(--accent)}.stu-lesson--mastered .stu-lesson-n{background:var(--ink);color:var(--ground);box-shadow:none}.cc-degree{background:var(--accent);color:var(--on-accent)}.cd-dot circle{fill:var(--ink)}.cd-dot text{fill:var(--ground)}.cd-dot--thumb circle{fill:var(--accent)}.cd-barre{fill:var(--ink);opacity:.35}#notification{top:auto;bottom:24px;transform:translate(-50%) translateY(8px);background:var(--ink);color:var(--ground);border:0;border-radius:var(--pill);box-shadow:var(--raised-sm);font-family:var(--font-ui);font-size:13px;font-weight:600;padding:10px 18px}.capo-option{border-radius:12px;border-color:transparent}.capo-option:hover{background:var(--ground);box-shadow:var(--raised-sm)}.capo-option.selected{background:var(--ground);border-color:transparent;box-shadow:var(--inset-sm)}.stu-brand,.stu-login-brand{text-transform:lowercase;font-weight:700}.stu-level-chip{font-family:var(--font-display);font-stretch:115%}.stu-nav{padding:8px;gap:6px}@media (min-width: 760px){.stu-nav{padding:0}}.stu-peers{margin-top:28px}.stu-peers h2{font-family:var(--font-display);font-stretch:125%;font-size:15px;font-weight:600;margin:0 0 10px;color:var(--ink)}.stu-peer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.stu-peer{display:grid;gap:3px;padding:10px 14px;border-radius:16px;background:var(--ground);box-shadow:var(--raised-sm)}.stu-peer.is-me{box-shadow:var(--inset-sm)}.stu-peer-name{font-weight:700;color:var(--ink)}.stu-peer-meta{font-size:13px;color:var(--ink-3)}.stu-peer-meta b{color:var(--ink-2)}.stu-peer--mastered .stu-peer-meta b{color:var(--accent)}:root{--ground:#e3e3e0;--card:#e3e3e0;--well:#dadad6;--hi:rgba(255,255,255,.92);--lo:rgba(158,158,150,.55);--ink:#161615;--ink-2:#55554f;--ink-3:#8b8b84;--line:#c6c6c0;--knob:#3a3a38;--knob-mark:#f4f4f1;--accent:#e2421c;--on-accent:#fff;--live:#2f9e57;--fn-home:#d8462c;--fn-away:#c99a2e;--fn-tension:#6a55c9;--fn-outside:#7f8a91;--on-fn:#fff;--metal-ink:#1b1712;--edge:1px solid transparent;--raised:8px 8px 18px var(--lo),-8px -8px 18px var(--hi);--raised-sm:3px 3px 8px var(--lo),-3px -3px 8px var(--hi);--inset:inset 5px 5px 12px var(--lo),inset -5px -5px 12px var(--hi);--inset-sm:inset 2px 2px 5px var(--lo),inset -2px -2px 5px var(--hi);--r-lg:30px;--r-md:20px;--r-sm:12px;--f-display:"Archivo","Helvetica Neue",Arial,sans-serif;--f-ui:"Manrope","Helvetica Neue",Arial,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,monospace}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-skin]){--ground:#232322;--card:#232322;--well:#1d1d1c;--hi:rgba(255,255,255,.05);--lo:rgba(0,0,0,.6);--ink:#ecece8;--ink-2:#b2b2ab;--ink-3:#7d7d76;--line:#3a3a38;--knob:#e9e9e5;--knob-mark:#1c1c1b;--accent:#ff6a3d;--on-accent:#1d0d07;--live:#4fd27f;--fn-home:#ff6a4d;--fn-away:#e6b84a;--fn-tension:#9a86ff;--fn-outside:#8d989f;--on-fn:#141312;color-scheme:dark}}:root[data-theme=dark]:not([data-skin]),:root[data-skin=graphite]{--ground:#232322;--card:#232322;--well:#1d1d1c;--hi:rgba(255,255,255,.05);--lo:rgba(0,0,0,.6);--ink:#ecece8;--ink-2:#b2b2ab;--ink-3:#7d7d76;--line:#3a3a38;--knob:#e9e9e5;--knob-mark:#1c1c1b;--accent:#ff6a3d;--on-accent:#1d0d07;--live:#4fd27f;--fn-home:#ff6a4d;--fn-away:#e6b84a;--fn-tension:#9a86ff;--fn-outside:#8d989f;--on-fn:#141312;color-scheme:dark}:root[data-skin=fog]{color-scheme:light}:root[data-skin=paper]{--ground:#efe8d8;--card:#f5efe2;--well:#e8e0cd;--hi:transparent;--lo:transparent;--ink:#121110;--ink-2:#4a463f;--ink-3:#8a8273;--line:#cfc6b2;--knob:#121110;--knob-mark:#f5efe2;--accent:#e2311d;--on-accent:#fff;--live:#2f8f4e;--fn-home:#e2311d;--fn-away:#d79a1c;--fn-tension:#5b47c4;--fn-outside:#8a8273;--on-fn:#fff;--edge:1.5px solid #121110;--raised:none;--raised-sm:none;--inset:none;--inset-sm:none;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-ui);font-size:14px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3,p{margin:0}.wide{font-family:var(--f-display);font-stretch:125%;font-variant-numeric:tabular-nums}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:lowercase;color:var(--ink-3)}.muted{color:var(--ink-3)}.fine{font-size:12px;color:var(--ink-3);line-height:1.5;max-width:70ch}.fine.warn{color:var(--ink-2)}.spacer{flex:1}.rel{position:relative}.pad{padding:20px 22px}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--raised);border:var(--edge)}.notice{background:var(--well);border-radius:var(--r-sm);padding:10px 14px;font-size:13px;color:var(--ink-2);display:flex;flex-wrap:wrap;gap:8px;align-items:center;border:var(--edge)}.h-display{font-family:var(--f-display);font-stretch:125%;font-weight:500;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.015em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 16px;border-radius:999px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);font-weight:600;font-size:13px;white-space:nowrap}.btn:active{box-shadow:var(--inset-sm)}.btn.primary{background:var(--accent);color:var(--on-accent);box-shadow:none}.btn.ghost{background:transparent;box-shadow:none;border:1.5px solid var(--line);color:var(--ink-2)}.btn.sm{min-height:30px;padding:0 12px;font-size:12px}.btn.big{min-height:48px;padding:0 26px;font-size:15px}.btn.danger,.danger{background:var(--accent)!important;color:var(--on-accent)!important;border-color:transparent!important}.tiny{min-width:26px;height:26px;border-radius:8px;box-shadow:var(--raised-sm);border:var(--edge);font-weight:700;font-size:13px;color:var(--ink-2);padding:0 6px;background:var(--card)}.chip{padding:7px 13px;border-radius:999px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);font-size:12px;font-weight:600;color:var(--ink-2);display:inline-flex;align-items:center;gap:6px}.chip.on{background:var(--ink);color:var(--ground);box-shadow:none}.chip.on .chd{color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:10px}.seg{display:inline-flex;padding:4px;border-radius:999px;box-shadow:var(--inset-sm);background:var(--well);border:var(--edge);flex-wrap:wrap}.seg button{padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;color:var(--ink-3)}.seg.sm button{padding:5px 10px;font-size:11.5px}.seg button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--raised-sm)}:root[data-skin=paper] .seg button[aria-pressed=true]{background:var(--ink);color:var(--ground)}.switch{display:inline-flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.switch .track{width:40px;height:22px;border-radius:999px;box-shadow:var(--inset-sm);background:var(--well);border:var(--edge);position:relative;flex:none}.switch .track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:var(--raised-sm);transition:transform .18s}:root[data-skin=paper] .switch .track:after{background:var(--ink);top:2px;left:2px}.switch[aria-pressed=true] .track:after{transform:translate(18px);background:var(--live)}.field{width:100%;border:0;border-radius:var(--r-sm);padding:9px 12px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge);color:var(--ink);font:600 13px var(--f-ui)}.field.sm{width:auto;padding:6px 10px;font-size:12px}.field.big{font-size:18px;padding:12px 14px}.field.code{font:500 13px/1.6 var(--f-mono);min-height:420px;resize:vertical}textarea.field{resize:vertical;line-height:1.5;font-weight:500}.round{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);flex:none}.round svg{width:16px;height:16px;fill:var(--ink)}.round.sm{width:36px;height:36px}.round.play[aria-pressed=true]{box-shadow:var(--inset-sm)}.round.play[aria-pressed=true] svg{fill:var(--accent)}.stepper{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge)}.stepper button{min-width:30px;height:28px;border-radius:999px;font-weight:700;background:var(--card);box-shadow:var(--raised-sm)}.stepper span{font-size:12px;font-weight:600;padding:0 8px;font-variant-numeric:tabular-nums}.badge{font-size:10px;font-weight:700;letter-spacing:.06em;padding:3px 8px;border-radius:999px;background:var(--well);color:var(--ink-3);font-style:normal;text-transform:lowercase}.badge.custom{background:var(--ink);color:var(--ground)}.pop{position:absolute;top:calc(100% + 10px);z-index:40;min-width:240px;max-width:min(330px,calc(100vw - 32px));padding:16px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--raised),0 20px 40px #0000002e;border:var(--edge);display:grid;gap:12px;text-align:left}.pop-center{left:50%;transform:translate(-50%)}.pop-right{right:0}.pop-left{left:0}.pop-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--ink-3);text-transform:lowercase}.pop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--ink-2)}.sig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sig-grid .chip{justify-content:center;font-family:var(--f-display);font-stretch:115%}.btn.tap{min-height:46px}.capo-table{display:grid;gap:4px}.capo-table button{display:grid;grid-template-columns:70px 36px 1fr;align-items:center;gap:8px;padding:6px 10px;border-radius:10px;font-size:12px;color:var(--ink-3);text-align:left}.capo-table button b{font-family:var(--f-display);font-stretch:125%;font-size:15px;color:var(--ink)}.capo-table button.easy i{font-style:normal;font-size:10px;color:var(--live)}.capo-table button.on{background:var(--ink);color:var(--ground)}.capo-table button.on b{color:var(--accent)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#12100e8c;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));overflow-y:auto}.modal{width:min(520px,100%);background:var(--card);border-radius:var(--r-lg);border:var(--edge);box-shadow:0 30px 80px #00000059;padding:20px 22px 24px;display:grid;gap:14px;max-height:calc(100vh - 32px);overflow:auto}.modal.wide{width:min(860px,100%)}.modal-head{display:flex;justify-content:space-between;align-items:center}.x{width:32px;height:32px;border-radius:50%;font-size:20px;color:var(--ink-3)}.knob{position:relative;width:var(--kz);height:var(--kz);border-radius:50%;background:var(--knob);box-shadow:var(--raised-sm);touch-action:none;cursor:ns-resize;flex:none;transition:transform .2s}.knob .cap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%}.knob .cap i{position:absolute;left:50%;top:9%;width:3px;height:27%;margin-left:-1.5px;border-radius:2px;background:var(--knob-mark)}.knob.held{transform:scale(.94)}.mini{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--ink-2)}.app{min-height:100vh;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:14px 120px;max-width:1480px;margin:0 auto}.topbar{display:flex;align-items:center;gap:14px 22px;flex-wrap:wrap;padding:10px 14px 10px 20px;border-radius:999px;background:var(--card);box-shadow:var(--raised);border:var(--edge);margin-bottom:22px;position:sticky;top:env(safe-area-inset-top,0px);z-index:30}.brand b{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:17px;letter-spacing:-.01em}.mainnav{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge);overflow-x:auto;max-width:100%}.mainnav button{padding:8px 16px;border-radius:999px;font-weight:700;font-size:13px;color:var(--ink-3);display:flex;align-items:baseline;gap:8px;white-space:nowrap}.mainnav button em{font-style:normal;font-weight:500;font-size:11px;max-width:16ch;overflow:hidden;text-overflow:ellipsis}.mainnav button[aria-current=page]{background:var(--card);color:var(--ink);box-shadow:var(--raised-sm)}:root[data-skin=paper] .mainnav button[aria-current=page]{background:var(--ink);color:var(--ground)}@media (max-width:700px){.topbar{border-radius:26px}.mainnav{order:3;width:100%}.mainnav button{flex:1;justify-content:center}.mainnav button em{display:none}}.top-r{margin-left:auto;display:flex;align-items:center;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border-radius:999px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge);font-weight:700}.flame-pill svg{width:13px;height:16px;fill:var(--accent)}.gisto-pill i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:800 10px var(--f-display);background:linear-gradient(135deg,#ffe28a,#d9a42c);color:#5a3d06;font-style:normal}.admin-pill{background:var(--accent);color:var(--on-accent);box-shadow:none;font-size:11px}.skin-opt{display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:8px;border-radius:12px}.skin-opt.on{background:var(--well)}.skin-opt .sw{grid-row:span 2;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--ink-3)}.skin-opt b{font-size:13px}.skin-opt em{font-style:normal;font-size:11px;color:var(--ink-3)}.sw-auto{background:linear-gradient(90deg,#e3e3e0 50%,#232322 50%)}.sw-fog{background:#e3e3e0}.sw-graphite{background:#232322}.sw-paper{background:#efe8d8;border-color:#121110!important}.tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}.tabs [role=tab]{padding:9px 16px;border-radius:999px;font-weight:700;font-size:13px;color:var(--ink-3)}.tabs [role=tab][aria-selected=true]{background:var(--ink);color:var(--ground)}.tabs [role=tab] .count{font-style:normal;margin-left:6px;background:var(--accent);color:var(--on-accent);border-radius:999px;padding:1px 6px;font-size:10px}.tabs [role=tab] .lock{font-weight:500;font-size:11px;opacity:.7}.study{display:grid;gap:20px}.hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px 28px;align-items:center;padding:20px}@media (max-width:860px){.hero{grid-template-columns:auto minmax(0,1fr)}.hero .knobs{grid-column:1/-1;justify-content:space-around}}@media (max-width:520px){.hero{grid-template-columns:minmax(0,1fr)}}.hero-art{position:relative;width:112px;height:112px}.art{display:block;box-shadow:var(--raised-sm);max-width:100%}.heart{position:absolute;top:6px;right:6px;width:28px;height:28px;display:grid;place-items:center}.heart svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}.heart[aria-pressed=true] svg{fill:#fff}.meta{display:grid;gap:6px;min-width:0}.title-in{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);font-family:var(--f-display);font-stretch:125%;font-weight:500;font-size:clamp(22px,3vw,38px);letter-spacing:-.015em;padding:0;text-overflow:ellipsis}.artist-in{border:0;background:transparent;color:var(--ink-2);font:500 15px var(--f-ui);padding:0;width:100%}.status{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:12px;color:var(--ink-2);margin-top:4px}.status span:before{content:"→";color:var(--live);margin-right:8px}.knobs{display:flex;gap:20px}.kfield{display:grid;justify-items:center;gap:8px;min-width:86px}.kfield .val{font-size:14px;font-weight:600;white-space:nowrap}.kfield label{font-size:12px;color:var(--ink-2)}.kfield small{font-size:10.5px;color:var(--ink-3)}.transport{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;padding:10px 16px;border-radius:999px;background:var(--card);box-shadow:var(--raised);border:var(--edge)}@media (max-width:700px){.transport{border-radius:26px}}.transport .group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bpm{display:flex;align-items:baseline;gap:6px}.bpm b{font-size:20px;font-weight:500}.beats{display:flex;gap:7px}.beats i{width:9px;height:9px;border-radius:50%;box-shadow:var(--inset-sm);background:var(--well);border:var(--edge)}.beats i.on{background:var(--ink);box-shadow:none}.beats i.on:first-child{background:var(--accent)}.beats i.count{background:var(--ink-3)}.degrees-wrap{display:grid;gap:10px}.degrees{display:grid;grid-template-columns:repeat(7,minmax(78px,1fr));gap:10px;padding:10px;border-radius:24px;background:var(--well);box-shadow:var(--inset);border:var(--edge);overflow-x:auto}.deg{position:relative;display:flex;align-items:baseline;gap:8px;padding:12px 14px 16px;border-radius:16px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);text-align:left}.deg b{font-family:var(--f-display);font-stretch:125%;font-weight:500;font-size:18px}.deg span{font-size:12px;color:var(--ink-3)}.deg i{position:absolute;left:14px;right:14px;bottom:7px;height:3px;border-radius:2px;background:var(--fn-c);opacity:.85}.deg.used:after{content:"";position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--fn-c)}.deg.on{background:var(--fn-c);box-shadow:none}.deg.on b,.deg.on span{color:var(--on-fn)}.deg.on i{background:var(--on-fn);opacity:.5}.fn-home{--fn-c:var(--fn-home)}.fn-away{--fn-c:var(--fn-away)}.fn-tension{--fn-c:var(--fn-tension)}.fn-outside{--fn-c:var(--fn-outside)}.fn-hidden{--fn-c:var(--ink-3)}.fn-legend{display:flex;flex-wrap:wrap;gap:6px 22px;font-size:11.5px;color:var(--ink-2);padding:0 6px}.fn-legend em{font-style:normal;color:var(--ink-3);margin-left:4px}.fn-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--fn-c);margin-right:7px;vertical-align:-1px}.study-body{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px;align-items:start}.rail-off .study-body{grid-template-columns:64px minmax(0,1fr)}@media (max-width:900px){.study-body,.rail-off .study-body{grid-template-columns:minmax(0,1fr)}}.study-main{min-width:0}.rail{padding:16px 12px;display:grid;gap:12px;position:sticky;top:90px}@media (max-width:900px){.rail{position:static}}.rail-head{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:0 4px}.rail.collapsed .rail-head{flex-direction:column}.rail.collapsed .rail-head .eyebrow{writing-mode:vertical-rl;transform:rotate(180deg)}.rail-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:60vh;overflow:auto}.sec{border-radius:16px}.sec.on{background:var(--well);box-shadow:var(--inset);outline:var(--edge)}.sec.live .sec-name:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:8px;vertical-align:2px}.sec-head{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:11px 12px;border-radius:16px;text-align:left;width:100%}.rail.collapsed .sec-head{grid-template-columns:1fr;justify-items:center;padding:10px 4px}.sec:not(.on) .sec-head:hover{box-shadow:var(--raised-sm)}.sec-name{font-weight:700;font-size:13px}.sec .idx{font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums}.sec.on .idx{color:var(--accent)}.sec-prog{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px 8px;align-items:center;font-size:12px}.sec-prog .badge{margin-left:auto}.sec-edit{display:grid;gap:8px;padding:0 12px 12px}.sec-tools{display:flex;flex-wrap:wrap;gap:6px}.sec-tools button{min-width:32px;height:28px;padding:0 9px;border-radius:9px;box-shadow:var(--raised-sm);background:var(--card);border:var(--edge);font-size:12px;font-weight:600}.add{border:1.5px dashed var(--line);border-radius:14px;padding:10px;color:var(--ink-2);font-weight:600;font-size:12px}.chd{font-family:var(--f-display);font-stretch:115%;font-weight:600;color:var(--fn-c);white-space:nowrap}.chd sup{font-size:.62em;margin-left:1px}.chd small{font-size:.72em;opacity:.85}.bars-tab{display:grid;gap:16px}.bars-head{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:space-between;align-items:center}.bh-l{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;min-width:0}.bh-l h3{font-family:var(--f-display);font-stretch:125%;font-weight:500;font-size:22px}.bh-l .muted{font-size:12px}.bh-r{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.bars-grid{display:grid;gap:14px;padding:16px;border-radius:26px;background:var(--well);box-shadow:var(--inset);border:var(--edge);touch-action:pan-y}.brow{position:relative;padding-top:24px;min-height:calc(24px + var(--cl) * 34px + var(--wl) * 21px + 20px)}.big .brow{min-height:calc(24px + var(--cl) * 40px + var(--wl) * 26px + 24px)}.bgrid{position:absolute;top:0;right:0;bottom:0;left:0}.bar{position:absolute;top:0;bottom:0;border-left:2px solid var(--ink-3);background:var(--card);border-radius:4px}.bar:nth-child(odd){background:color-mix(in srgb,var(--card) 88%,var(--well))}.bar.ghost{background:transparent;border-left-style:dashed;opacity:.5}.tick em.bn{font-weight:800;color:var(--ink);text-align:left;padding-left:5px}.tick{position:absolute;top:0;bottom:0;border-left:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.tick:first-of-type{border-left:0}.tick em{position:absolute;top:4px;left:0;right:0;text-align:center;font:500 9px var(--f-mono);font-style:normal;color:var(--ink-3)}.tick.beat em{font-weight:700;color:var(--ink-2)}.tick.beat{border-left-color:var(--line)}.tick.now{background:color-mix(in srgb,var(--accent) 16%,transparent)}.tick.now em{color:var(--accent)}.playhead{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--accent) 12%,transparent);pointer-events:none;border-left:2px solid var(--accent)}.clane{position:relative;height:calc(var(--cl) * 34px);margin-top:2px}.big .clane{height:calc(var(--cl) * 40px)}.wlane{position:relative;height:calc(var(--wl) * 21px);margin-top:6px}.big .wlane{height:calc(var(--wl) * 26px)}.bchip{position:absolute;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 9px;border-radius:10px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);border-left:3px solid var(--fn-c,var(--ink-3));touch-action:none;cursor:grab;font-size:14px;z-index:2;white-space:nowrap}.big .bchip{height:36px;font-size:19px;padding:0 11px}.bchip:has(.fn-home){--fn-c:var(--fn-home)}.bchip:has(.fn-away){--fn-c:var(--fn-away)}.bchip:has(.fn-tension){--fn-c:var(--fn-tension)}.bchip:has(.fn-outside){--fn-c:var(--fn-outside)}.bchip.off{border-radius:10px 10px 10px 2px}.bchip .push{font:700 9px var(--f-mono);font-style:normal;color:var(--on-accent);background:var(--accent);border-radius:5px;padding:1px 4px}.bchip.sel{outline:2px solid var(--ink);outline-offset:1px;z-index:4}.bchip.now{background:var(--fn-c,var(--ink));box-shadow:none}.bchip.now .chd{color:var(--on-fn)}.bchip.next{outline:2px dashed var(--accent);outline-offset:2px;animation:pulse 1s infinite}.bword{position:absolute;font-size:12.5px;font-weight:500;color:var(--ink-2);padding:1px 4px;border-radius:5px;white-space:nowrap;touch-action:none;cursor:grab;line-height:17px}.big .bword{font-size:16px;line-height:22px}.bword:hover{background:var(--card)}.bword.sel{background:var(--ink);color:var(--ground);z-index:4}.bword.now{color:var(--accent);font-weight:800}.bword.next{outline:2px dashed var(--accent)}.bword.done{color:var(--ink)}@keyframes pulse{50%{outline-offset:5px}}.tapbar{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:16px 20px;border-radius:24px;background:var(--ink);color:var(--ground)}.tapbar .eyebrow,.tapbar .muted{color:color-mix(in srgb,var(--ground) 65%,transparent)}.tapbar>div{flex:1;min-width:220px;display:grid;gap:4px}.tap-next{font-family:var(--f-display);font-stretch:125%;font-size:30px;font-weight:500}.tap-next .chd{color:var(--accent)}.tap-pad{width:110px;height:110px;border-radius:50%;background:var(--accent);color:var(--on-accent);font:800 20px var(--f-display);letter-spacing:.08em;touch-action:manipulation}.tap-pad:active{transform:scale(.95)}.tapbar .btn.ghost{color:var(--ground);border-color:color-mix(in srgb,var(--ground) 40%,transparent)}.bars-foot{display:grid;gap:12px}.seltools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.seltools .eyebrow{margin-right:6px}.notes{display:grid;gap:6px}.sheet-tab,.sheet-edit{display:grid;gap:18px}.sheet{display:grid;gap:22px;padding:22px;border-radius:26px;background:var(--well);box-shadow:var(--inset);border:var(--edge)}.sheet-sec{display:grid;gap:4px;padding-left:14px;border-left:3px solid transparent}.sheet-sec.on{border-left-color:var(--accent)}.sheet-label{justify-self:start;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px}.sheet-label em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0}.sheet-note{font-size:12px;color:var(--ink-2);background:var(--card);padding:6px 10px;border-radius:8px;justify-self:start}.sline{display:flex;flex-wrap:wrap;align-items:flex-end;row-gap:4px;font-size:calc(16px * var(--fs,1));line-height:1.3;padding:2px 6px;border-radius:8px}.sline.now{background:color-mix(in srgb,var(--accent) 12%,transparent)}.seg-w{display:inline-flex;flex-direction:column;white-space:pre}.seg-w .over{font-size:.86em;min-height:1.2em;padding-right:6px}.seg-w:not(.has):before{content:" ";min-height:1.2em;font-size:.86em}.edit-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}@media (max-width:820px){.edit-split{grid-template-columns:minmax(0,1fr)}}.edit-preview{max-height:520px;overflow:auto}.overview,.harmony{display:grid;gap:20px}.lane{display:grid;gap:12px;padding:18px 20px;border-radius:26px;background:var(--well);box-shadow:var(--inset);border:var(--edge)}.cells{display:flex;flex-wrap:wrap;gap:10px}.cell{min-width:64px;padding:10px 12px;border-radius:16px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);display:grid;gap:2px;text-align:left}.cell .chd{font-size:17px}.cell>span:last-child{font-size:11px;color:var(--ink-3)}.cell.on{background:var(--ink)}.cell.on>span:last-child{color:var(--ground)}.panel{padding:20px 22px 22px;display:grid;gap:16px;min-width:0}.p-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.p-head h2{font-family:var(--f-display);font-stretch:125%;font-size:15px;font-weight:600}.p-head .sub{font-size:12px;color:var(--ink-3)}.p-head .btn{margin-left:auto}.b-title{font-size:14px;font-weight:700}.chiprows{display:flex;flex-wrap:wrap;gap:16px 36px}.chipcol{display:grid;gap:10px;min-width:0}.board-wrap{border-radius:22px;background:var(--well);box-shadow:var(--inset);border:var(--edge);overflow-x:auto;padding:20px 16px 10px}.board-inner{min-width:720px}.board{position:relative}.str{position:absolute;left:3.6%;right:4.2%;background:var(--ink-3);opacity:.55;transform:translateY(-50%)}.fw{position:absolute;top:4%;bottom:4%;width:2px;margin-left:-1px;background:var(--line)}.nut{position:absolute;top:2%;bottom:2%;width:6px;margin-left:-3px;border-radius:3px;background:var(--ink)}.inl{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--line);transform:translate(-50%,-50%)}.sn{position:absolute;transform:translate(-50%,-50%);font-size:12px;font-weight:600;color:var(--ink-3)}.shade{position:absolute;top:0;bottom:0;background:var(--well);opacity:.75;border-radius:12px}.capo{position:absolute;top:0;bottom:0;width:9px;border-radius:5px;background:var(--knob)}.board .n{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--card);color:var(--ink-2);box-shadow:var(--raised-sm);border:var(--edge)}.board .n.root,.n.r{background:var(--accent);color:var(--on-accent);box-shadow:none;border-color:transparent}.board .n.target,.n.third,.n.chordt{background:var(--ink);color:var(--ground);box-shadow:none}.board .n.target.out{box-shadow:0 0 0 2px var(--accent)}.board .n.fifth{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 2.5px var(--ink)}.board .n.sev{background:var(--ink-3);color:var(--ground);box-shadow:none}.board .n.colour{background:var(--card);color:var(--fn-away);box-shadow:inset 0 0 0 2.5px var(--fn-away)}.board .n.avoid{background:transparent;color:var(--ink-3);box-shadow:none;border:1.5px dashed var(--ink-3);opacity:.8}.board .n.melody{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink)}.board .n.outk{box-shadow:inset 0 0 0 2px var(--fn-tension)}.board .n.dim{opacity:.3}.n.faint{opacity:.5;transform:scale(.8)}.fnum{position:relative;height:22px;margin-top:6px}.fnum span{position:absolute;transform:translate(-50%);font-size:11px;color:var(--ink-3)}.legend{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:11.5px;color:var(--ink-2)}.legend span{display:flex;align-items:center;gap:7px;max-width:60ch}.legend i{width:11px;height:11px;border-radius:50%;display:inline-block;flex:none}.lg-root,.lg-r{background:var(--accent)}.lg-tone{background:var(--card);box-shadow:var(--raised-sm);border:1px solid var(--line)}.lg-ink,.lg-third,.lg-chordt{background:var(--ink)}.lg-fifth{box-shadow:inset 0 0 0 2px var(--ink)}.lg-sev{background:var(--ink-3)}.lg-colour{box-shadow:inset 0 0 0 2px var(--fn-away)}.lg-avoid{border:1.5px dashed var(--ink-3)}.lg-outk{box-shadow:inset 0 0 0 2px var(--fn-tension)}.notegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.nchip{display:grid;gap:2px;padding:10px 12px;border-radius:14px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);border-top:4px solid var(--ink-3)}.nchip b{font-family:var(--f-display);font-stretch:125%;font-size:20px;font-weight:500}.nchip span{font-size:11px;color:var(--ink-3)}.nchip em{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.nchip.chordt{border-top-color:var(--ink)}.nchip.chordt em{color:var(--ink)}.nchip.colour{border-top-color:var(--fn-away)}.nchip.colour em{color:var(--fn-away)}.nchip.avoid{border-top-style:dashed;opacity:.75}.nchip.avoid em{color:var(--ink-3)}.chip.melo b{font-family:var(--f-display);color:var(--ink-3)}.chip.melo.chordt{box-shadow:inset 0 0 0 2px var(--ink)}.hopts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.hopt{display:grid;gap:4px;text-align:left;padding:14px 16px;border-radius:18px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.hopt b{font-size:30px;font-weight:500}.hopt span:last-child{font-size:12px;color:var(--ink-3)}.hopt.ok span:last-child{color:var(--live)}.hopt.on{box-shadow:var(--inset-sm);outline:2px solid var(--accent)}.library{display:grid;gap:18px}.lib-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:end}.lib-head p{margin-top:6px}.lib-actions,.lib-tools{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lib-tools .search{max-width:360px;flex:1;min-width:200px}.songlist{list-style:none;margin:0;padding:0;display:grid;gap:10px}.songrow{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:20px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.songrow.cur{outline:2px solid var(--accent)}.songrow-main{flex:1;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) 44px 110px 120px 80px;gap:14px;align-items:center;text-align:left}@media (max-width:820px){.songrow-main{grid-template-columns:46px minmax(0,1fr) 40px}.sr-m,.diff,.sr-p{display:none!important}}.sr-t{display:grid;min-width:0}.sr-t b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-t span{font-size:12px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-k{font-size:18px;font-weight:500}.sr-m{font-size:12px;color:var(--ink-2)}.diff{display:grid;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.diff em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-3)}.d-easy{color:var(--live)}.d-medium{color:var(--fn-away)}.d-stretch{color:var(--accent)}.sr-p{display:block;height:6px;border-radius:3px;background:var(--well);box-shadow:var(--inset-sm);overflow:hidden;min-width:60px}.sr-p i{display:block;height:100%;background:var(--ink)}.sr-x{display:flex;gap:8px;align-items:center}@media (max-width:560px){.sr-x select{display:none}}.empty{padding:20px;color:var(--ink-3)}.lights{--ground:#0e0e0d;--card:#181817;--well:#121211;--ink:#f6f4ee;--ink-2:#c4c1b8;--ink-3:#8a877f;--line:#34332f;--accent:#ff5a2e;--on-accent:#140703;--knob:#f6f4ee;--knob-mark:#0e0e0d;--hi:rgba(255,255,255,.04);--lo:rgba(0,0,0,.7);--fn-home:#ff6a4d;--fn-away:#f0c050;--fn-tension:#a492ff;--fn-outside:#9aa5ad;--on-fn:#0e0e0d;--edge:1px solid #2a2926;--raised:none;--raised-sm:none;--inset:none;--inset-sm:none;color-scheme:dark;background:var(--ground);color:var(--ink)}.stage{display:grid;gap:18px}.stage-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px 14px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.onstage-btn{letter-spacing:.08em;font-weight:800}.setpick{max-width:220px}.stage-body{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.stage-body.no-drawer{grid-template-columns:minmax(0,1fr)}@media (max-width:800px){.stage-body{grid-template-columns:minmax(0,1fr)}}.setlist{padding:14px 10px;display:grid;align-content:start;gap:10px;border-radius:var(--r-md);background:var(--card);box-shadow:var(--raised-sm);border:var(--edge);position:sticky;top:90px}@media (max-width:800px){.setlist{position:static}}.setlist ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.setlist ol button{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr);gap:0 8px;text-align:left;padding:10px;border-radius:12px}.setlist ol button .n{font:600 11px var(--f-mono);color:var(--ink-3);grid-row:span 2;padding-top:3px}.setlist ol button .t{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setlist ol button .k{font-size:11px;color:var(--ink-3)}.setlist ol button.on{background:var(--well);box-shadow:inset 3px 0 0 var(--accent)}.stage-main{display:grid;gap:18px;align-content:start;min-width:0;font-size:calc(14px * var(--fs))}.stage-song{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:start}.stage-title{font-family:var(--f-display);font-stretch:125%;font-weight:500;font-size:calc(clamp(30px,5vw,58px) * var(--fs));letter-spacing:-.02em;line-height:1.02;text-wrap:balance}.stage-meta{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:10px;color:var(--ink-2);font-size:calc(14px * var(--fs))}.stage-meta b{font-family:var(--f-display);font-stretch:125%;color:var(--ink);font-size:1.25em}.stage-notes{margin-top:12px;padding:10px 14px;border-left:3px solid var(--accent);background:var(--card);border-radius:0 10px 10px 0;max-width:70ch;font-size:calc(14px * var(--fs))}.stage-play{display:flex;align-items:center;gap:14px}.stage-side{display:grid;gap:12px;justify-items:end}@media (max-width:640px){.stage-side{justify-items:start}}.round.big{width:64px;height:64px}.round.big svg{width:22px;height:22px}.stage .bars-grid{background:var(--well)}.stage-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}.stage-nav .btn{max-width:48%;overflow:hidden;text-overflow:ellipsis}.stage-empty{display:grid;gap:14px;justify-items:start;padding:40px 0}.set-edit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}@media (max-width:640px){.set-edit{grid-template-columns:minmax(0,1fr)}}.set-col{display:grid;gap:12px;align-content:start}.set-songs,.pick-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:360px;overflow:auto}.set-songs li{display:flex;gap:6px;align-items:center;padding:6px 8px;border-radius:10px;background:var(--well)}.set-songs li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:13px}.pick-list button{width:100%;text-align:left;padding:8px 10px;border-radius:10px;font-weight:600;font-size:13px}.pick-list button:hover{background:var(--well)}.pick-list em{font-style:normal;color:var(--ink-3);font-weight:500;margin-left:6px}.freestyle{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--ground);overflow:auto;display:grid;align-content:start;gap:22px;padding:calc(16px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 30px max(16px,env(safe-area-inset-left,0px))}.fs-top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;justify-content:space-between}.fs-keys{display:flex;flex-wrap:wrap;gap:6px}.fs-keys button{min-width:42px;height:38px;border-radius:10px;border:1px solid var(--line);font:600 14px var(--f-display);font-stretch:115%}.fs-keys button.on{background:var(--ink);color:var(--ground)}.fs-pads,.ear-pads{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}@media (max-width:640px){.fs-pads,.ear-pads{grid-template-columns:repeat(4,minmax(0,1fr))}}.fs-pad{display:grid;gap:4px;justify-items:start;padding:18px 16px;border-radius:18px;background:var(--card);border:1px solid var(--line);border-bottom:5px solid var(--fn-c);text-align:left;touch-action:manipulation}.fs-pad b{font-family:var(--f-display);font-stretch:125%;font-size:30px;font-weight:500;color:var(--fn-c)}.fs-pad span{font-size:13px;color:var(--ink-2)}.fs-pad.on{background:var(--fn-c)}.fs-pad.on b,.fs-pad.on span{color:var(--on-fn)}.fs-ctl{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}.fs-board{display:grid;gap:12px}.learn{display:grid;gap:20px}.learn-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px 28px;align-items:center;padding:16px 26px}@media (max-width:620px){.learn-hero{grid-template-columns:minmax(0,1fr);justify-items:center}}.lh-main{display:grid;gap:14px;min-width:0;width:100%}.lv{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--ink-3)}.lv b{font-size:18px;color:var(--ink)}.xpbar{flex:1;max-width:320px;height:10px;border-radius:5px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge);overflow:hidden}.xpbar i{display:block;height:100%;background:linear-gradient(90deg,var(--fn-away),var(--accent));border-radius:5px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.stat{display:grid;padding:12px 14px;border-radius:18px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge)}.stat b{font-size:26px;font-weight:500}.stat span{font-size:11.5px;color:var(--ink-3)}.stat.flame b{color:var(--accent)}.stat.gisto b{color:var(--fn-away)}.path,.wardrobe,.quests-tab,.admin{display:grid;gap:20px}.lessons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}.lesson{width:100%;display:grid;grid-template-columns:26px minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 10px;align-items:center;text-align:left;padding:10px 12px;border-radius:14px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.lesson .n{grid-row:span 2;font:600 11px var(--f-mono);color:var(--ink-3)}.lesson .t{font-weight:700;font-size:13px}.lesson .b{font-size:11px;color:var(--ink-3);grid-column:2}.lesson .st{grid-row:1/3;grid-column:3;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.lesson.mastered{background:var(--ink);color:var(--ground)}.lesson.mastered .st{color:var(--accent)}.lesson.mastered .b,.lesson.mastered .n{color:color-mix(in srgb,var(--ground) 60%,transparent)}.lesson.practising .st{color:var(--fn-away)}.pieces{list-style:none;margin:0;padding:0;display:grid;gap:10px}.piece{width:100%;display:grid;grid-template-columns:52px minmax(0,1fr) auto 110px;gap:14px;align-items:center;text-align:left;padding:8px;border-radius:18px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}@media (max-width:560px){.piece{grid-template-columns:52px minmax(0,1fr) auto}.piece .pm{display:none}}.pt{display:grid;min-width:0}.pt b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pt span{font-size:12px;color:var(--ink-3)}.pm{display:grid;gap:4px}.inventory{display:grid;gap:18px}.tier-ladder{display:flex;flex-wrap:wrap;gap:8px}.tl{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:12px;color:var(--metal-ink)}.tl em{font-style:normal;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.ccard{position:relative;display:grid;justify-items:center;gap:6px;padding:14px 12px 12px;border-radius:20px;color:var(--metal-ink);overflow:hidden;text-align:center;box-shadow:var(--raised-sm);border:var(--edge)}.ccard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.45) 45%,transparent 60%);transform:translate(-120%);transition:transform .6s;pointer-events:none}.ccard:hover:after{transform:translate(120%)}.ccard.locked{background:var(--well);color:var(--ink-3);box-shadow:var(--inset-sm)}.ccard.locked .diagram{opacity:.4}.cc-tier{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.cc-name{font-family:var(--f-display);font-stretch:125%;font-size:24px;font-weight:600;line-height:1}.cc-pips{display:flex;gap:4px}.cc-pips i{width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.2}.cc-pips i.on{opacity:.9}.cc-next{font-size:11px;font-weight:600;opacity:.8}.diagram{width:64px;height:74px}.diagram line{stroke:currentColor;stroke-width:1.2;opacity:.7}.diagram line.nut{stroke-width:4;opacity:1}.diagram circle{fill:currentColor}.diagram circle.open{fill:none;stroke:currentColor;stroke-width:1.2}.diagram text{font-size:9px;fill:currentColor}.diagram.none{display:grid;place-items:center;font-size:11px;opacity:.7}.metal-copper{background:linear-gradient(140deg,#f3b58e,#c06a3d 55%,#8f4723)}.metal-bronze{background:linear-gradient(140deg,#e7c38f,#b0803f 55%,#7a5222)}.metal-steel{background:linear-gradient(140deg,#dfe6ec,#93a3b0 55%,#5f707d)}.metal-silver{background:linear-gradient(140deg,#fff,#cfd4da 55%,#a2a9b2)}.metal-gold{background:linear-gradient(140deg,#fff0a8,#e5b53c 55%,#b07d12)}.metal-platinum{background:linear-gradient(140deg,#f8f6ff,#d6d2e8 50%,#a9a3c4)}.metal-diamond{background:linear-gradient(140deg,#e9fbff,#a8e6ff 35%,#f7d8ff 65%,#b5c8ff);animation:shimmer 4s linear infinite;background-size:200% 200%}@keyframes shimmer{50%{background-position:100% 100%}}.cdetail{display:grid;gap:16px}.tier-steps{list-style:none;margin:0;padding:0;display:grid;gap:6px}.tier-steps li{display:grid;grid-template-columns:86px minmax(0,1fr);gap:2px 12px;padding:9px 12px;border-radius:12px;color:var(--metal-ink);opacity:.5;font-size:12.5px}.tier-steps li b{font-weight:800}.tier-steps li em{grid-column:2;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.tier-steps li.done{opacity:.95}.tier-steps li.next{opacity:1;outline:2px solid var(--ink);outline-offset:2px}.drill{display:grid;gap:16px;justify-items:center;text-align:center}.drill-pips{display:flex;gap:10px}.drill-pips i{width:14px;height:14px;border-radius:50%;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge)}.drill-pips i.on{background:var(--fn-away)}.drill-pad{width:220px;height:220px;border-radius:50%;display:grid;place-content:center;gap:6px;font:600 24px var(--f-display);font-stretch:115%;background:var(--card);box-shadow:var(--raised);border:var(--edge);touch-action:manipulation}.drill-pad small{font:500 12px var(--f-ui);color:var(--ink-3)}.drill-pad.wait{background:var(--well);color:var(--ink-3)}.drill-pad.go{background:var(--accent);color:var(--on-accent)}.drill-pad.go small{color:var(--on-accent)}.quests{list-style:none;margin:0;padding:0;display:grid;gap:10px}.quest{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px 18px;align-items:center;padding:12px 14px;border-radius:16px;background:var(--well);border:var(--edge)}@media (max-width:560px){.quest{grid-template-columns:minmax(0,1fr) auto}.q-a,.q-s{grid-column:1/-1}}.q-t{display:grid;gap:2px;min-width:0}.q-t span{font-size:12px;color:var(--ink-3)}.q-r{font-size:11px;color:var(--ink-3)}.q-r b{font-size:18px;color:var(--fn-away)}.q-a{display:flex;gap:8px}.q-s{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--fn-away)}.q-s.done{color:var(--live)}.quest.done{opacity:.6}.ear{display:grid;gap:16px}.ear-top{display:flex;justify-content:space-between;align-items:center}.ear .fs-pad b{font-size:26px}.fs-pad.right{background:var(--live)}.fs-pad.right b{color:#fff}.fs-pad.wrong{background:var(--accent)}.fs-pad.wrong b{color:var(--on-accent)}.fs-pad.dimmed{opacity:.4}.milestones{display:flex;flex-wrap:wrap;gap:8px}.milestones span{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;background:var(--well);font-size:12px;color:var(--ink-3);border:var(--edge)}.milestones b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--card);font:700 11px var(--f-display);color:var(--ink-2)}.milestones .got{color:var(--ink)}.milestones .got b{background:var(--accent);color:var(--on-accent)}.shop{list-style:none;margin:0;padding:0;display:grid;gap:8px}.shop li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:2px 14px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--well);border:var(--edge)}.shop li span{grid-column:1;font-size:12px;color:var(--ink-3)}.shop li em{grid-row:1/3;grid-column:2;font-style:normal;font-size:18px;color:var(--fn-away)}.shop li .btn{grid-row:1/3;grid-column:3}.log{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:13px}.log em{font-style:normal;color:var(--ink-3);font-size:11px;margin-right:10px;font-family:var(--f-mono)}.pending{list-style:none;margin:0;padding:0;display:grid;gap:8px}.pending li{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--well)}.pending li>span{flex:1;min-width:200px;font-size:13px}.pending em{font-style:normal;color:var(--ink-3);font-size:11px;margin-left:8px}.row-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row-form .field:not(.sm){flex:1;min-width:160px}.col-form{display:grid;gap:10px}.num{width:90px}.lbl{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--ink-2)}.lbl.inline{display:flex;align-items:center;gap:8px}.pin-form{display:grid;gap:14px}.err{color:var(--accent);font-weight:700;font-size:13px}.daily{z-index:100;background:radial-gradient(circle at 50% 40%,#501808d1,#0a0604eb)}.daily-card{position:relative;width:min(560px,100%);display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 24px;align-items:center;padding:28px;border-radius:34px;background:#171310;color:#fbf3e6;box-shadow:0 40px 120px #ff5a1e40;overflow:hidden}@media (max-width:520px){.daily-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}}.daily-card .eyebrow{color:#ffb98f}.embers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.embers i{position:absolute;bottom:-10px;border-radius:50%;background:#ffb347;box-shadow:0 0 8px #ff7a1f;opacity:0;animation:ember linear infinite}@keyframes ember{0%{opacity:0;transform:translate(0) scale(1)}15%{opacity:.95}to{opacity:0;transform:translate(var(--drift),-420px) scale(.3)}}.daily-flame{position:relative;width:150px;height:190px;display:grid;place-items:end center}.daily-flame svg{width:150px;height:190px;transform-origin:50% 100%;transform:scale(var(--fl));transition:transform 1.1s cubic-bezier(.2,1.6,.4,1)}.fl-outer{animation:flick 1.6s ease-in-out infinite;transform-origin:50% 100%}.fl-inner{animation:flick 1.1s ease-in-out infinite reverse;transform-origin:50% 100%}@keyframes flick{50%{transform:scale(1.04,.96) skew(2deg)}}.daily-n{position:absolute;bottom:22px;left:0;right:0;text-align:center;font:600 46px var(--f-display);font-stretch:125%;color:#2a0c02;transition:transform .4s}.stage-1 .daily-n{animation:pop .5s}@keyframes pop{40%{transform:scale(1.5)}}.daily-text{display:grid;gap:10px;position:relative}.daily-text h2{font-family:var(--f-display);font-stretch:115%;font-weight:600;font-size:24px;line-height:1.15;text-wrap:balance}.week{display:flex;gap:6px}@media (max-width:520px){.week{justify-content:center}}.week i{width:22px;height:22px;border-radius:7px;background:#2c2420}.week i.on{background:#ff7a2e;animation:dayin .4s backwards}@keyframes dayin{0%{transform:scale(0)}}.daily-xp{font-weight:800;color:#ffd27a}.reward{display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#ffe28a,#e3a32c);color:#3a2504;animation:dayin .5s 1.4s backwards}.reward .eyebrow{color:#6b4708}.reward b{font-size:18px}.reward span{font-size:12px}.daily-char{position:absolute;right:-6px;bottom:-14px;opacity:.95;pointer-events:none}@media (max-width:520px){.daily-char{display:none}}.daily-text .btn.primary{justify-self:start;margin-top:6px}@media (max-width:520px){.daily-text .btn.primary{justify-self:center}}.stage-0 .daily-text>*:not(.eyebrow){opacity:0;transform:translateY(8px)}.daily-text>*{transition:opacity .5s,transform .5s}.companion{position:fixed;right:max(14px,env(safe-area-inset-right,0px));bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:50;display:flex;align-items:flex-end;gap:6px}.comp-btn{filter:drop-shadow(0 8px 14px rgba(0,0,0,.18))}.comp-min{position:absolute;top:0;right:0}.companion.mini{width:56px;height:56px;border-radius:50%;background:var(--card);box-shadow:var(--raised);border:var(--edge);overflow:hidden;display:grid;place-items:start center}.bubble{position:relative;max-width:240px;margin-bottom:70px;padding:12px 30px 12px 14px;border-radius:18px 18px 4px;background:var(--ink);color:var(--ground);font-size:12.5px;line-height:1.45;box-shadow:0 10px 30px #0003}.bubble .tiny{position:absolute;top:6px;right:6px;background:transparent;color:var(--ground);box-shadow:none;border:0}@media (max-width:600px){.companion:not(.mini) .comp-btn svg{width:64px;height:80px}.bubble{margin-bottom:40px}}.character .ch-body{transform-origin:50% 100%}.ch-guitar .ch-body,.ch-book .ch-body,.ch-roses .ch-body{animation:bob 3.2s ease-in-out infinite}.ch-cheer .ch-body{animation:jump .9s cubic-bezier(.3,1.6,.5,1) infinite alternate}.strum{transform-origin:114px 126px;animation:strum .9s ease-in-out infinite}.spark{animation:twinkle 2.4s ease-in-out infinite}.aura{animation:breathe 3s ease-in-out infinite;transform-origin:80px 110px}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes jump{to{transform:translateY(-8px) scale(1.02,.98)}}@keyframes strum{50%{transform:rotate(-7deg)}}@keyframes twinkle{50%{opacity:.15}}@keyframes breathe{50%{transform:scale(1.06);opacity:.8}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.admin-btn{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 12px 0 4px;border-radius:999px;background:var(--well);box-shadow:var(--inset-sm);border:var(--edge);font-weight:800;font-size:12px;position:relative}.admin-btn .admin-head{border-radius:50%;flex:none}.admin-btn.on{background:var(--ink);color:var(--ground);box-shadow:none}.admin-btn em{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:var(--accent);color:var(--on-accent);font:800 10px var(--f-ui);font-style:normal;display:grid;place-items:center;padding:0 4px}@media (max-width:520px){.admin-btn span{display:none}.admin-btn{padding:0 4px}}.admin-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px 26px;align-items:center;padding:14px 26px}.admin-hero>div{display:grid;gap:8px;justify-items:start}@media (max-width:560px){.admin-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}.admin-hero>div{justify-items:center}}.pin-who{display:flex;align-items:center;gap:14px}.pin-who .admin-head{border-radius:50%;flex:none}.pixel{image-rendering:pixelated}.admin-char .px-body{animation:pxbob 1s steps(1) infinite}.px-catch .px-body{animation:pxhop .5s steps(1) infinite}@keyframes pxbob{50%{transform:translateY(1px)}}@keyframes pxhop{50%{transform:translateY(-1px)}}:root[data-skin=systems]{--ground:#f3eedd;--card:#f3eedd;--well:#ebe5cf;--hi:rgba(255,255,255,.92);--lo:rgba(158,150,120,.45);--ink:#151515;--ink-2:#4a4740;--ink-3:#8a8574;--line:#d2cab2;--knob:#161616;--knob-mark:#f3eedd;--accent:#e3261b;--on-accent:#fff;--live:#2f8f4e;--fn-home:#e3261b;--fn-away:#f0b03a;--fn-tension:#2b45b5;--fn-outside:#8a8574;--on-fn:#fff;--raised:0 0 0 1.5px var(--ink);--raised-sm:0 0 0 1.25px var(--ink);--inset:inset 0 0 0 1.25px var(--line);--inset-sm:inset 0 0 0 1.25px var(--line);color-scheme:light}:root[data-skin=navigator]{--ground:#e3e4e2;--card:#e3e4e2;--well:#d9dad7;--hi:rgba(255,255,255,.92);--lo:rgba(150,152,150,.5);--ink:#2f3030;--ink-2:#5a5b5a;--ink-3:#8d8f8d;--line:#c3c5c2;--knob:#3a3b3b;--knob-mark:#e3e4e2;--accent:#c8372d;--on-accent:#fff;--live:#3f8a5c;--fn-home:#c8372d;--fn-away:#d1a24a;--fn-tension:#4a5a8c;--fn-outside:#8d8f8d;--on-fn:#fff;--raised:0 0 0 1.25px var(--ink-2),0 3px 0 -1px var(--line);--raised-sm:0 0 0 1px var(--ink-2);--inset:inset 0 0 0 1px var(--line),inset 0 2px 6px rgba(0,0,0,.06);--inset-sm:inset 0 0 0 1px var(--line);color-scheme:light}:root[data-skin=fold]{--ground:#ecece9;--card:#ecece9;--well:#e2e2de;--hi:rgba(255,255,255,.92);--lo:rgba(150,150,145,.5);--ink:#111111;--ink-2:#4b4b48;--ink-3:#9a9a95;--line:#d3d3cf;--knob:#111111;--knob-mark:#ecece9;--accent:#e8291c;--on-accent:#fff;--live:#5c9a3c;--fn-home:#e8291c;--fn-away:#f5b04c;--fn-tension:#3d4fd6;--fn-outside:#9a9a95;--on-fn:#fff;--raised:0 0 0 1px var(--line),0 1px 0 var(--line);--raised-sm:0 0 0 1px var(--line);--inset:inset 0 0 0 1px var(--line);--inset-sm:inset 0 0 0 1px var(--line);color-scheme:light}:root[data-skin=deck]{--ground:#1e1f22;--card:#1e1f22;--well:#18191b;--hi:rgba(255,255,255,.045);--lo:rgba(0,0,0,.65);--ink:#f1f0ec;--ink-2:#b7b6b1;--ink-3:#6f7076;--line:#34353a;--knob:#f1f0ec;--knob-mark:#1e1f22;--accent:#ff5a4e;--on-accent:#1e1f22;--live:#5ee08f;--fn-home:#ff5a4e;--fn-away:#f5b766;--fn-tension:#8b5cf6;--fn-outside:#6f7076;--on-fn:#1e1f22;color-scheme:dark}:root[data-skin=systems] .seg button[aria-pressed=true],:root[data-skin=fold] .seg button[aria-pressed=true]{background:var(--ink);color:var(--ground)}:root[data-skin=systems] .mainnav button[aria-current=page],:root[data-skin=fold] .mainnav button[aria-current=page]{background:var(--ink);color:var(--ground)}.sw-systems{background:#f3eedd;border-color:#151515!important}.sw-navigator{background:#e3e4e2}.sw-fold{background:#ecece9}.sw-deck{background:#1e1f22}.login{min-height:100vh;display:grid;place-items:center;padding:24px 16px}.login-card{width:min(380px,100%);display:grid;gap:16px}.login-brand{font-family:var(--f-display);font-stretch:125%;font-weight:700;font-size:28px;letter-spacing:-.01em}.login-card .btn{width:100%}.skin-opt.acct{grid-template-columns:1fr}.sync-err{position:fixed;left:16px;bottom:16px;z-index:90;max-width:min(420px,calc(100vw - 32px));box-shadow:var(--raised-sm)}.chart-only{display:grid;gap:18px}.chart-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px 22px;align-items:center;padding:18px 22px}.chart-head .ch-t{display:grid;gap:6px}@media (max-width:640px){.chart-head{grid-template-columns:auto minmax(0,1fr)}.chart-head .seg{grid-column:1/-1;justify-self:start}}.piece.on{box-shadow:var(--inset-sm)}.sd-h{margin:18px 0 10px}.piece.stu-row{grid-template-columns:52px minmax(0,1fr) auto auto;padding:10px 16px 10px 10px}.stu-row .pt{display:grid;gap:3px}.stu-row .pt span{font-size:12px;color:var(--ink-3)}.sd-top{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.character.trent .strum{transform-origin:116px 128px}.leaderboard .p-head{flex-wrap:wrap}.lb{list-style:none;margin:0;padding:0;display:grid;gap:10px}.lb-row{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;gap:14px;align-items:center;padding:8px 16px 8px 10px;border-radius:18px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.lb-row.me{box-shadow:var(--inset-sm);background:var(--well)}.lb-n{font-size:22px;text-align:center;color:var(--ink-3)}.lb-row.top .lb-n{color:var(--accent)}.lb-av{width:52px;height:52px;border-radius:50%;overflow:hidden;background:var(--well);box-shadow:var(--inset-sm);display:grid;justify-items:center;align-items:start}.lb-av svg{margin-top:2px}.lb-t{display:grid;gap:3px;min-width:0}.lb-t b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-t span{font-size:12px;color:var(--ink-3)}.lb-v{display:grid;justify-items:end}.lb-v b{font-size:24px}.lb-v em{font-style:normal;font-size:11px;color:var(--ink-3)}@media (max-width:560px){.lb-row{grid-template-columns:26px 44px minmax(0,1fr) auto;gap:10px}.lb-av{width:44px;height:44px}.lb-t span{display:none}}:root[data-skin=sunset]{--ground:#f6e3d3;--card:#f6e3d3;--well:#efd6c2;--hi:rgba(255,255,255,.85);--lo:rgba(176,120,90,.4);--ink:#2a1610;--ink-2:#6b4535;--ink-3:#a07a68;--line:#e3c2ad;--knob:#2a1610;--knob-mark:#f6e3d3;--accent:#e8553a;--on-accent:#fff;--live:#3b9a5a;--fn-home:#e8553a;--fn-away:#e0a030;--fn-tension:#8a4fbf;--fn-outside:#a07a68;--on-fn:#fff;color-scheme:light}:root[data-skin=forest]{--ground:#17231c;--card:#17231c;--well:#121c16;--hi:rgba(255,255,255,.05);--lo:rgba(0,0,0,.6);--ink:#e6efe6;--ink-2:#a9bfae;--ink-3:#6f8a77;--line:#2c3d32;--knob:#e6efe6;--knob-mark:#17231c;--accent:#f2a541;--on-accent:#17231c;--live:#6fdc8c;--fn-home:#f28b54;--fn-away:#e8cf5a;--fn-tension:#9a8cff;--fn-outside:#6f8a77;--on-fn:#121c16;color-scheme:dark}:root[data-skin=midnight]{--ground:#141a2e;--card:#141a2e;--well:#10152a;--hi:rgba(255,255,255,.05);--lo:rgba(0,0,0,.6);--ink:#eef0f8;--ink-2:#b3b9d1;--ink-3:#737a99;--line:#2a3253;--knob:#eef0f8;--knob-mark:#141a2e;--accent:#e9b949;--on-accent:#141a2e;--live:#5ed39a;--fn-home:#ff7a5c;--fn-away:#e9b949;--fn-tension:#8f86ff;--fn-outside:#737a99;--on-fn:#10152a;color-scheme:dark}:root[data-skin=blossom]{--ground:#f8e6ec;--card:#f8e6ec;--well:#f1d6df;--hi:rgba(255,255,255,.9);--lo:rgba(190,120,140,.38);--ink:#2b1520;--ink-2:#6e4256;--ink-3:#a67d8f;--line:#e8c3d0;--knob:#2b1520;--knob-mark:#f8e6ec;--accent:#d9466f;--on-accent:#fff;--live:#3f9a6a;--fn-home:#d9466f;--fn-away:#e3a33a;--fn-tension:#7a52c7;--fn-outside:#a67d8f;--on-fn:#fff;color-scheme:light}.sw-sunset{background:linear-gradient(135deg,#f6e3d3 50%,#e8553a 50%)}.sw-forest{background:linear-gradient(135deg,#17231c 50%,#f2a541 50%)}.sw-midnight{background:linear-gradient(135deg,#141a2e 50%,#e9b949 50%)}.sw-blossom{background:linear-gradient(135deg,#f8e6ec 50%,#d9466f 50%)}.skin-opt.locked{opacity:.55}.skin-opt.locked em{color:var(--fn-away)}.wr-slot{display:grid;gap:8px;margin-bottom:14px}.chip .dot,.chip i.dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 1px #0000002e}.shop-cat{display:grid;gap:10px;margin-top:18px}.shop-cat:first-of-type{margin-top:4px}.shop-h{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.shop-h .fine{margin:0}.shop li{grid-template-columns:52px minmax(0,1fr) auto auto}.shop li .shop-ic{grid-row:1/3;grid-column:1}.shop li b{grid-column:2}.shop li span:not(.shop-ic){grid-column:2}.shop li em{grid-column:3}.shop li .btn{grid-column:4}.shop-ic{width:52px;height:52px;border-radius:50%;box-shadow:var(--inset-sm);display:grid;place-items:center;overflow:hidden}.shop-ic:not(.sw){background:var(--card)}.shop-ic.fig{align-items:start;justify-items:center}.shop-ic.fig svg{margin-top:-4px;width:72px;height:90px}.shop-ic.at-dress svg,.shop-ic.at-top svg,.shop-ic.at-guitar svg,.shop-ic.at-aura svg{margin-top:-34px}i.shop-ic.sw{border:1.5px solid var(--ink-3)}.shop-ic svg{width:24px;height:24px}.shop-ic.ic-reward svg{fill:var(--fn-home)}.shop-ic.ic-consumable svg{stroke:var(--fn-tension)}.cat-treats .shop li{background:color-mix(in srgb,var(--fn-home) 10%,var(--well))}@media (max-width:560px){.shop li{grid-template-columns:44px minmax(0,1fr) auto}.shop-ic{width:44px;height:44px}.shop li em{grid-row:1;grid-column:3}.shop li .btn{grid-row:2;grid-column:3}}.q-songs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.q-songs .chip{padding:4px 10px;font-size:11px}.q-songs .chip:disabled{opacity:.5}.sd-shop{display:grid;gap:12px}.sd-cat{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 14px;align-items:start}.sd-cat-h{font-size:12px;font-weight:700;color:var(--ink-2);padding-top:7px}.sd-shop .chip em{font-style:normal;font-weight:600;font-size:11px;color:var(--ink-3)}.sd-shop .chip.todo{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line);color:var(--ink-3)}.sd-shop .chip.todo em{color:var(--fn-away)}.sd-shop .chip.got em{color:var(--live)}.sd-shop .chip.on em{color:var(--accent)}.sd-shop .chip.wait{box-shadow:inset 0 0 0 2px var(--fn-home)}.sd-shop .chip.wait em{color:var(--fn-home)}@media (max-width:560px){.sd-cat{grid-template-columns:1fr}.sd-cat-h{padding-top:0}}.tuner{display:grid;gap:14px;justify-items:center;text-align:center;min-width:min(340px,80vw)}.tn-read{display:grid;gap:2px}.tn-note{font-size:64px;line-height:1;color:var(--ink)}.tuner.ok .tn-note{color:var(--live)}.tn-sub{font-size:13px;color:var(--ink-3)}.tuner.ok .tn-sub{color:var(--live);font-weight:700}.tn-dial{width:min(300px,100%)}.tn-arc{fill:none;stroke:var(--line);stroke-width:6;stroke-linecap:round}.tn-zone{fill:none;stroke:var(--live);stroke-width:6;stroke-linecap:round;opacity:.7}.tn-tick{stroke:var(--ink-3);stroke-width:2}.tn-tick.mid{stroke:var(--ink);stroke-width:3}.tn-needle{transform-origin:100px 100px;transition:transform .12s linear}.tn-needle line{stroke:var(--accent);stroke-width:3;stroke-linecap:round}.tn-needle circle{fill:var(--accent)}.tuner.ok .tn-needle line{stroke:var(--live)}.tuner.ok .tn-needle circle{fill:var(--live)}.tn-meta{display:flex;gap:14px;font-size:11px;color:var(--ink-3);min-height:14px}.tn-strings{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;width:100%}.tn-strings button{display:grid;gap:1px;padding:8px 0;border-radius:12px;background:var(--card);box-shadow:var(--raised-sm);border:var(--edge)}.tn-strings b{font:700 18px var(--f-display);color:var(--ink)}.tn-strings em{font-style:normal;font-size:10px;color:var(--ink-3)}.tn-strings button.cur{box-shadow:inset 0 0 0 2px var(--accent)}.tn-strings button[aria-pressed=true]{background:var(--ink)}.tn-strings button[aria-pressed=true] b,.tn-strings button[aria-pressed=true] em{color:var(--ground)}.tuner .fine{margin:0}.tn-level{width:min(240px,80%);height:6px;border-radius:3px;background:var(--well);box-shadow:var(--inset-sm);overflow:hidden}.tn-level i{display:block;height:100%;background:var(--live);transition:width .08s linear}.ref{display:grid;gap:12px;padding:16px 20px}.ref-off{margin:0}.ref-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ref-row .field{flex:1;min-width:160px}.ref-find{display:grid;gap:10px}.ref-results{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:320px;overflow:auto}.ref-results button{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;width:100%;text-align:left;padding:6px 10px;border-radius:12px;background:var(--well)}.ref-results button:hover{box-shadow:inset 0 0 0 1.5px var(--line)}.rr-t{display:grid;min-width:0}.rr-t b,.rr-t span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-t span,.rr-d{font-size:12px;color:var(--ink-3)}.ref-top{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center}.ref-t{display:grid;gap:2px;min-width:0}.ref-t b{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-t .muted{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-play{width:48px;height:48px;border-radius:50%;background:var(--ink);display:grid;place-items:center;box-shadow:var(--raised-sm)}.ref-play svg{width:18px;height:18px;fill:var(--ground)}.ref-play.on{background:var(--accent)}.ref-bar{position:relative;display:grid;gap:4px}.rb-track{position:relative;height:10px;border-radius:5px;background:var(--well);box-shadow:var(--inset-sm);margin-top:6px}.rb-fill{position:absolute;left:0;top:0;bottom:0;border-radius:5px;background:var(--ink-3)}.rb-loop{position:absolute;top:-3px;bottom:-3px;border-radius:6px;background:color-mix(in srgb,var(--accent) 30%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent)}.rb-mark{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink)}.rb-mark.on{background:var(--accent)}.ref-bar input[type=range]{position:absolute;left:0;right:0;top:0;height:22px;margin:0;width:100%;opacity:0;cursor:pointer}.rb-time{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-3)}.ref-marks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ref-marks .chip em{font-style:normal;font-weight:600;font-size:11px;opacity:.7}.ref-marks .chip.add{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.ref-marks .chip:disabled{opacity:.45}.ref-edit{list-style:none;margin:0;padding:0;display:grid;gap:6px}.ref-edit li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ref-edit .field{flex:1;min-width:120px}.ref-edit .wide{min-width:44px;text-align:center;font-size:13px}.ref-foot{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ref .err{margin:0}@media (max-width:560px){.ref{padding:14px}.ref-top{grid-template-columns:48px minmax(0,1fr) auto}}.ref-vol{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-3)}.ref-vol svg{width:16px;height:16px;flex:none;fill:var(--ink-3);stroke:var(--ink-3)}.ref-vol input{flex:1;max-width:240px;accent-color:var(--accent)}.ref-vol .wide{min-width:24px;text-align:right}.ref-src{display:flex;justify-content:flex-start}.ref-video{width:min(100%,420px);aspect-ratio:16/9;min-height:200px;border-radius:12px;overflow:hidden;background:#000;box-shadow:var(--raised-sm)}.ref-video iframe{display:block;width:100%;height:100%;border:0}.ref-foot a{color:inherit}.tone-chip{font-size:calc(12px * var(--fs))}.tone-chip b{font-size:1em;font-stretch:100%;font-family:var(--f-ui);color:var(--accent)}.tone-chip.err{box-shadow:inset 0 0 0 2px var(--fn-home)}.tone-err{color:var(--fn-home)}.tone-edit{display:grid;gap:12px;min-width:min(360px,80vw)}.tone-edit label{display:grid;gap:6px}.tone-edit hr{border:0;border-top:1px solid var(--line);width:100%;margin:4px 0}.tone-port{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px}:root{--k-intro:#8b8f97;--k-verse:#3a7bd5;--k-pre:#d29418;--k-chorus:#e0482a;--k-bridge:#8657d3;--k-vamp:#1f9d66;--k-interlude:#1898ad;--k-tag:#cf4f8c;--k-outro:#7a8590;--k-other:#9a988f}.k-intro{--kc:var(--k-intro)}.k-verse{--kc:var(--k-verse)}.k-pre{--kc:var(--k-pre)}.k-chorus{--kc:var(--k-chorus)}.k-bridge{--kc:var(--k-bridge)}.k-vamp{--kc:var(--k-vamp)}.k-interlude{--kc:var(--k-interlude)}.k-tag{--kc:var(--k-tag)}.k-outro{--kc:var(--k-outro)}.k-other{--kc:var(--k-other)}.plain .blk,.plain .rm{--kc:var(--ink-3)}.ktag{display:inline-grid;place-items:center;min-width:2.1em;padding:.1em .45em;border-radius:6px;background:var(--kc);color:#fff;font:800 .72em var(--f-display);letter-spacing:.04em;margin-right:.55em}.kchip{box-shadow:inset 3px 0 0 var(--kc),var(--raised-sm)}.kchip.on{background:var(--kc);color:#fff}.roadmap{display:flex;flex-wrap:wrap;gap:6px}.rm{display:inline-flex;align-items:baseline;gap:3px;padding:6px 11px;border-radius:9px;font:800 12px var(--f-display);font-stretch:110%;color:#fff;background:var(--kc);opacity:.88}.rm em{font-style:normal;font-weight:600;font-size:.85em;opacity:.85}.rm.on{opacity:1;outline:2px solid var(--ink);outline-offset:2px}.chart{--z:calc(var(--fs,1) * var(--fit,1));font-size:calc(15px * var(--z));display:grid;gap:.8em}.chart.cols{display:block;columns:19em;column-gap:1em}.chart.cols>*{break-inside:avoid;margin-bottom:.8em}.blk{display:grid;gap:.45em;align-content:start;padding:.7em .9em .8em;border-radius:14px;border-left:5px solid var(--kc);background:color-mix(in srgb,var(--kc) 9%,var(--card));border-top:var(--edge);border-right:var(--edge);border-bottom:var(--edge)}.plain .blk{background:var(--card)}.blk.on{box-shadow:0 0 0 2px var(--accent)}.blk.slim{padding:.4em .9em;background:transparent;border-top:0;border-right:0;border-bottom:0}.blk-head{display:flex;flex-wrap:wrap;align-items:center;gap:.3em .7em}.blk-name{display:inline-flex;align-items:center;font-weight:800;font-size:.86em;letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb,var(--kc) 55%,var(--ink));text-align:left}.blk-name em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink-3)}.reps{font:800 1em var(--f-display);color:var(--kc)}.vamp-badge{font-size:.75em;font-weight:700;padding:.15em .6em;border-radius:999px;border:1.5px solid var(--kc);color:color-mix(in srgb,var(--kc) 60%,var(--ink))}.blk-note{font-size:.82em;color:var(--ink-2);font-style:italic}.barrow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:.3em}.cbar{display:flex;flex-wrap:wrap;gap:0 .45em;align-items:baseline;min-width:0;padding:.05em .4em .05em .5em;border-left:1.5px solid color-mix(in srgb,var(--ink) 25%,transparent);font-size:1.45em}.cbar .chd{font-weight:600}.cbar i{font-style:normal;color:var(--ink-3);font-size:.7em}.blk-lines .sline{font-size:1.15em;padding:1px 0}.blk-lead{margin:0;font:500 .85em/1.45 var(--f-mono);white-space:pre-wrap;padding:.45em .6em;border-radius:8px;background:color-mix(in srgb,var(--live) 10%,var(--well));color:var(--ink)}.blk-lead .eyebrow{display:block;font-family:var(--f-ui);letter-spacing:.06em;color:var(--live)}.blk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:5px;padding-top:.35em;border-top:1px dashed var(--line);font-size:13px}.add-cue{width:100%;place-items:center;padding:14px;border:1.5px dashed var(--line);border-left:1.5px dashed var(--line);background:transparent;font-weight:700;font-size:13px;color:var(--ink-2)}.display{display:grid;gap:10px;min-width:min(300px,calc(100vw - 48px))}.display .chip{padding:6px 11px}.song-neck{padding:16px 18px;display:grid;gap:12px}.onstage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:55;background:var(--ground);color:var(--ink);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.os-tabs{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;border-bottom:1px solid var(--line);flex:none;scrollbar-width:none}.os-tab{display:flex;align-items:baseline;gap:7px;padding:10px 14px;border-radius:10px;white-space:nowrap;font-weight:700;font-size:14px;color:var(--ink-2);flex:none;touch-action:manipulation}.os-tab .n{font:600 11px var(--f-mono);color:var(--ink-3)}.os-tab em{font-style:normal;font-size:11px;color:var(--ink-3)}.os-tab[aria-selected=true]{background:var(--ink);color:var(--ground)}.os-tab[aria-selected=true] .n,.os-tab[aria-selected=true] em{color:color-mix(in srgb,var(--ground) 65%,transparent)}.os-exit{margin-left:auto;flex:none;width:42px;height:42px;border-radius:10px;font-size:22px;color:var(--ink-2);position:sticky;right:0;background:var(--ground)}.os-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 14px;border-bottom:1px solid var(--line);flex:none}.os-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-width:0}.os-title>b{font:500 calc(22px * var(--fs)) var(--f-display);font-stretch:125%;letter-spacing:-.01em}.os-title .stage-meta{margin:0;font-size:13px;gap:4px 14px}.os-ctl{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}.os-ctl .round{width:38px;height:38px}.os-body{flex:1;overflow:auto;padding:12px 14px 24px;overscroll-behavior:contain}.os-body>.chart.cols{columns:17em}.flow{display:grid;gap:16px}.flow-over{display:grid;gap:8px}.flow-pads{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.flow-neck{display:grid;gap:10px}.flow-neck .board .n.melody{box-shadow:inset 0 0 0 3px var(--live);color:var(--ink)}.flow-neck .board .n.root.melody{color:var(--on-accent);box-shadow:inset 0 0 0 3px var(--live)}.lg-melody{box-shadow:inset 0 0 0 2px var(--live)}.flow-notes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}.flow-notes label{display:grid;gap:8px}.flow-leads{display:grid;gap:10px;align-content:start}.flow-leads .blk-lead{display:flex;gap:10px;align-items:start}.flow-leads pre{margin:0;font:inherit;white-space:pre-wrap}