:root{--paper-50:#fbf8f2;--paper-100:#f5efe3;--paper-200:#ede4d3;--paper-300:#ddd1bb;--paper-400:#c2b49b;--paper-500:#9e9079;--ink-900:#1d1922;--ink-800:#2b2631;--ink-700:#433c49;--ink-600:#5e5664;--ink-500:#7c7381;--ink-400:#a39aa5;--violet-50:#f4eefd;--violet-100:#e6d9fa;--violet-200:#cdb4f4;--violet-300:#ae88ec;--violet-400:#9462e6;--violet-500:#7a3fe0;--violet-600:#6430c4;--violet-700:#4f269c;--violet-800:#3b1d73;--violet-900:#28144e;--brass-100:#f6e9c8;--brass-200:#eed79e;--brass-300:#e3c277;--brass-500:#c8962e;--brass-600:#a97d20;--brass-700:#8a6418;--curtain-100:#f6dcd8;--curtain-300:#de8a80;--curtain-500:#b23a3a;--curtain-700:#7e2427;--sage-100:#dcebdd;--sage-300:#93c29f;--sage-500:#3e8e5c;--sage-700:#2a6340;--amber-100:#f8e3cc;--amber-500:#d9822b;--amber-700:#9a5612;--text-strong:var(--ink-900);--text-body:var(--ink-800);--text-muted:var(--ink-600);--text-subtle:var(--ink-500);--text-on-dark:var(--text-strong);--text-on-accent:#fff;--text-link:var(--violet-600);--text-link-hover:var(--violet-800);--surface-page:var(--paper-100);--surface-card:var(--paper-50);--surface-sunken:var(--paper-200);--surface-raised:#fff;--surface-stage:var(--surface-page);--surface-stage-raised:var(--surface-card);--surface-accent:var(--violet-500);--surface-accent-soft:var(--violet-50);--border-subtle:var(--paper-200);--border-default:var(--paper-300);--border-strong:var(--paper-400);--border-focus:var(--violet-500);--border-on-stage:var(--border-default);--action-primary:var(--violet-500);--action-primary-hover:var(--violet-600);--action-primary-edge:var(--violet-800);--action-secondary:var(--paper-50);--action-secondary-edge:var(--paper-400);--feedback-success:var(--sage-500);--feedback-success-soft:var(--sage-100);--feedback-warning:var(--amber-500);--feedback-warning-soft:var(--amber-100);--feedback-error:var(--curtain-500);--feedback-error-soft:var(--curtain-100);--feedback-info:var(--violet-500);--feedback-info-soft:var(--violet-50);--pitch-in-tune:var(--sage-500);--pitch-close:var(--amber-500);--pitch-off:var(--curtain-500);--timing-early:var(--violet-300);--timing-late:var(--brass-500);--reward-xp:var(--brass-500);--reward-xp-soft:var(--brass-100);--reward-streak:var(--amber-500);--section-woodwind:#4f8a6e;--section-brass:#c8962e;--section-percussion:#b23a3a;--section-strings:#7a3fe0;--section-keys:#3f6bb0;--section-low-brass:#8a5a2b;--font-display:"Young Serif",Georgia,"Times New Roman",serif;--font-ui:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--size-display-xl:56px;--lh-display-xl:60px;--size-display-l:40px;--lh-display-l:46px;--size-display-m:30px;--lh-display-m:36px;--size-heading:22px;--lh-heading:28px;--size-title:18px;--lh-title:24px;--size-body:16px;--lh-body:24px;--size-small:14px;--lh-small:20px;--size-caption:12px;--lh-caption:16px;--size-overline:11px;--lh-overline:14px;--tracking-overline:.1em;--size-stat:44px;--lh-stat:44px;--tracking-display:-.01em;--tracking-tight:-.005em;--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--space-9:40px;--space-10:48px;--space-11:64px;--space-12:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:999px;--control-sm:32px;--control-md:40px;--control-lg:52px;--hit-min:44px;--content-max:1200px;--sidebar-w:248px;--shadow-1:0 1px 0 #4630180d,0 1px 3px #46301814;--shadow-2:0 1px 0 #4630180d,0 4px 10px #46301814,0 12px 28px #4630180f;--shadow-3:0 2px 6px #1d19221a,0 24px 60px #1d192238;--shadow-inset:inset 0 1px 2px #4630181a;--edge-primary:0 3px 0 var(--violet-800);--edge-secondary:0 3px 0 var(--paper-400);--edge-brass:0 3px 0 var(--brass-700);--edge-pressed:0 1px 0 var(--violet-800);--focus-ring:0 0 0 3px var(--paper-50),0 0 0 5px var(--violet-500);--ease-out:cubic-bezier(.2,.7,.2,1);--ease-in-out:cubic-bezier(.6,0,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-celebrate:.64s;--staff-lines:repeating-linear-gradient(to bottom,transparent 0,transparent 9px,var(--paper-300) 9px,var(--paper-300) 10px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .25 0 0 0 0 .12 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--overlay-rgb:29 25 34;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper-50:#25212b;--paper-100:#1a171f;--paper-200:#2d2833;--paper-300:#3c3643;--paper-400:#564e5c;--paper-500:#7c7381;--ink-900:#f4eee4;--ink-800:#e7e0d6;--ink-700:#ccc3cc;--ink-600:#aea5b0;--ink-500:#908794;--ink-400:#776f7b;--violet-50:#2b2142;--violet-100:#362a57;--violet-200:#4d3b85;--violet-300:#8c6bdb;--violet-400:#a07eeb;--violet-600:#a684f2;--violet-700:#c3a8f7;--brass-100:#3a2f18;--brass-200:#5a4722;--brass-700:#e3c277;--sage-100:#1f3427;--sage-700:#93c29f;--curtain-100:#3e2222;--curtain-700:#e6a097;--amber-100:#3d2b17;--amber-700:#f0b776;--surface-raised:#2f2a36;--text-on-dark:var(--ink-900);--overlay-rgb:244 238 228;--shadow-1:0 1px 0 #00000040, 0 1px 3px #0000004d;--shadow-2:0 1px 0 #00000040, 0 4px 10px #0000004d, 0 12px 28px #00000040;--shadow-3:0 2px 6px #00000059, 0 24px 60px #00000080;--shadow-inset:inset 0 1px 2px #00000059;--edge-primary:0 3px 0 #2a1556;--edge-pressed:0 1px 0 #2a1556;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper-50:#25212b;--paper-100:#1a171f;--paper-200:#2d2833;--paper-300:#3c3643;--paper-400:#564e5c;--paper-500:#7c7381;--ink-900:#f4eee4;--ink-800:#e7e0d6;--ink-700:#ccc3cc;--ink-600:#aea5b0;--ink-500:#908794;--ink-400:#776f7b;--violet-50:#2b2142;--violet-100:#362a57;--violet-200:#4d3b85;--violet-300:#8c6bdb;--violet-400:#a07eeb;--violet-600:#a684f2;--violet-700:#c3a8f7;--brass-100:#3a2f18;--brass-200:#5a4722;--brass-700:#e3c277;--sage-100:#1f3427;--sage-700:#93c29f;--curtain-100:#3e2222;--curtain-700:#e6a097;--amber-100:#3d2b17;--amber-700:#f0b776;--surface-raised:#2f2a36;--text-on-dark:var(--ink-900);--overlay-rgb:244 238 228;--shadow-1:0 1px 0 #00000040, 0 1px 3px #0000004d;--shadow-2:0 1px 0 #00000040, 0 4px 10px #0000004d, 0 12px 28px #00000040;--shadow-3:0 2px 6px #00000059, 0 24px 60px #00000080;--shadow-inset:inset 0 1px 2px #00000059;--edge-primary:0 3px 0 #2a1556;--edge-pressed:0 1px 0 #2a1556;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root{--bg:var(--surface-page);--panel:var(--surface-card);--sunken:var(--surface-sunken);--text:var(--text-body);--strong:var(--text-strong);--muted:var(--text-muted);--subtle:var(--text-subtle);--grid:var(--border-default);--border:var(--border-default);--played:var(--violet-500);--target:var(--pitch-in-tune);--ok:var(--pitch-in-tune);--near:var(--pitch-close);--wrong:var(--pitch-off);--accent:var(--brass-500);--key-fill:var(--surface-raised);--key-black:var(--ink-800);--key-line:var(--paper-500);--btn:var(--action-secondary);--btn-hover:var(--surface-raised);--btn-border:var(--border-default);--btn-edge:var(--action-secondary-edge);--ring-gap:var(--paper-50);--texture:var(--grain)}*{box-sizing:border-box}body{font-family:var(--font-ui);font-size:var(--size-small);line-height:var(--lh-small);background:var(--bg) var(--texture);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--violet-200)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-6) var(--space-7)}.panel h2{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--size-heading);line-height:var(--lh-heading);letter-spacing:var(--tracking-display);color:var(--strong);margin:0 0 var(--space-4)}.panel h3{font-size:var(--size-overline);line-height:var(--lh-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--subtle);margin:var(--space-6) 0 var(--space-2)}.legacy summary{cursor:pointer;font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--size-title);line-height:var(--lh-title);letter-spacing:var(--tracking-display);color:var(--strong);border-radius:var(--radius-xs)}.legacy summary::marker{color:var(--violet-500)}.legacy label{align-items:center;gap:var(--space-3);font-size:13px;font-weight:var(--weight-semibold);color:var(--muted);display:inline-flex}.legacy label.check{cursor:pointer}.legacy input[type=checkbox],.legacy input[type=radio],.legacy input[type=range]{accent-color:var(--violet-500)}.legacy input[type=checkbox]{width:16px;height:16px}.legacy input[type=number],.legacy select{font:inherit;font-weight:var(--weight-medium);height:var(--control-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow-inset);color:var(--strong);transition:border-color var(--dur-fast) var(--ease-out)}.legacy input[type=number]{width:76px;font-family:var(--font-mono)}.legacy input[type=number]:hover,.legacy select:hover{border-color:var(--border-strong)}.legacy input[type=range]{width:140px}.legacy button{font:inherit;font-weight:var(--weight-bold);min-height:var(--control-sm);padding:0 var(--space-5);border-radius:var(--radius-sm);border:1.5px solid var(--btn-border);background:var(--btn);color:var(--strong);box-shadow:0 3px 0 var(--btn-edge);cursor:pointer;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);line-height:1}.legacy button:hover:not(:disabled){background:var(--btn-hover)}.legacy button:active:not(:disabled){box-shadow:0 1px 0 var(--btn-edge);transform:translateY(2px)}.legacy button.primary{background:var(--action-primary);color:var(--text-on-accent);--btn-edge:var(--action-primary-edge);border-color:#0000}.legacy button.primary:hover:not(:disabled){background:var(--action-primary-hover)}.legacy button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.legacy :is(button,select,input,summary):focus-visible{box-shadow:0 0 0 3px var(--ring-gap), 0 0 0 5px var(--violet-500);outline:none}.legacy .row{align-items:center;gap:var(--space-5);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.error{color:var(--wrong);font-size:13px}.small{font-size:var(--size-caption);line-height:var(--lh-caption)}.legacy .mono{font-family:var(--font-mono);font-size:var(--size-caption)}.legacy .hint{color:var(--muted);margin:var(--space-1) 0 var(--space-3);font-size:13px}.live{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;display:grid}.note-display{text-align:center}.note-name{font-family:var(--font-display);font-size:84px;font-weight:var(--weight-regular);letter-spacing:var(--tracking-display);color:var(--strong);min-height:84px;transition:color var(--dur-fast) var(--ease-out);line-height:1}.note-display.tone-good .note-name{color:var(--ok)}.note-display.tone-near .note-name{color:var(--near)}.note-display.tone-off .note-name{color:var(--wrong)}.note-sub{color:var(--muted);min-height:18px;font-size:13px}.cents{margin-top:var(--space-4)}.cents-scale{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--wrong) 0 30%, var(--near) 30% 45%, var(--ok) 45% 55%, var(--near) 55% 70%, var(--wrong) 70% 100%);opacity:.8;height:12px;position:relative}.cents-center{background:var(--strong);width:2px;height:18px;position:absolute;top:-3px;left:50%;transform:translate(-1px)}.cents-needle{border-radius:var(--radius-pill);background:var(--strong);width:6px;height:24px;box-shadow:0 0 0 2px var(--panel);transition:left 90ms linear;position:absolute;top:-6px;transform:translate(-3px)}.cents-text{font-family:var(--font-mono);font-size:var(--size-caption);color:var(--muted);min-height:16px;margin-top:var(--space-2)}.level{margin-top:var(--space-4);background:var(--sunken);height:8px;box-shadow:var(--shadow-inset);border-radius:var(--radius-pill);position:relative}.level-bar{border-radius:var(--radius-pill);background:var(--played);height:100%}.level.gated .level-bar{background:var(--subtle)}.level-gate{background:var(--accent);width:2px;height:14px;position:absolute;top:-3px;transform:translate(-1px)}.level-text{font-family:var(--font-mono);font-size:var(--size-overline);color:var(--muted);min-height:14px;margin-top:var(--space-2)}.notation{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;min-height:186px;display:flex}.staff{flex:none;width:300px;height:180px}.staff-line,.ledger{stroke:var(--text);stroke-width:1px}.clef,.accidental,.note-label{fill:var(--text)}.note-label,.staff-caption,.score-caption,.key-name{font-family:var(--font-ui)}.staff-caption{fill:var(--muted)}.note .head{fill:var(--played)}.note .stem{stroke:var(--played);stroke-width:1.5px}.note-target .head{fill:var(--target);fill-opacity:.35;stroke:var(--target);stroke-width:1.5px}.note-target .stem{stroke:var(--target)}.note-ok .head{fill:var(--ok)}.note-ok .stem{stroke:var(--ok)}.note-wrong .head{fill:var(--wrong)}.note-wrong .stem{stroke:var(--wrong)}.fingering-panel{gap:var(--space-5);flex-wrap:wrap;align-items:flex-start;display:flex}.valve-diagram{text-align:center;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--sunken)}.valve-title{font-size:var(--size-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--subtle);margin-bottom:var(--space-2)}.valve-label{font-family:var(--font-display);font-weight:var(--weight-regular);font-size:var(--size-title);color:var(--strong)}.valve-diagram .key{fill:var(--panel);stroke:var(--text);stroke-width:1.5px}.valve-diagram .key.pressed{fill:var(--played);stroke:var(--played)}.valve-diagram.tone-target .key.pressed{fill:var(--target);stroke:var(--target)}.valve-diagram.tone-ok .key.pressed{fill:var(--ok);stroke:var(--ok)}.valve-diagram.tone-wrong .key.pressed{fill:var(--wrong);stroke:var(--wrong)}.valve-diagram .key-label{font-family:var(--font-ui);font-weight:var(--weight-bold);fill:var(--text);pointer-events:none}.valve-diagram .key.pressed+.key-label{fill:#fff}.valve-diagram g:has(.key.pressed) .key-label{fill:#fff}.string-diagram .string-line{stroke:var(--muted)}.string-diagram .string-line.on{stroke:var(--text)}.string-diagram .string-nut{stroke:var(--text);stroke-width:3px;stroke-linecap:round}.string-position{font-size:var(--size-caption);color:var(--muted)}.alts{font-size:var(--size-caption);color:var(--muted);align-self:center}.keyboard-panel{flex:400px;min-width:300px}.keyboard{width:100%;height:auto}.keyboard .white{fill:var(--key-fill);stroke:var(--key-line);stroke-width:.6px}.keyboard .black{fill:var(--key-black);stroke:var(--ink-900);stroke-width:.5px}.keyboard .played{fill:var(--played)}.keyboard .target{fill:var(--target);fill-opacity:.6}.keyboard .ok{fill:var(--ok)}.keyboard .wrong{fill:var(--wrong)}.keyboard .key-name{fill:var(--muted)}.keyboard-caption{color:var(--muted);margin-top:var(--space-2);font-size:13px}.feedback{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:var(--size-body);line-height:var(--lh-body);font-weight:var(--weight-semibold);color:var(--strong);border:1.5px solid var(--border);background:var(--sunken);min-height:64px;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);grid-column:1/-1;align-items:center;display:flex}.feedback.tone-ok{background:color-mix(in srgb, var(--ok) 14%, transparent);border-color:var(--ok)}.feedback.tone-near{background:color-mix(in srgb, var(--near) 14%, transparent);border-color:var(--near)}.feedback.tone-wrong{background:color-mix(in srgb, var(--wrong) 14%, transparent);border-color:var(--wrong)}.feedback.tone-target{background:color-mix(in srgb, var(--played) 8%, transparent);border-color:var(--played)}.feedback.tone-idle{color:var(--muted);font-weight:var(--weight-regular)}.feedback>span:first-child{flex:1}.next-up{margin-left:var(--space-5);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:13px;font-weight:var(--weight-semibold);white-space:nowrap;flex:none}.beat-row{min-height:28px}.beats{gap:var(--space-3);display:flex}.beat-dot{border:2px solid var(--grid);border-radius:50%;width:16px;height:16px;transition:background 40ms}.beat-dot.accent{border-color:var(--strong)}.beat-dot.on{background:var(--played);border-color:var(--played)}.progress{color:var(--muted);flex:1;align-items:center;min-height:34px;font-size:13px;display:flex}.pass-count{min-width:52px;font-family:var(--font-mono)}.file-label input[type=file]{font-size:var(--size-caption);max-width:220px}.file-label input[type=file]::file-selector-button{font:inherit;font-weight:var(--weight-bold);margin-right:var(--space-3);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1.5px solid var(--btn-border);background:var(--btn);color:var(--strong);cursor:pointer}.results-wrap{max-height:300px;margin-top:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);overflow-y:auto}.results{border-collapse:collapse;width:100%;font-size:13px}.results thead th{background:var(--panel);font-size:var(--size-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--subtle);position:sticky;top:0}.results th,.results td{padding:var(--space-2) var(--space-4);text-align:left;border-bottom:1px solid var(--border)}.results tr.g-good td:nth-child(3){color:var(--ok)}.results tr.g-late td:nth-child(3),.results tr.g-late td:nth-child(5){color:var(--near)}.results tr.g-wrong td:nth-child(3){color:var(--wrong)}.results tr.g-missed td:nth-child(3){color:var(--muted)}.timeline{background:var(--sunken);height:6px;box-shadow:var(--shadow-inset);border-radius:var(--radius-pill);margin:var(--space-3) 0 var(--space-2);overflow:hidden}.timeline-fill{border-radius:var(--radius-pill);background:var(--played);height:100%}.legend{gap:var(--space-4);font-size:var(--size-overline);font-weight:var(--weight-semibold);color:var(--muted);margin:var(--space-2) 0 var(--space-3);flex-wrap:wrap;display:flex}.legend span:before{content:"";width:8px;height:8px;margin-right:var(--space-2);background:currentColor;border-radius:50%;display:inline-block}.legend .l-good{color:var(--ok)}.legend .l-late{color:var(--near)}.legend .l-wrong{color:var(--wrong)}.legend .l-missed{color:var(--muted)}.beat-strip{gap:var(--space-2);max-height:104px;margin-bottom:var(--space-3);flex-wrap:wrap;display:flex;overflow-y:auto}.beat-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--sunken);display:inline-flex}.beat-bar.now{border-color:var(--played)}.beat-bar-num{font-family:var(--font-mono);font-size:var(--size-overline);color:var(--subtle);min-width:2ch}.beat-bar-dots{gap:3px;display:inline-flex}.pulse-dot{border:1.5px solid var(--grid);background:0 0;border-radius:50%;width:12px;height:12px}.pulse-dot.g-good{background:var(--ok);border-color:var(--ok)}.pulse-dot.g-late{background:var(--near);border-color:var(--near)}.pulse-dot.g-wrong{background:var(--wrong);border-color:var(--wrong)}.pulse-dot.g-missed{border-color:var(--muted);border-style:dashed}.pulse-dot.current{box-shadow:0 0 0 2px var(--panel), 0 0 0 4px var(--played)}.falling-wrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);margin-bottom:var(--space-3);overflow:hidden}.falling{width:100%;height:380px;display:block}.score-wrap{border:1px solid var(--border);border-radius:var(--radius-md);max-height:380px;margin-bottom:var(--space-3);--text:var(--ink-900);--muted:var(--ink-600);--panel:var(--paper-50);--played:var(--violet-500);--ok:var(--pitch-in-tune);--near:var(--pitch-close);--wrong:var(--pitch-off);--accent:var(--brass-500);background:var(--paper-50);overflow-y:auto}.score{width:100%;height:auto;display:block}.score .barline{stroke:var(--text);stroke-width:1px}.score .fingering{fill:var(--brass-700);font-family:var(--font-mono)}.mini-valves .key{fill:none;stroke:var(--brass-700);stroke-width:1.3px}.mini-valves .key.down{fill:var(--brass-700)}.score .slur{fill:none;stroke:var(--text);stroke-width:1.6px;stroke-linecap:round}.score .articulation{fill:var(--text)}.score .dynamic{fill:var(--text);font-family:var(--font-display)}.score .score-text{fill:var(--text)}.score .hairpin line{stroke:var(--text);stroke-width:1.3px;stroke-linecap:round}.score .timesig text{fill:var(--text);font-family:var(--font-display);font-weight:var(--weight-regular)}.score-caption{fill:var(--muted)}.score .ev .head{fill:var(--text)}.score .ev .head.hollow{fill:var(--panel);stroke:var(--text);stroke-width:1.6px}.head-x line,.head-x circle{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round}.score .ev .head-x{color:var(--text)}.score .ev[class*=g-] .head-x{color:var(--g)}.note .head-x{color:var(--played)}.note-target .head-x{color:var(--target)}.note-ok .head-x{color:var(--ok)}.note-wrong .head-x{color:var(--wrong)}.score .ev .stem,.score .ev .rest-stem{stroke:var(--text);stroke-width:1.4px}.score .ev .flag,.score .ev .rest,.score .ev .dot{fill:var(--text)}.score .ev .tie{fill:none;stroke:var(--text);stroke-width:1.3px}.score .ev.g-good{--g:var(--ok)}.score .ev.g-late{--g:var(--near)}.score .ev.g-wrong{--g:var(--wrong)}.score .ev.g-missed{--g:var(--muted)}.score .ev[class*=g-] .head,.score .ev[class*=g-] .flag,.score .ev[class*=g-] .dot{fill:var(--g)}.score .ev[class*=g-] .head.hollow{fill:var(--panel);stroke:var(--g)}.score .ev[class*=g-] .stem,.score .ev[class*=g-] .tie{stroke:var(--g)}.score-toolbar{align-items:center;gap:var(--space-4);margin:var(--space-3) 0 var(--space-2);flex-wrap:wrap;display:flex}.tools{border-radius:var(--radius-md);background:var(--sunken);box-shadow:var(--shadow-inset);gap:2px;padding:3px;display:inline-flex}.legacy button.tool{border-radius:var(--radius-sm);min-height:28px;padding:0 var(--space-4);font-size:13px;font-weight:var(--weight-semibold);color:var(--muted);box-shadow:none;background:0 0;border:0}.legacy button.tool:hover:not(:disabled){background:var(--btn-hover);color:var(--strong)}.legacy button.tool:active:not(:disabled){box-shadow:none;transform:none}.legacy button.tool.active,.legacy button.tool.active:hover{background:var(--action-primary);color:var(--text-on-accent)}.score.tool-playhead{cursor:ew-resize}.score.dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.score .measure.clickable{cursor:col-resize}.score .note-hit{fill:#0000;cursor:pointer}.score .ev:has(.note-hit:hover) .head{fill:var(--played)}.score .ev:has(.note-hit:hover) .head.hollow{fill:var(--panel);stroke:var(--played)}.score .ev.flash .head{fill:var(--played)}.score .ev.flash .stem,.score .ev.flash .tie{stroke:var(--played)}.score .hit{fill:#0000}.score .measure.clickable:hover .hit{fill:var(--text);fill-opacity:.05}.score .loop-bg{fill:var(--played);fill-opacity:.1}.score .loop-bracket{fill:none;stroke:var(--played);stroke-width:1.6px}.score .measure-bg{fill:var(--played);fill-opacity:.05}.score .current-bg{fill:var(--played);fill-opacity:.14}.score .playhead line{stroke:var(--played);stroke-width:3px}.coach-summary,.last-note{min-height:96px;max-height:128px;margin:var(--space-3) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in srgb, var(--played) 6%, transparent);overflow-y:auto}.last-note{grid-column:1/-1}.coach-title{font-size:var(--size-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--subtle);margin-bottom:var(--space-2)}.coach-summary ul,.last-note ul{font-size:var(--size-small);margin:0;padding-left:18px}.coach-summary li,.last-note li{margin:var(--space-1) 0}.coach-cell{font-size:var(--size-caption);max-width:420px}.sev-good{color:var(--ok)}.sev-info{color:var(--muted)}.sev-warn{color:var(--near)}.sev-fix{color:var(--wrong)}.canvas-label{font-size:var(--size-overline);font-weight:var(--weight-bold);letter-spacing:var(--tracking-overline);text-transform:uppercase;color:var(--subtle);margin:var(--space-5) 0 var(--space-2)}.viz{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:none;display:block}.viz.trace{height:200px}.viz.level{height:110px}.viz.spectrum{height:180px}.viz.wave{height:90px}@media (width<=720px){main,.panel{padding:var(--space-5)}.live{grid-template-columns:1fr}.note-name{font-size:64px}}.rib-times{border:1px solid var(--line);background:var(--panel);height:28px;color:var(--text);border-radius:6px;padding:0 2px;font-size:12px}.artic-glyph{font-size:15px;font-weight:700;line-height:1}.dyn-glyph{font-family:var(--font-display);font-size:13px;font-style:italic;font-weight:700;line-height:1}.sheet{--text:var(--ink-900);--muted:var(--ink-600);--panel:var(--paper-50);--accent:var(--brass-500);background:var(--paper-50);color:var(--ink-900);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md)}.sheet-head{text-align:center;margin-bottom:var(--space-3)}.sheet-head h1{font-family:var(--font-display);margin:0;font-size:22px}.sheet-sub{color:var(--ink-600);margin:2px 0 0;font-size:13px}.sheet-system{break-inside:avoid;page-break-inside:avoid;width:100%;height:auto;display:block}.sheet-footer{margin-top:var(--space-4);padding-top:var(--space-2);border-top:1px solid var(--border);color:var(--ink-600);font-size:12px}@media print{@page{margin:14mm 12mm}body *{visibility:hidden}.sheet,.sheet *{visibility:visible}.sheet{color:#000;--text:#000;--muted:#444;--panel:#fff;--border:#999;--accent:#000;background:#fff;border:0;border-radius:0;width:100%;padding:0;position:absolute;inset:0 auto auto 0}.score-wrap{border:0;max-height:none;overflow:visible}}.print-bar{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.print-opts{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.print-opts label{align-items:center;gap:var(--space-2);white-space:nowrap;font-size:13px;display:flex}.print-opts input[type=text]{min-width:220px;padding:6px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text);font:inherit}.adapt-note{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border-left:2px solid var(--amber-300,var(--accent));border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, var(--accent) 8%, transparent)}.adapt-note ul{margin:6px 0 0;padding-left:18px;font-size:13px;line-height:1.5}.score .annotation path{fill:none;stroke:var(--ink-600);stroke-width:1.1px}.score .annotation text{fill:var(--ink-600)}.score .annotation.s-band path{stroke:var(--accent);stroke-width:1.5px}.score .annotation.s-band text{fill:var(--accent);font-weight:600}.score .annotation.active path,.score .annotation.active text{stroke:var(--played);fill:var(--played)}.score .annotation.active path{fill:none}.score .annotation.clickable{cursor:pointer}.score.tool-note .measure.clickable{cursor:crosshair}.annot-list{margin:var(--space-2) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.annot{padding:var(--space-2) var(--space-3);border-left:2px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:color-mix(in srgb, currentColor 5%, transparent)}.annot.band{border-left-color:var(--accent)}.annot.active{border-left-color:var(--played)}.annot-head{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.annot-bars{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.annot-tag{color:var(--accent);font-size:12px;font-weight:600}.annot-text{margin-top:2px;font-size:14px;line-height:1.45}.annot-acts{margin-top:var(--space-2);flex-wrap:wrap;gap:6px;display:flex}.annot-editor{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);gap:var(--space-2);display:grid}.annot-editor textarea{resize:vertical;width:100%;font:inherit;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel);color:var(--text)}.br-icon{flex-shrink:0;display:block}.br-plain{--br-bg:transparent;--br-sh:none;appearance:none;background:var(--br-bg);min-height:0;box-shadow:var(--br-sh);color:inherit;font:inherit;line-height:inherit;text-align:inherit;white-space:normal;cursor:pointer;opacity:1;border:0;border-radius:0;outline:none;margin:0;padding:0;transition:none;transform:none}.br-plain:hover:not(:disabled),.br-plain:active:not(:disabled){background:var(--br-bg);box-shadow:var(--br-sh);transform:none}.br-plain:focus-visible:not(:disabled){box-shadow:var(--focus-ring)}.br-tactile{--br-edge-up:0 0 0 transparent;--br-edge-down:0 0 0 transparent;--br-press-y:0px;appearance:none;box-sizing:border-box;border:1.5px solid var(--br-border);background:var(--br-bg);min-height:0;color:var(--br-fg);box-shadow:var(--br-edge-up);opacity:1;cursor:pointer;font-family:var(--font-ui);white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:none;margin:0;font-weight:700;line-height:1;transform:none}.br-tactile:hover:not(:disabled){background:var(--br-bg-h)}.br-tactile:active:not(:disabled){background:var(--br-bg-h);box-shadow:var(--br-edge-down);transform:translateY(var(--br-press-y))}.br-tactile:focus-visible:not(:disabled){box-shadow:var(--br-edge-up), var(--focus-ring)}.br-tactile:focus-visible:active:not(:disabled){box-shadow:var(--br-edge-down), var(--focus-ring)}.br-tactile:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.br-btn{justify-content:center;align-items:center;display:inline-flex}.br-btn--sm{border-radius:var(--radius-sm);gap:6px;height:32px;padding:0 12px;font-size:13px}.br-btn--md{border-radius:var(--radius-md);gap:8px;height:40px;padding:0 16px;font-size:15px}.br-btn--lg{border-radius:var(--radius-md);gap:10px;height:52px;padding:0 22px;font-size:17px}.br-btn--full{width:100%}.br-btn--primary{--br-bg:var(--violet-500);--br-bg-h:var(--violet-600);--br-fg:#fff;--br-border:transparent;--br-edge-up:0 3px 0 var(--violet-800);--br-edge-down:0 1px 0 var(--violet-800);--br-press-y:2px}.br-btn--secondary{--br-bg:var(--paper-50);--br-bg-h:var(--surface-raised);--br-fg:var(--ink-900);--br-border:var(--paper-300);--br-edge-up:0 3px 0 var(--paper-400);--br-edge-down:0 1px 0 var(--paper-400);--br-press-y:2px}.br-btn--brass{--br-bg:var(--brass-300);--br-bg-h:var(--brass-200);--br-fg:var(--ink-900);--br-border:transparent;--br-edge-up:0 3px 0 var(--brass-700);--br-edge-down:0 1px 0 var(--brass-700);--br-press-y:2px}.br-btn--danger{--br-bg:var(--curtain-500);--br-bg-h:var(--curtain-700);--br-fg:#fff;--br-border:transparent;--br-edge-up:0 3px 0 var(--curtain-700);--br-edge-down:0 1px 0 var(--curtain-700);--br-press-y:2px}.br-btn--ghost{--br-bg:transparent;--br-bg-h:var(--paper-200);--br-fg:var(--violet-600);--br-border:transparent}.br-btn--stage{--br-bg:rgb(var(--overlay-rgb) / .08);--br-bg-h:rgb(var(--overlay-rgb) / .14);--br-fg:var(--text-strong);--br-border:rgb(var(--overlay-rgb) / .18)}.br-iconbtn{border-radius:var(--radius-sm);transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-shrink:0;place-items:center;padding:0;display:inline-grid}.br-iconbtn--sm{width:32px;height:32px}.br-iconbtn--md{width:40px;height:40px}.br-iconbtn--lg{border-radius:var(--radius-md);width:52px;height:52px}.br-iconbtn--xl{border-radius:var(--radius-md);width:72px;height:72px}.br-iconbtn--round{border-radius:var(--radius-pill)}.br-iconbtn--primary{--br-bg:var(--violet-500);--br-bg-h:var(--violet-600);--br-fg:#fff;--br-border:transparent;--br-edge-up:0 3px 0 var(--violet-800);--br-edge-down:0 1px 0 var(--violet-800);--br-press-y:2px}.br-iconbtn--secondary{--br-bg:var(--paper-50);--br-bg-h:var(--surface-raised);--br-fg:var(--ink-800);--br-border:var(--paper-300);--br-edge-up:0 3px 0 var(--paper-400);--br-edge-down:0 1px 0 var(--paper-400);--br-press-y:2px}.br-iconbtn--ghost{--br-bg:transparent;--br-bg-h:var(--paper-200);--br-fg:var(--ink-700);--br-border:transparent}.br-iconbtn--stage{--br-bg:rgb(var(--overlay-rgb) / .08);--br-bg-h:rgb(var(--overlay-rgb) / .16);--br-fg:var(--text-strong);--br-border:rgb(var(--overlay-rgb) / .18)}.br-iconbtn--record{--br-bg:var(--curtain-500);--br-bg-h:var(--curtain-700);--br-fg:#fff;--br-border:transparent;--br-edge-up:0 3px 0 var(--curtain-700);--br-edge-down:0 1px 0 var(--curtain-700);--br-press-y:2px}.br-badge{box-sizing:border-box;border-radius:var(--radius-pill);background:var(--br-badge-bg);height:22px;color:var(--br-badge-fg);font-family:var(--font-ui);white-space:nowrap;align-items:center;gap:4px;padding:0 8px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.br-badge--sm{height:18px;padding:0 6px;font-size:11px}.br-badge--solid{background:var(--br-badge-solid);color:#fff}.br-badge--neutral{--br-badge-bg:var(--paper-200);--br-badge-fg:var(--ink-700);--br-badge-solid:var(--ink-700)}.br-badge--accent{--br-badge-bg:var(--violet-100);--br-badge-fg:var(--violet-700);--br-badge-solid:var(--violet-500)}.br-badge--success{--br-badge-bg:var(--sage-100);--br-badge-fg:var(--sage-700);--br-badge-solid:var(--sage-500)}.br-badge--warning{--br-badge-bg:var(--amber-100);--br-badge-fg:var(--amber-700);--br-badge-solid:var(--amber-500)}.br-badge--error{--br-badge-bg:var(--curtain-100);--br-badge-fg:var(--curtain-700);--br-badge-solid:var(--curtain-500)}.br-badge--xp{--br-badge-bg:var(--brass-100);--br-badge-fg:var(--brass-700);--br-badge-solid:var(--brass-500)}.br-card{box-sizing:border-box;border-radius:var(--radius-lg);border:1px solid var(--br-card-b);background:var(--br-card-bg);color:var(--br-card-fg);box-shadow:var(--br-card-sh);transition:box-shadow var(--dur-base) var(--ease-out), transform var(--dur-base) var(--ease-out);outline:none}.br-card--default{--br-card-bg:var(--surface-card);--br-card-b:var(--border-default);--br-card-sh:var(--shadow-1);--br-card-fg:var(--text-body)}.br-card--raised{--br-card-bg:var(--surface-raised);--br-card-b:var(--border-subtle);--br-card-sh:var(--shadow-2);--br-card-fg:var(--text-body)}.br-card--sunken{--br-card-bg:var(--surface-sunken);--br-card-b:transparent;--br-card-sh:var(--shadow-inset);--br-card-fg:var(--text-body)}.br-card--stage{--br-card-bg:var(--surface-card);--br-card-b:var(--border-default);--br-card-sh:var(--shadow-1);--br-card-fg:var(--text-body)}.br-card--accent{--br-card-bg:var(--violet-500);--br-card-b:transparent;--br-card-sh:0 3px 0 var(--violet-800);--br-card-fg:#fff}.br-card--interactive{cursor:pointer}.br-card--interactive:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.br-card--interactive:focus-visible{box-shadow:var(--br-card-sh), var(--focus-ring)}.br-avatar{flex-shrink:0;display:inline-block;position:relative}.br-avatar__face{box-sizing:border-box;width:100%;height:100%;font-family:var(--font-ui);border-radius:50%;place-items:center;font-weight:700;display:grid;overflow:hidden}.br-avatar__img{object-fit:cover;width:100%;height:100%}.br-avatar__status{border:2px solid var(--paper-50);box-sizing:border-box;background:var(--ink-400);border-radius:50%;position:absolute;bottom:-1px;right:-1px}.br-avatar__status--on{background:var(--sage-500)}.br-tabs{font-family:var(--font-ui)}.br-tabs--underline{border-bottom:1px solid var(--border-default);gap:24px;display:flex}.br-tabs--underline .br-tab{height:44px;color:var(--ink-600);border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;font-size:15px;font-weight:700;display:flex}.br-tabs--underline .br-tab--on{color:var(--ink-900);border-bottom-color:var(--violet-500)}.br-tab__count{background:var(--paper-200);color:var(--ink-600);border-radius:999px;padding:2px 7px;font-size:12px;font-weight:700}.br-tab--on .br-tab__count{background:var(--violet-100);color:var(--violet-700)}.br-tabs--pill{border-radius:var(--radius-md);background:var(--paper-200);box-shadow:var(--shadow-inset);gap:2px;padding:3px;display:inline-flex}.br-tabs--pill .br-tab{height:32px;color:var(--ink-600);border-radius:9px;padding:0 14px;font-size:14px;font-weight:700;line-height:1}.br-tabs--pill .br-tab--on{--br-bg:var(--surface-raised);--br-sh:var(--shadow-1);color:var(--ink-900)}.br-sidenav{width:var(--sidebar-w);box-sizing:border-box;background:var(--paper-200);border-right:1px solid var(--border-default);font-family:var(--font-ui);flex-direction:column;flex-shrink:0;gap:4px;padding:20px 12px;display:flex}.br-sidenav__header{padding:0 8px 16px}.br-sidenav__items{flex-direction:column;gap:4px;display:flex}.br-sidenav__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);padding:16px 10px 6px;font-size:11px;font-weight:700}.br-sidenav__item{border-radius:var(--radius-sm);text-align:left;height:38px;color:var(--ink-700);align-items:center;gap:10px;padding:0 10px;font-size:14px;font-weight:600;line-height:1;display:flex}.br-sidenav__item--on{--br-bg:var(--surface-raised);--br-sh:var(--shadow-1);color:var(--ink-900);font-weight:700}.br-sidenav__label{flex:1}.br-sidenav__count{color:var(--ink-500);font-size:12px;font-weight:700}.br-sidenav__spacer{flex:1}.br-bottomnav{background:var(--surface-card);border-top:1px solid var(--border-default);height:64px;font-family:var(--font-ui);justify-content:space-around;align-items:stretch;display:flex}.br-bottomnav__item{color:var(--ink-500);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.br-bottomnav__item--on{color:var(--violet-600)}.br-bottomnav__pill{background:0 0;border-radius:14px;place-items:center;width:48px;height:28px;display:grid}.br-bottomnav__item--on .br-bottomnav__pill{background:var(--violet-100)}.br-bottomnav__label{font-size:11px;font-weight:700;line-height:1.2}.br-field{font-family:var(--font-ui);color:var(--ink-900);font-size:15px;font-weight:400;display:block}.br-field__label{color:var(--ink-900);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.br-field__hint{color:var(--ink-600);margin-top:6px;font-size:13px;line-height:18px;display:block}.br-field__hint--error{color:var(--curtain-500)}.br-input__box{box-sizing:border-box;border-radius:var(--radius-md);background:var(--surface-raised);border:1.5px solid var(--border-default);height:40px;box-shadow:var(--shadow-inset);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 12px;display:flex}.br-input__box--lg{height:52px}.br-input__box--disabled{background:var(--paper-200)}.br-input__box:focus-within{border-color:var(--violet-500);box-shadow:0 0 0 3px var(--violet-100)}.br-input__box--error,.br-input__box--error:focus-within{border-color:var(--curtain-500)}.br-input__box--error:focus-within{box-shadow:0 0 0 3px var(--curtain-100)}.br-input .br-input__box>input.br-input__el,.br-input .br-input__box>input.br-input__el:hover,.br-input .br-input__box>input.br-input__el:focus-visible{width:auto;min-width:0;height:100%;box-shadow:none;font:inherit;color:var(--ink-900);background:0 0;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:0;font-size:15px}.br-input .br-input__box--lg>input.br-input__el{font-size:17px}.br-input__el::placeholder{color:var(--ink-400)}.br-input__suffix{font-family:var(--font-mono);color:var(--ink-500);font-size:13px}.br-select__wrap{display:block;position:relative}.br-select .br-select__wrap>select.br-select__el{appearance:none;border-radius:var(--radius-md);box-sizing:border-box;border:1.5px solid var(--border-default);width:100%;height:40px;box-shadow:var(--shadow-inset);background:var(--surface-raised);font:inherit;color:var(--ink-900);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);outline:0;margin:0;padding:0 36px 0 12px;font-size:15px;font-weight:400;display:block}.br-select .br-select__wrap>select.br-select__el:focus{border-color:var(--violet-500);box-shadow:0 0 0 3px var(--violet-100)}.br-select .br-select__wrap>select.br-select__el:disabled{background:var(--paper-200);cursor:not-allowed}.br-select__chevron{pointer-events:none;color:var(--ink-500);position:absolute;top:11px;right:12px}.br-field--stage,.br-field--stage .br-field__label{color:var(--text-strong)}.br-field--stage .br-field__hint{color:var(--text-subtle)}.br-field--stage .br-field__hint--error{color:var(--curtain-300)}.br-field--stage .br-input__box,.br-select.br-field--stage .br-select__wrap>select.br-select__el{background:rgb(var(--overlay-rgb) / .08);border-color:rgb(var(--overlay-rgb) / .18);box-shadow:none;color:var(--text-strong)}.br-input.br-field--stage .br-input__box>input.br-input__el{color:var(--text-strong)}.br-field--stage .br-input__box:focus-within,.br-select.br-field--stage .br-select__wrap>select.br-select__el:focus{border-color:var(--violet-300);box-shadow:0 0 0 3px rgb(var(--overlay-rgb) / .14)}.br-field--stage .br-input__box--error{border-color:var(--curtain-300)}.br-field--stage .br-select__chevron,.br-field--stage .br-input__suffix{color:var(--text-subtle)}.br-field--stage .br-select__el option{background:var(--surface-raised);color:var(--text-strong)}.br-check{font-family:var(--font-ui);color:var(--ink-900);cursor:pointer;align-items:flex-start;gap:10px;font-size:15px;font-weight:400;display:flex}.br-check--disabled{cursor:not-allowed;opacity:.5}.br-check__box{box-sizing:border-box;background:var(--surface-raised);border:1.5px solid var(--paper-400);width:22px;height:22px;box-shadow:var(--shadow-inset);color:#fff;transition:background var(--dur-fast) var(--ease-out);border-radius:6px;outline:none;flex-shrink:0;place-items:center;display:grid}.br-check__box--on{background:var(--violet-500);border-color:var(--violet-500);box-shadow:0 2px 0 var(--violet-800)}.br-check__box:focus-visible{box-shadow:var(--shadow-inset), var(--focus-ring)}.br-check__box--on:focus-visible{box-shadow:0 2px 0 var(--violet-800), var(--focus-ring)}.br-check__text{padding-top:1px}.br-check__label{color:var(--ink-900);font-size:15px;font-weight:600;line-height:20px;display:block}.br-check__desc{color:var(--ink-600);margin-top:2px;font-size:13px;line-height:18px;display:block}.br-switch{font-family:var(--font-ui);color:var(--ink-900);cursor:pointer;align-items:center;gap:10px;font-size:15px;font-weight:600;display:inline-flex}.br-switch--stage{color:var(--text-strong)}.br-switch--disabled{cursor:not-allowed;opacity:.5}.br-switch__track{background:var(--paper-300);width:44px;height:26px;box-shadow:var(--shadow-inset);transition:background var(--dur-base) var(--ease-out);border-radius:13px;outline:none;flex-shrink:0;position:relative}.br-switch--stage .br-switch__track{background:rgb(var(--overlay-rgb) / .2)}.br-switch .br-switch__track--on{background:var(--violet-500)}.br-switch__track:focus-visible{box-shadow:var(--shadow-inset), var(--focus-ring)}.br-switch__thumb{width:20px;height:20px;transition:transform var(--dur-base) var(--ease-spring);background:#fff;border-radius:10px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #1d19224d}.br-switch__track--on .br-switch__thumb{transform:translate(18px)}.br-toast{box-sizing:border-box;border-radius:var(--radius-md);background:var(--ink-900);width:100%;max-width:380px;color:var(--paper-50);box-shadow:var(--shadow-3);font-family:var(--font-ui);align-items:flex-start;gap:12px;padding:14px 14px 14px 16px;display:flex}.br-toast__icon{margin-top:1px}.br-toast__body{flex:1;min-width:0}.br-toast__title{font-size:15px;font-weight:700;line-height:20px}.br-toast__msg{color:var(--ink-400);font-size:14px;line-height:20px}.br-toast__msg--sub{margin-top:2px}.br-toast .br-toast__action{border-radius:var(--radius-xs);padding:2px 4px;font-size:14px;font-weight:700;line-height:20px}.br-toast .br-toast__close{color:var(--ink-400);border-radius:var(--radius-xs)}.br-progress{font-family:var(--font-ui)}.br-progress__head{color:var(--ink-800);justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.br-progress--stage .br-progress__head{color:var(--text-strong)}.br-progress__value{font-family:var(--font-mono);font-weight:500}.br-progress__track{background:var(--paper-200);box-shadow:var(--shadow-inset);overflow:hidden}.br-progress--stage .br-progress__track{background:rgb(var(--overlay-rgb) / .14)}.br-progress__fill{background:var(--br-progress-c,var(--violet-500));height:100%;transition:width var(--dur-slow) var(--ease-out)}.br-progress--accent{--br-progress-c:var(--violet-500)}.br-progress--success{--br-progress-c:var(--sage-500)}.br-progress--xp{--br-progress-c:var(--brass-500)}.br-progress--warning{--br-progress-c:var(--amber-500)}.br-progress--error{--br-progress-c:var(--curtain-500)}.br-xp{font-family:var(--font-ui);align-items:center;gap:12px;display:flex}.br-xp__medal{background:var(--brass-300);width:48px;height:48px;box-shadow:inset 0 0 0 3px var(--brass-200), 0 2px 0 var(--brass-700);color:var(--ink-900);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.br-xp__level{font-family:var(--font-display);font-size:22px;line-height:1}.br-xp__main{flex:1;min-width:0}.br-xp__head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.br-xp__title{color:var(--ink-900);font-size:14px;font-weight:700}.br-xp__count{font-family:var(--font-mono);color:var(--ink-600);font-size:12px}.br-xp__track{background:var(--brass-100);height:10px;box-shadow:var(--shadow-inset);border-radius:6px;overflow:hidden}.br-xp__fill{background:linear-gradient(to bottom, var(--brass-300), var(--brass-500));height:100%;transition:width var(--dur-celebrate) var(--ease-spring);border-radius:6px}.br-xp--compact .br-xp__medal{width:36px;height:36px}.br-xp--compact .br-xp__level{font-size:16px}.br-xp--compact .br-xp__title{font-size:13px}.br-xp--compact .br-xp__track{height:8px}.br-streak-chip{box-sizing:border-box;background:var(--amber-100);height:32px;color:var(--amber-700);font-family:var(--font-ui);border-radius:999px;align-items:center;gap:4px;padding:0 12px 0 8px;font-size:15px;font-weight:800;display:inline-flex}.br-streak{font-family:var(--font-ui)}.br-streak__head{align-items:center;gap:10px;display:flex}.br-streak__flame{background:var(--amber-100);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.br-streak__days{font-family:var(--font-display);color:var(--ink-900);font-size:28px;line-height:30px}.br-streak__sub{color:var(--ink-600);font-size:13px}.br-streak__week{gap:6px;margin-top:14px;display:flex}.br-streak__day{text-align:center;flex:1}.br-streak__cell{background:var(--paper-200);color:#fff;border-radius:8px;place-items:center;height:28px;display:grid}.br-streak__cell--on{background:var(--amber-500)}.br-streak__cell--today{box-shadow:inset 0 0 0 2px var(--amber-500)}.br-streak__letter{color:var(--ink-500);margin-top:4px;font-size:11px;font-weight:700}.br-streak__letter--today{color:var(--ink-900)}.br-goal{font-family:var(--font-ui);color:var(--ink-900)}.br-goal--stage{color:var(--text-strong)}.br-goal__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-600);align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.br-goal--stage .br-goal__eyebrow{color:var(--brass-600)}.br-goal__title{font-family:var(--font-display);margin-top:6px;font-size:22px;line-height:28px}.br-goal__track{background:var(--paper-200);height:18px;box-shadow:var(--shadow-inset);border-radius:9px;margin-top:14px;position:relative;overflow:hidden}.br-goal--stage .br-goal__track{background:rgb(var(--overlay-rgb) / .12)}.br-goal__fill{background-color:var(--violet-500);height:100%;transition:width var(--dur-slow) var(--ease-out);background-image:repeating-linear-gradient(-45deg,#ffffff1f 0 6px,#0000 6px 12px);border-radius:9px}.br-goal__foot{color:var(--ink-600);justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.br-goal--stage .br-goal__foot{color:var(--text-subtle)}.br-goal__current{font-family:var(--font-mono);color:var(--ink-900);font-weight:600}.br-goal--stage .br-goal__current{color:var(--text-strong)}.br-stat{box-sizing:border-box;border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-default);box-shadow:var(--shadow-1);font-family:var(--font-ui);padding:16px}.br-stat__label{color:var(--ink-600);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.br-stat__row{align-items:baseline;gap:4px;margin-top:8px;display:flex}.br-stat__value{font-family:var(--font-mono);color:var(--ink-900);letter-spacing:-.02em;font-size:32px;font-weight:500;line-height:36px}.br-stat__unit{color:var(--ink-500);font-size:14px;font-weight:600}.br-stat__delta{color:var(--ink-600);margin-top:4px;font-size:12px;font-weight:700}.br-stat__delta--up{color:var(--sage-700)}.br-pitch{--br-pitch-c:var(--ink-500);font-family:var(--font-ui);text-align:center}.br-pitch--stage{color:var(--text-strong)}.br-pitch--light{color:var(--ink-900)}.br-pitch--in{--br-pitch-c:var(--pitch-in-tune)}.br-pitch--close{--br-pitch-c:var(--pitch-close)}.br-pitch--off{--br-pitch-c:var(--pitch-off)}.br-pitch__note-row{justify-content:center;align-items:baseline;gap:2px;display:flex}.br-pitch__note{font-family:var(--font-display);color:var(--br-pitch-c);transition:color var(--dur-base) var(--ease-out);font-size:64px;line-height:64px}.br-pitch--idle .br-pitch__note{color:inherit}.br-pitch__octave{font-family:var(--font-mono);opacity:.6;font-size:20px}.br-pitch__status{color:var(--br-pitch-c);transition:color var(--dur-base) var(--ease-out);margin-top:4px;font-size:14px;font-weight:700}.br-pitch__sublabel{opacity:.6;margin-top:2px;font-size:13px}.br-pitch__scale{height:40px;margin-top:14px;position:relative}.br-pitch__band{background:linear-gradient(to right, var(--pitch-off) 0%, var(--pitch-close) 30%, var(--pitch-in-tune) 45%, var(--pitch-in-tune) 55%, var(--pitch-close) 70%, var(--pitch-off) 100%);opacity:.3;border-radius:4px;height:8px;position:absolute;top:16px;left:0;right:0}.br-pitch--stage .br-pitch__band{opacity:.35}.br-pitch__tick{background:var(--ink-400);border-radius:1px;width:2px;height:16px;margin-left:-1px;position:absolute;top:12px}.br-pitch__tick--zero{height:28px;top:6px}.br-pitch--stage .br-pitch__tick{background:rgb(var(--overlay-rgb) / .4)}.br-pitch__needle-layer{pointer-events:none;will-change:transform;transition:transform 90ms linear;position:absolute;inset:0}.br-pitch__needle{background:var(--br-pitch-c);width:6px;height:40px;box-shadow:0 0 0 3px var(--paper-50);transition:background var(--dur-base) var(--ease-out);border-radius:3px;margin-left:-3px;position:absolute;top:0;left:0}.br-pitch--stage .br-pitch__needle{box-shadow:0 0 0 3px var(--surface-card)}.br-pitch__ends{letter-spacing:.1em;text-transform:uppercase;opacity:.55;justify-content:space-between;margin-top:4px;font-size:11px;font-weight:700;display:flex}.br-tempo{font-family:var(--font-ui);align-items:center;gap:14px;display:flex}.br-tempo--stage{color:var(--text-strong)}.br-tempo--light{color:var(--ink-900)}.br-tempo__center{text-align:center;min-width:96px}.br-tempo__bpm{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:36px;font-weight:500;line-height:40px}.br-tempo__caption{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:700}.br-tempo__beats{justify-content:center;align-items:center;gap:5px;margin-top:8px;display:flex}.br-tempo__dot{background:var(--paper-300);border-radius:50%;width:8px;height:8px;transition:background 60ms linear}.br-tempo--stage .br-tempo__dot{background:rgb(var(--overlay-rgb) / .2)}.br-tempo__dot--down{width:10px;height:10px}.br-tempo .br-tempo__dot--on{background:var(--violet-300)}.br-tempo .br-tempo__dot--down.br-tempo__dot--on{background:var(--brass-300)}.br-ring{font-family:var(--font-ui);position:relative}.br-ring__svg{display:block;transform:rotate(-90deg)}.br-ring__track{stroke:var(--paper-200)}.br-ring--stage .br-ring__track{stroke:rgb(var(--overlay-rgb) / .12)}.br-ring__arc{transition:stroke-dashoffset var(--dur-celebrate) var(--ease-out)}.br-ring__center{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.br-ring__score{font-family:var(--font-display);color:var(--ink-900);line-height:1}.br-ring--stage .br-ring__score{color:var(--text-strong)}.br-ring__label{color:var(--ink-600);margin-top:4px;font-weight:700}.br-ring--stage .br-ring__label{color:var(--text-subtle)}.br-tl{font-family:var(--font-ui);gap:4px;display:flex}.br-tl__measure{flex:1;min-width:0}.br-tl__measure--click{cursor:pointer}.br-tl__bar{box-sizing:border-box;background:var(--paper-200);border-radius:6px;gap:2px;height:28px;padding:3px;display:flex}.br-tl--stage .br-tl__bar{background:rgb(var(--overlay-rgb) / .06)}.br-tl__measure--current .br-tl__bar{box-shadow:inset 0 0 0 2px var(--violet-400)}.br-tl__note{background:var(--paper-300);border-radius:3px;flex:1}.br-tl--stage .br-tl__note{background:rgb(var(--overlay-rgb) / .14)}.br-tl .br-tl__note--hit{background:var(--pitch-in-tune)}.br-tl .br-tl__note--close{background:var(--pitch-close)}.br-tl .br-tl__note--miss{background:var(--pitch-off)}.br-tl .br-tl__note--early{background:var(--timing-early)}.br-tl .br-tl__note--late{background:var(--timing-late)}.br-tl__num{font-family:var(--font-mono);color:var(--ink-500);margin-top:4px;font-size:11px}.br-tl--stage .br-tl__num{color:var(--text-subtle)}.br-tl .br-tl__measure--current .br-tl__num{color:var(--violet-300);font-weight:600}@media (prefers-reduced-motion:reduce){.br-tactile,.br-card,.br-switch__thumb,.br-progress__fill,.br-xp__fill,.br-goal__fill,.br-ring__arc{transition:none}}body{background:var(--surface-page);color:var(--ink-900);font-family:var(--font-ui);font-size:var(--size-body);line-height:var(--lh-body);margin:0}.br-native-select{font:inherit;height:var(--control-md);border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--paper-50);width:100%;min-width:0;box-shadow:var(--shadow-inset);color:var(--ink-900);cursor:pointer;padding:0 10px;font-size:14px;font-weight:600}.app-topbar .br-native-select{width:auto;max-width:45vw}.br-native-select:focus-visible{box-shadow:var(--focus-ring);outline:none}.legacy .panel{box-shadow:none;background:0 0;border:0;padding:0}.app{min-height:100vh;display:flex}.app-side-wrap{background:var(--paper-200);border-right:1px solid var(--border-default);flex-shrink:0}.app-side{height:100vh;position:sticky;top:0}.app-side .br-sidenav{border-right:0;overflow-y:auto}.app-col{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{z-index:20;background:var(--surface-page);border-bottom:1px solid var(--border-default);align-items:center;gap:10px;padding:12px 20px;display:flex;position:sticky;top:0}.app-bottom{z-index:20;position:sticky;bottom:0}.app-main{width:100%;min-width:0;max-width:var(--content-max);box-sizing:border-box;flex:1;padding:28px 36px 64px}.app-main:has(>[data-screen-label=Exercise\ builder]){max-width:none}@media (width<=1099px){.app-main{padding:24px 28px 48px}}@media (width<=767px){.app-main{padding:20px 20px 32px}}.wordmark{font-family:var(--font-display);color:var(--ink-900);font-size:26px;line-height:1}.nav-foot{border-top:1px solid var(--border-default);flex-direction:column;gap:10px;padding:12px 8px;display:flex}.nav-foot .who{align-items:center;gap:10px;display:flex}.nav-foot .who b{color:var(--ink-900);font-size:14px;display:block}.nav-foot .who span{color:var(--ink-600);font-size:12px}.page{flex-direction:column;gap:20px;display:flex}.page-head{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.page-head>.grow{flex:1;min-width:220px}.page-head .back{margin-bottom:6px;margin-left:-8px}.h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:34px;font-weight:400;line-height:40px}.h1.sub-page{font-size:30px;line-height:36px}.h2{font-family:var(--font-display);margin:0;font-size:22px;font-weight:400;line-height:28px}.sub{color:var(--ink-600);margin-top:2px;font-size:14px}.overline{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);font-size:11px;font-weight:700}.on-stage .overline,.overline.on-stage{color:var(--text-subtle)}.mono{font-family:var(--font-mono)}.muted{color:var(--ink-600)}.small{font-size:13px}.note-line{color:var(--ink-500);font-size:13px}.grid{align-items:start;gap:20px;display:grid}.grid.g-360{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr))}.grid.g-380{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.grid.g-340{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.grid.g-320{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.grid.g-300{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.grid.g-280{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}.grid.g-250{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:16px}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.grid.stretch{align-items:stretch}.stack{flex-direction:column;gap:14px;display:flex}.stack.tight{gap:8px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.between{justify-content:space-between}.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.two>*{min-width:0}.tile-icon{background:var(--violet-50);width:40px;height:40px;color:var(--violet-600);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.tile-icon.lg{width:44px;height:44px}.on-stage .tile-icon{color:var(--violet-200);background:#7a3fe033}.list-head{justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 10px;display:flex}.list-row{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}button.list-row{border:0;border-top:1px solid var(--border-subtle);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0}button.list-row:hover{background:var(--paper-100)}button.list-row.selected{background:var(--violet-50)}button.list-row:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.list-row .grow{flex:1;min-width:0}.list-row .t{font-size:14px;font-weight:700}.list-row .s{color:var(--ink-500);font-size:13px}.list-empty{color:var(--ink-600);border-top:1px solid var(--border-subtle);padding:24px 20px;font-size:14px}.list-foot{border-top:1px solid var(--border-default);padding:14px 20px}.step-num{background:var(--violet-50);width:26px;height:26px;color:var(--violet-700);border-radius:13px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.dot{border-radius:4px;flex-shrink:0;width:8px;height:8px}.hero-staff{background:repeating-linear-gradient(#0000 0 5px,#ffffff38 5px 6px) 0 0/100% 30px no-repeat;height:30px;margin:18px 22px 0}.hero-body{padding:10px 22px 22px}.hero-over{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-100);font-size:11px;font-weight:700}.hero-title{font-family:var(--font-display);margin-top:6px;font-size:26px;line-height:32px}.hero-sub{color:var(--violet-100);margin-top:4px;font-size:14px}.piece-title{font-family:var(--font-display);text-wrap:pretty;font-size:19px;line-height:24px}.piece-foot{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.import-card{border:1.5px dashed var(--border-strong);border-radius:var(--radius-lg);min-height:150px;color:var(--ink-600);flex-direction:column;justify-content:center;align-items:flex-start;gap:10px;padding:20px;font-size:14px;display:flex}.empty{text-align:center;color:var(--ink-600);padding:40px}.tabs-scroll{overflow-x:auto}.tile-title{font-family:var(--font-display);margin-top:14px;font-size:20px;line-height:26px}.tile-desc{color:var(--ink-600);text-wrap:pretty;margin-top:4px;font-size:14px}.step-grid{margin-top:12px;overflow-x:auto}.step-grid-inner{flex-direction:column;gap:2px;display:flex}.step-grid-row{gap:2px;display:grid}.step-grid-row .lab{font-family:var(--font-mono);color:var(--ink-600);align-items:center;font-size:12px;display:flex}.step-grid-row .bar-lab{font-family:var(--font-mono);color:var(--ink-500);font-size:11px}.cell{cursor:pointer;background:var(--paper-100);border:0;border-radius:5px;height:26px;padding:0}.cell.beat{background:var(--paper-200)}.cell.bar{background:var(--paper-300)}.cell:hover{filter:brightness(.96)}.cell.on{background:var(--violet-500);box-shadow:0 2px 0 var(--violet-800)}.cell:focus-visible{box-shadow:var(--focus-ring);outline:none}.score-strip{background:var(--paper-50);border:1px solid var(--border-subtle);color:var(--ink-900);border-radius:12px;overflow-x:auto}.score-strip.on-stage-strip{border:0;border-radius:16px}.score-empty{height:130px;color:var(--ink-500);background:var(--staff-lines);background-position:0 25px;background-repeat:no-repeat;background-size:100% 80px;place-items:center;font-size:14px;display:grid}.chord-row{font-family:var(--font-mono);color:var(--ink-500);gap:0;padding:0 4px 6px;font-size:12px;display:flex}.chord-row span{border-left:1px solid var(--paper-300);flex:1;padding-left:6px}.stage-overlay{z-index:200;background:var(--grain), var(--surface-stage);color:var(--text-strong);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.stage-head{border-bottom:1px solid var(--border-on-stage);flex-wrap:wrap;align-items:center;gap:14px;padding:16px 20px;display:flex}.stage-title{font-family:var(--font-display);font-size:20px;line-height:24px}.stage-detail{color:var(--text-subtle);font-size:13px}.stage-body{box-sizing:border-box;flex:1;width:100%;max-width:1280px;margin:0 auto;padding:24px}@media (width<=767px){.stage-body{padding:16px}}.steps{gap:14px;display:flex}.steps .st{color:var(--ink-500);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.steps .st.now{color:var(--text-strong)}.steps .mark{background:rgb(var(--overlay-rgb) / .1);border-radius:11px;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.steps .st.now .mark{background:var(--violet-500)}.steps .st.done .mark{background:var(--sage-500)}.practice-bar{border:1px solid var(--border-on-stage);background:rgb(var(--overlay-rgb) / .04);border-radius:14px;flex-direction:column;gap:12px;padding:14px 16px;display:flex}.mode-chips{flex-wrap:wrap;gap:8px;display:flex}.mode-chip{border:1.5px solid var(--border-on-stage);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600}.mode-chip.on{border-color:var(--violet-400);background:#7a3fe038}.mode-chip:hover:not(:disabled){border-color:rgb(var(--overlay-rgb) / .3)}.mode-chip:focus-visible{box-shadow:var(--focus-ring);outline:none}.mode-chip:disabled{cursor:default;opacity:.5}.mode-chip.on:disabled{opacity:.85}.practice-bar-row{flex-wrap:wrap;align-items:flex-end;gap:12px 18px;display:flex}.practice-bar-row>.br-switch,.practice-bar-row>.mic-mini,.practice-bar-row>.br-badge{align-self:center}.mic-mini{color:var(--text-subtle);align-items:center;gap:8px;display:flex}.practice-bar-view{gap:8px;min-width:0;margin-left:auto;display:flex}.practice-bar-view .br-select{min-width:150px}.practice-bar-notes{color:var(--text-subtle);flex-direction:column;gap:4px;font-size:13px;display:flex}.practice-bar-notes .warn{color:var(--amber-100)}.practice-bar-notes .adapt-note summary{cursor:pointer;font-weight:600}@media (width<=640px){.practice-bar-view{width:100%;margin-left:0}.practice-bar-view .br-select{flex:1;min-width:0}}.transport{justify-content:center;align-items:center;gap:14px;display:flex}.center-col{flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex}.feedback-line{background:rgb(var(--overlay-rgb) / .06);border:1px solid var(--border-on-stage);border-radius:12px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:12px 16px;font-weight:600;display:flex}.feedback-line.tone-ok{border-color:var(--sage-500);color:var(--sage-700)}.feedback-line.tone-near{border-color:var(--amber-500);color:var(--amber-700)}.feedback-line.tone-wrong{border-color:var(--curtain-300);color:var(--curtain-700)}.feedback-line .next{color:var(--text-subtle);font-family:var(--font-mono);font-weight:500}.stage-paper{background:var(--paper-50);color:var(--ink-900);border-radius:16px;padding:14px}.headline{font-family:var(--font-display);text-wrap:pretty;margin-top:8px;font-size:34px;line-height:40px}.rings{flex-wrap:wrap;gap:20px;margin-top:24px;display:flex}.tips{color:var(--ink-400);flex-direction:column;gap:6px;margin:12px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.tips li:before{content:"·";color:var(--violet-300);margin-right:8px}.toast-dock{z-index:300;width:340px;max-width:calc(100% - 40px);position:fixed;bottom:84px;right:20px}@media (width>=768px){.toast-dock{bottom:24px}}.timeline-row{grid-template-columns:72px minmax(320px,1fr);align-items:center;gap:10px;display:grid}.scroll-x{overflow-x:auto}.hidden-input{display:none}.staff-edit-svg{cursor:crosshair;touch-action:none;color:var(--ink-900);fill:var(--ink-900);display:block}.staff-edit-svg:focus-visible{box-shadow:inset 0 0 0 2px var(--violet-400);border-radius:12px;outline:none}.staff-edit-svg .se-line{stroke:var(--ink-500);stroke-width:1px}.staff-edit-svg .se-bar{stroke:var(--ink-700);stroke-width:1.2px}.staff-edit-svg .se-barnum{fill:var(--ink-500);font-family:var(--font-mono)}.staff-edit-svg .se-clef,.staff-edit-svg .se-keysig{fill:var(--ink-900)}.staff-edit-svg .se-timesig{fill:var(--ink-900);font:700 21px/1 Young Serif,Georgia,serif}.staff-edit-svg .se-stem{stroke:currentColor;stroke-width:1.3px}.staff-edit-svg .se-tie{fill:none;stroke:currentColor;stroke-width:1.2px}.staff-edit-svg ellipse.hollow{fill:var(--paper-50);stroke:currentColor;stroke-width:1.6px}.staff-edit-svg .se-note{cursor:grab}.staff-edit-svg.mode-input .se-note{cursor:crosshair}.staff-edit-svg.mode-select{cursor:default}.staff-edit-svg .se-note.on .se-head-on{fill:var(--violet-800);color:var(--violet-800)}.staff-edit-svg .se-note.on .se-head-on ellipse{stroke:var(--violet-800);stroke-width:1.2px}.staff-editor .mode-toggle{gap:4px;display:flex}.staff-edit-svg .se-note.on,.staff-edit-svg .se-rest.on{color:var(--violet-600);fill:var(--violet-600)}.staff-edit-svg .se-note.on ellipse.hollow{stroke:var(--violet-600)}.staff-edit-svg .se-sel{fill:var(--violet-50)}.staff-edit-svg .se-ghost{fill:var(--violet-300);opacity:.6}.staff-editor .palette{gap:8px 14px}.staff-editor .tool-group,.staff-editor .mode-toggle{flex-wrap:nowrap;gap:4px;display:flex}.staff-editor .palette-hint{color:var(--ink-500);margin-top:8px;font-size:13px}.staff-editor .palette-hint.is-input{color:var(--violet-700);font-weight:600}.staff-editor .palette-spacer{flex:1}.staff-editor .keys-card{background:var(--paper-100);border:1px solid var(--border-subtle);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:10px;padding:14px 16px;font-size:13px;display:grid}.staff-editor .keys-card dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0 0;display:grid}.staff-editor .keys-card dt{font-family:var(--font-mono);color:var(--ink-900);font-weight:600}.staff-editor .keys-card dd{color:var(--ink-700);margin:0}.staff-edit-svg .se-caret{stroke:var(--violet-500);fill:var(--violet-500);stroke-width:2px}.staff-edit-svg .se-caret-plus{stroke:none;font-size:16px;font-weight:700}.staff-edit-svg .se-ghost.add{fill:var(--violet-500);opacity:.8}.staff-edit-svg .se-ghost-label{fill:var(--violet-700);font-size:11px;font-weight:700}.staff-edit-svg .se-slur{fill:none;stroke:currentColor;stroke-width:1.4px}.staff-edit-svg .se-repeat{fill:var(--ink-900);stroke:var(--ink-900);stroke-width:1.2px}.staff-edit-svg .se-final{stroke-width:3.5px}.staff-edit-svg .se-playhead{stroke:var(--violet-500);stroke-width:2.5px;stroke-linecap:round}.score-pages{background:var(--paper-200);color:var(--ink-900);border-radius:12px;padding:16px}.staff-edit-svg.paged{max-width:900px;height:auto;margin:0 auto}.staff-edit-svg .se-page{fill:var(--surface-raised);stroke:var(--paper-400);stroke-width:1px}.staff-edit-svg .se-title{font-family:var(--font-display);fill:var(--ink-900);font-size:26px}.staff-edit-svg .se-meta{fill:var(--ink-700);font-size:13px}.view-tabs{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.account{flex-direction:column;gap:8px;display:flex}.account .who{align-items:center;gap:10px;display:flex}.account .who b{color:var(--ink-900);font-size:14px;display:block}.account .who span{color:var(--ink-600);font-size:12px}.account .sign-in{flex-direction:column;gap:6px;display:flex}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.analysis-drawer{z-index:250;background:var(--surface-page);width:min(560px,100vw);color:var(--text-body);border-left:1px solid var(--border-default);box-shadow:none;flex-direction:column;transition:transform .22s,box-shadow .22s;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}[data-stage-full] .analysis-drawer{display:none}.analysis-drawer.open{box-shadow:var(--shadow-2);transform:none}.analysis-tab{writing-mode:vertical-rl;border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);font:inherit;letter-spacing:.04em;cursor:pointer;box-shadow:var(--shadow-1);border-right:none;border-radius:10px 0 0 10px;flex-direction:column;align-items:center;gap:6px;padding:12px 7px;font-size:13px;font-weight:700;display:flex;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.analysis-tab svg{writing-mode:horizontal-tb}.analysis-tab:hover{background:var(--surface-raised);color:var(--violet-600)}.analysis-drawer-head{border-bottom:1px solid var(--border-default);align-items:center;gap:10px;padding:16px 16px 12px 20px;display:flex}.analysis-drawer-body{flex:1;padding:16px 20px 24px;overflow:auto}@media (prefers-reduced-motion:reduce){.analysis-drawer{transition:none}}.palette .len-glyph{margin:0 2px;display:block}.transport{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.transport-pos{min-width:84px;color:var(--ink-500);font-size:13px}.signin-page{box-sizing:border-box;background:var(--grain), var(--surface-page);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.signin-col{flex-direction:column;gap:20px;width:min(100%,440px);display:flex}.signin-mark{text-align:center;font-size:34px}.signin-card{overflow:hidden}.signin-staff{background:var(--surface-accent);background-image:repeating-linear-gradient(#0000 0 7px,#ffffff38 7px 8px);background-position:0 6px;background-repeat:no-repeat;background-size:100% 40px;height:48px}.signin-body{flex-direction:column;gap:14px;padding:24px 28px 28px;display:flex}.signin-lede{margin:-4px 0 6px;font-size:15px}.signin-error{border-radius:var(--radius-md);background:var(--feedback-warning-soft);color:var(--amber-700);align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.signin-dev{border-radius:var(--radius-md);border:1.5px dashed var(--border-strong);flex-direction:column;gap:10px;padding:14px;display:flex}.signin-or{color:var(--ink-500);align-items:center;gap:12px;font-size:13px;display:flex}.signin-or:before,.signin-or:after{content:"";background:var(--border-default);flex:1;height:1px}.signin-foot{text-align:center;margin:0}.builder-body{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.builder-body.with-setup{grid-template-columns:minmax(0,1fr) 300px}@media (width<=900px){.builder-body.with-setup{grid-template-columns:minmax(0,1fr)}}.setup-panel{position:sticky;top:16px}.ribbon{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:stretch;gap:6px 0;margin-top:12px;padding:6px 0 2px;display:flex}.rib-group{border-right:1px solid var(--border-subtle);flex-direction:column;align-items:center;gap:4px;padding:2px 10px;display:flex}.rib-group:last-child{border-right:0;margin-left:auto}.rib-btns{flex-wrap:nowrap;align-items:center;gap:4px;display:flex}.rib-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-500);font-size:10px;font-weight:700}.rib-count{text-align:center;min-width:28px;color:var(--ink-700);font-size:13px}.rib-loop{align-items:center;gap:4px;display:inline-flex}.rib-loop .br-field{width:78px}.staff-edit-svg .se-brace{fill:none;stroke:var(--ink-900);stroke-width:2.5px;stroke-linecap:round}.staff-edit-svg .se-staff-on .se-clef{fill:var(--violet-600)}.staff-edit-svg .se-addbar{cursor:pointer}.staff-edit-svg .se-addbar rect{fill:#0000;stroke:var(--paper-400);stroke-dasharray:4 3}.staff-edit-svg .se-addbar text{fill:var(--ink-500);font-size:20px;font-weight:700}.staff-edit-svg .se-addbar:hover rect{fill:var(--violet-50);stroke:var(--violet-400)}.staff-edit-svg .se-addbar:hover text{fill:var(--violet-600)}.kit-pads{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.piano-keys{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:10px;margin-top:10px;padding:6px 6px 8px;overflow-x:auto}.piano-keys-inner{height:92px;margin:0 auto;position:relative}.pk{cursor:pointer;border:0;padding:0;position:absolute;top:0}.pk.white{background:#fffdf8;border-right:1px solid #c2b49b;border-radius:0 0 4px 4px;justify-content:center;align-items:flex-end;height:92px;display:flex}.pk.black{z-index:1;background:#1d1922;border-radius:0 0 3px 3px;height:56px;box-shadow:inset 0 -3px #ffffff1f}.pk.white:hover{background:var(--violet-50)}.pk.black:hover{background:#433c49}.pk.lit{background:var(--violet-500)}.pk.white.lit .pk-label{color:#fff}.pk-label{color:#7c7381;margin-bottom:4px;font-size:9px;font-weight:700}.status-bar{background:var(--paper-100);border:1px solid var(--border-subtle);color:var(--ink-700);border-radius:8px;flex-wrap:wrap;gap:0;margin-top:8px;font-size:12px;display:flex}.status-bar span{border-right:1px solid var(--border-subtle);padding:5px 12px}.status-bar span:last-child{border-right:0}.status-bar span.on{color:var(--violet-700);font-weight:700}.dialog-scrim{z-index:250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1d192273;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow:auto}.dialog-card{width:min(100%,560px);box-shadow:var(--shadow-3);border-radius:var(--radius-xl)}.scan-dialog{width:min(100%,720px)}.scan-thumbs{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.scan-thumb{flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.scan-thumb img,.scan-thumb-file{aspect-ratio:3/4;object-fit:cover;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-sunken);width:100%}.scan-thumb-file{color:var(--ink-500);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.scan-thumb-name{color:var(--ink-600);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.scan-thumb-x{position:absolute;top:2px;right:2px}.scan-reading{padding:28px 0 8px}.scan-spin{color:var(--violet-700);animation:1.1s linear infinite scan-spin;display:inline-flex}@keyframes scan-spin{to{transform:rotate(360deg)}}.scan-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.scan-part{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:12px;display:grid}.scan-part-name{text-overflow:ellipsis;font-weight:600;overflow:hidden}.scan-warnings{border-radius:var(--radius-sm);background:var(--amber-100);color:var(--amber-700);padding:10px 12px;font-size:14px}.scan-warnings ul{max-height:180px;margin:6px 0 0;padding-left:20px;overflow:auto}.scan-preview{overflow-x:auto}@media (width<=560px){.scan-meta,.scan-part{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.scan-spin{animation-duration:3s}}.invite-code{letter-spacing:.08em;color:var(--violet-700);margin:4px 0;font-size:28px}.file-link{align-items:center;gap:4px;font-size:13px;font-weight:600;display:inline-flex}.feedback-note{border-radius:var(--radius-sm);background:var(--violet-50);color:var(--violet-800);align-items:baseline;gap:6px;margin-top:6px;padding:8px 10px;font-size:14px;display:flex}.list-row.is-you{background:var(--violet-50)}.week-dots{gap:3px;display:inline-flex}.week-dots i{background:var(--paper-300);border-radius:4px;width:8px;height:8px}.week-dots i.on{background:var(--sage-500)}.dash-table{border-collapse:collapse;width:100%;font-size:14px}.dash-table th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-500);border-bottom:1px solid var(--border-default);white-space:nowrap;padding:10px 12px;font-size:11px;font-weight:700}.dash-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:10px 12px}.dash-table tr:last-child td{border-bottom:0}.feedback-input{font:inherit;box-sizing:border-box;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--paper-50);width:100%;box-shadow:var(--shadow-inset);color:var(--ink-900);resize:vertical;padding:10px 12px;font-size:14px}.feedback-input:focus-visible{box-shadow:var(--focus-ring);outline:none}.staff-edit-svg .se-ruler{fill:var(--paper-200);opacity:.55;cursor:col-resize}.staff-edit-svg .se-ruler:hover{opacity:1}.staff-edit-svg .se-loop-bar{fill:var(--violet-400);cursor:grab}.staff-edit-svg .se-loop-handle{fill:var(--violet-700);stroke:#fff;stroke-width:1.5px;cursor:ew-resize}.staff-edit-svg .se-loop-tint{fill:var(--violet-500);opacity:.07}.parts-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.part-chip{border:1px solid var(--border-default);background:var(--surface-card);border-radius:10px;align-items:stretch;display:inline-flex;overflow:hidden}.part-chip.on{border-color:var(--violet-500);box-shadow:0 0 0 1px var(--violet-500)}.part-chip.muted .part-name{opacity:.5}.part-name{color:var(--text-strong);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:1px;padding:5px 10px;font-size:13px;font-weight:700;line-height:1.2;display:flex}.part-name small{color:var(--text-subtle);font-size:11px;font-weight:500}.part-chip.on .part-name{background:var(--violet-50)}.part-toggle{border:0;border-left:1px solid var(--border-subtle);width:26px;color:var(--text-subtle);font:inherit;cursor:pointer;background:0 0;font-size:11px;font-weight:800}.part-toggle:hover{background:var(--surface-raised);color:var(--text-strong)}.part-toggle.on{background:var(--violet-500);color:#fff}.part-add{border:1px dashed var(--border-strong);height:34px;color:var(--violet-600);font:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 10px;font-size:13px;font-weight:700}.part-add option,.part-add optgroup{color:var(--text-strong);background:var(--surface-raised)}.parts-bar .br-tabs{margin-left:auto}.arrange-panel{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:12px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:10px;padding:14px 16px;display:flex}.arrange-panel .grow{flex:1;min-width:240px}.setup-part{border-top:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding-top:14px;display:flex}.staff-edit-svg .se-partname{fill:var(--ink-700);font-size:12px;font-weight:700}.staff-edit-svg .se-partname.on{fill:var(--violet-600)}.staff-edit-svg .se-system{stroke-width:2px}.score-layout{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:16px;margin-top:12px;display:grid}.score-layout.panel-closed{grid-template-columns:58px minmax(0,1fr)}@media (width<=900px){.score-layout,.score-layout.panel-closed{grid-template-columns:minmax(0,1fr)}}.score-main{min-width:0}.parts-panel{border:1px solid var(--border-default);background:var(--surface-card);border-radius:12px;flex-direction:column;max-height:calc(100vh - 40px);display:flex;position:sticky;top:12px;overflow:hidden}.parts-panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:6px 6px 6px 12px;display:flex}.parts-list{padding:4px 0;overflow-y:auto}.parts-section{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);padding:8px 12px 4px;font-size:10px;font-weight:800}.part-row{border-radius:8px;align-items:stretch;margin:1px 6px;display:flex}.part-row:hover{background:var(--surface-sunken)}.part-row.on{background:var(--violet-50);box-shadow:inset 3px 0 0 var(--violet-500)}.part-row .part-name{flex:1;min-width:0;padding:5px 6px}.part-row .part-name span,.part-row .part-name small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.part-row.off .part-name,.part-row.muted .part-name{opacity:.5}.part-row .part-toggle{border-left:0;border-radius:6px;width:24px}.part-eye{width:26px;color:var(--text-subtle);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.part-eye:disabled{opacity:.35;cursor:default}.part-eye:hover:not(:disabled){color:var(--text-strong)}.parts-panel-foot{border-top:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:10px 12px 12px;display:flex}.parts-panel-foot .part-add{width:100%}.parts-rail{border:1px solid var(--border-default);background:var(--surface-card);border-radius:12px;flex-direction:column;max-height:calc(100vh - 40px);display:flex;position:sticky;top:12px;overflow:hidden}.rail-open{border:0;border-bottom:1px solid var(--border-subtle);height:34px;color:var(--text-subtle);cursor:pointer;background:0 0;place-items:center;display:grid}.rail-open:hover{color:var(--violet-600);background:var(--surface-sunken)}.rail-parts{flex-direction:column;gap:2px;padding:4px;display:flex;overflow-y:auto}.rail-part{color:var(--text-body);font:inherit;text-align:center;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 2px;font-size:11px;font-weight:700;line-height:1.15;overflow:hidden}.rail-part:hover{background:var(--surface-sunken)}.rail-part.on{background:var(--violet-500);color:#fff}.rail-part.off{opacity:.45}.rail-part.muted{text-decoration:line-through}.rail-part.solo:not(.on){box-shadow:inset 0 0 0 1.5px var(--violet-500)}.part-rename{border:1.5px solid var(--violet-500);background:var(--surface-raised);min-width:0;color:var(--text-strong);font:inherit;border-radius:6px;flex:1;margin:3px 2px;padding:4px 6px;font-size:13px;font-weight:700}.part-rename:focus{box-shadow:0 0 0 3px var(--violet-100);outline:none}.staff-edit-svg .se-partname.renamable{cursor:text}.staff-edit-svg .se-partname.renamable:hover{fill:var(--violet-600)}.print-score{display:none}@media print{body:has(>.print-score)>:not(.print-score){display:none!important}.print-score{--paper-50:#fbf8f2;--paper-100:#f5efe3;--paper-200:#ede4d3;--paper-300:#ddd1bb;--paper-400:#c2b49b;--paper-500:#9e9079;--ink-900:#1d1922;--ink-800:#2b2631;--ink-700:#433c49;--ink-600:#5e5664;--ink-500:#7c7381;--ink-400:#a39aa5;--surface-raised:#fff;--brass-700:#8a6418;--violet-50:#f4eefd;--violet-600:#6430c4;--violet-700:#4f269c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;display:block}.print-score,.print-score *{visibility:visible!important}.print-score .print-page-svg{break-after:page;break-inside:avoid;width:100%;height:auto;max-height:calc(100vh - 2px);margin:0 auto;display:block}.print-score .print-part:not(:last-child) .print-page-svg:last-child{break-after:page}.print-score .se-page{fill:#fff;stroke:none}}.staff-edit-svg .se-fingering{fill:var(--ink-700);letter-spacing:.02em;font-size:12px;font-weight:700}.staff-edit-svg .se-text{font-family:var(--font-display);fill:var(--ink-900);font-size:14px;font-style:italic}.staff-edit-svg .se-text.editable{cursor:text}.staff-edit-svg .se-text.editable:hover{fill:var(--violet-600)}.staff-edit-svg .se-dyn{font-family:var(--font-display);fill:var(--ink-900);font-size:16px;font-style:italic;font-weight:700}.staff-edit-svg .se-hairpin{fill:none;stroke:var(--ink-900);stroke-width:1.3px}.staff-edit-svg .se-barnote path{fill:none;stroke:var(--brass-600);stroke-width:1.5px}.staff-edit-svg .se-barnote text{fill:var(--brass-700);font-size:11px;font-weight:700}.staff-edit-svg .se-barnote.band path{stroke:var(--violet-500)}.staff-edit-svg .se-barnote.band text{fill:var(--violet-600)}.staff-edit-svg .se-barnote.editable{cursor:pointer}.staff-edit-svg .se-barnote.editable:hover text{text-decoration:underline}.print-layers{flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:10px;display:flex}.score-hit{--cell:var(--pitch-in-tune)}.score-close{--cell:var(--pitch-close)}.score-miss{--cell:var(--pitch-off)}.score-none{--cell:var(--surface-sunken)}.conf-low{background-image:repeating-linear-gradient(135deg, transparent 0 4px, color-mix(in srgb, var(--surface-card) 70%, transparent) 4px 7px)}.run-drawer-backdrop{background:color-mix(in srgb, var(--ink-900) 35%, transparent);z-index:260;position:fixed;inset:0}.run-drawer{background:var(--surface-page);width:min(640px,100vw);box-shadow:var(--shadow-3);z-index:261;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.run-drawer-head{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:16px;display:flex}.run-drawer-body{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow:auto}.note-table{border-collapse:collapse;width:100%;font-size:var(--size-small)}.note-table th,.note-table td{text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:6px 8px}.note-table th{color:var(--text-muted);font-weight:var(--weight-medium);background:var(--surface-page);position:sticky;top:0}.note-table td.num{font-family:var(--font-mono);text-align:right}.note-table tr.unsure td{color:var(--text-subtle)}.mark-dot{background:var(--cell);vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.seat-chart{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.seat-chart .seat-circle{fill:var(--cell,var(--surface-card));stroke:var(--border-default);stroke-width:1.5px}.seat-chart .seat.empty .seat-circle{fill:var(--surface-sunken);stroke-dasharray:3 3}.seat-chart .seat.off .seat-circle{fill:var(--surface-sunken);opacity:.6}.seat-chart .seat.target .seat-circle,.seat-chart .seat.picked .seat-circle{stroke:var(--border-focus);stroke-width:3px}.seat-chart .seat.clickable{cursor:pointer}.seat-chart .seat:focus{outline:none}.seat-chart .seat-focus{fill:none;stroke:var(--border-focus);stroke-width:2.5px;opacity:0}.seat-chart .seat:focus-visible .seat-focus{opacity:1}.seat-chart .seat-label,.seat-chart .seat-sub{paint-order:stroke;stroke:var(--surface-card);stroke-width:3px;stroke-linejoin:round}.seat-chart .seat-label{font-size:11px;font-weight:var(--weight-semibold);fill:var(--text-strong);text-anchor:middle;pointer-events:none}.seat-chart .seat-sub{fill:var(--text-muted);text-anchor:middle;pointer-events:none;font-size:9px}.seat-chart .seat-badge{fill:var(--text-on-dark);text-anchor:middle;pointer-events:none;font-size:9px}.seat-chart .podium{fill:var(--surface-sunken);stroke:var(--border-subtle)}.roster-chips{flex-wrap:wrap;gap:6px;display:flex}.roster-chip{border:1px solid var(--border-default);background:var(--surface-card);border-radius:var(--radius-pill);font:inherit;font-size:var(--size-small);cursor:grab;min-height:32px;padding:4px 10px}.roster-chip.picked{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--focus-ring)}.seat-legend{font-size:var(--size-small);color:var(--text-muted);flex-wrap:wrap;gap:12px;display:flex}.seat-legend i{vertical-align:-2px;background:var(--cell);border-radius:3px;width:12px;height:12px;margin-right:4px;display:inline-block}.bar-grid{border-collapse:separate;border-spacing:2px;font-size:var(--size-small)}.bar-grid th{font-weight:var(--weight-medium);color:var(--text-muted);text-align:left;white-space:nowrap;padding:2px 6px}.bar-grid th.bar-num{text-align:center;font-family:var(--font-mono);cursor:pointer;min-width:26px}.bar-grid tr.section-row th{color:var(--text-strong);padding-top:10px}.bar-grid td.cell{background-color:var(--cell);cursor:pointer;border-radius:4px;width:26px;height:22px}.bar-grid td.cell.sel,.bar-grid th.bar-num.sel{outline:2px solid var(--border-focus);outline-offset:-1px}.live-banner{background:var(--surface-accent-soft);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.live-dot{background:var(--feedback-error);width:10px;height:10px;box-shadow:0 0 0 4px var(--feedback-error-soft);border-radius:50%;flex:none}.live-count{font-family:var(--font-display);font-size:var(--size-display-xl);color:var(--text-on-dark);line-height:1}