:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font,ui-sans-serif, system-ui, "Segoe UI", sans-serif);font-size:15px;line-height:var(--type-body-line,1.7)}@media (pointer:coarse){:root{font-size:16px}}*{box-sizing:border-box}::selection{color:var(--text);background:oklch(78% .165 62/.28)}:root{scrollbar-color:var(--scroll-thumb) transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--bg-deep);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--accent-deep)}input,textarea,[contenteditable]{caret-color:var(--accent)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-weight:300}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--type-display-track);font-weight:400}code,kbd,.pad-note,.monitor{font-family:var(--mono)}.sub{margin:var(--space-1) 0 0;color:var(--muted);font-size:.85rem;line-height:1.6}.panel{margin-top:var(--space-4);padding:var(--space-4) var(--space-3);background:linear-gradient(180deg, var(--panel-2), var(--panel) 70%);border-radius:var(--radius);border:none;box-shadow:inset 0 1px oklch(100% 0 0/.08),inset 0 0 0 1px oklch(0% 0 0/.35),0 8px 20px oklch(0% 0 0/.4)}.panel h2{font-family:var(--font);font-size:var(--type-label);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--text-dim);margin:0;font-weight:600}.bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bar .sub{margin:0}.badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:var(--state-active);border:1px solid #0000;border-color:var(--panel-edge);color:var(--text-dim);font-size:.66rem;font-weight:500;line-height:1.3;display:inline-block}.badge.ok{background:var(--tint-ok);border-color:var(--edge-ok);color:var(--ok)}.badge.warn{background:var(--tint-warn);border-color:var(--edge-warn);color:var(--warn)}.badge.bad{background:var(--tint-bad);border-color:var(--edge-bad);color:var(--bad)}.controls{align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.controls label{gap:var(--space-1);font-size:var(--type-label);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-direction:column;font-weight:500;display:flex}input[type=range]{width:180px;accent-color:var(--accent)}select,button{font:inherit;padding:var(--space-2) var(--space-3);color:var(--text);background:var(--pad);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);font-size:.85rem;font-weight:400}select{appearance:none;padding-right:calc(var(--space-3) + 14px);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%239b9284' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;cursor:pointer;background-size:11px 8px}select:hover:not(:disabled){border-color:var(--edge-accent)}select option{background:var(--panel);color:var(--text)}button{cursor:pointer;transition:border-color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out)}button:hover:not(:disabled){border-color:var(--edge-accent);color:var(--text)}button:disabled,select:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button.primary{background:var(--tint-accent);border-color:var(--edge-accent);color:var(--accent);font-weight:500}button.primary:hover:not(:disabled){background:var(--tint-accent-strong);border-color:var(--accent);color:var(--gold)}.bar>button.primary,.bar>button.ghost,.bar>label.ghost{margin-left:auto}.bar>button.primary{padding:var(--space-1) var(--space-3);font-size:.8rem}:where(button,select,input,textarea,a,summary,[tabindex]):focus-visible,:is(.lib-import:has(input:focus-visible),.pg-import:has(input:focus-visible)){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.banner-warn{border-color:var(--edge-warn);background:var(--tint-warn)}.banner-warn .bar{align-items:flex-start;font-size:.9rem}.profile-notes{margin:var(--space-2) 0 0;padding-left:var(--space-3);color:var(--muted);font-size:.82rem}.profile-notes li{margin-bottom:var(--space-1)}.inspector-summary{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--tint-accent);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);font-size:.85rem}.inspector-summary p{margin:0 0 var(--space-1)}.inspector-summary p:last-child{margin-bottom:0}.inspector-warn{color:var(--warn)}.inspector-counts{margin-top:var(--space-2);font-variant-numeric:tabular-nums}.monitor tr.inspector-note td{color:var(--accent)}.led-list{margin:var(--space-3) 0 0;gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.led-list li{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--pad);border:1px solid var(--panel-edge);border-radius:var(--radius);display:flex}.led-list li.led-active{border-color:var(--edge-accent)}.led-info{flex-direction:column;flex:1;font-size:.86rem;display:flex}.led-info .sub{margin:0;font-size:.76rem}.waterfall{background:var(--bg-deep);border:1px solid var(--panel-edge);border-radius:var(--radius);height:320px;overflow:hidden}.waterfall-canvas{width:100%;height:100%;display:block}.tile{gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--pad);border:1px solid var(--panel-edge);border-radius:var(--radius);flex-direction:column;display:flex}.tile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.7rem}.tile-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.tile-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.grade-perfect{background:var(--grade-perfect)}.grade-good{background:var(--grade-good)}.grade-ok{background:var(--grade-ok)}.grade-miss{background:var(--grade-miss)}.grade-ghost{background:var(--grade-ghost)}.grade-count{text-align:right;font-variant-numeric:tabular-nums;width:2.5rem;color:var(--muted)}.section-label{margin-top:var(--space-3);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem}.pad-matrix{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden;container-type:size}.pad-grid{gap:var(--pad-gap);grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));width:100%;min-height:0;display:grid}.pad-matrix>.pad-grid{width:min(100cqw,100cqh);height:100cqh}.pad{--fam:var(--fam-perc);box-sizing:border-box;border-radius:var(--radius-pad);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-tap-highlight-color:transparent;text-align:left;min-width:0;min-height:0;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);background:linear-gradient(176deg,#2e2926 0%,#221d1b 48%,#171413 100%);border:none;flex-direction:column;justify-content:space-between;padding:9px 10px 8px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ede4d629,inset 0 -1px #0000008c,0 7px 16px -5px #000000bf,0 2px 4px #00000080;container-type:inline-size}.pad-grid:not(.pad-matrix>*) .pad{aspect-ratio:1}.pad[data-family=kick]{--fam:var(--fam-kick)}.pad[data-family=snare]{--fam:var(--fam-snare)}.pad[data-family=hihat]{--fam:var(--fam-hihat)}.pad[data-family=cymbal]{--fam:var(--fam-cymbal)}.pad[data-family=tom]{--fam:var(--fam-tom)}.pad[data-family=perc]{--fam:var(--fam-perc)}.pad[data-family=tonal]{--fam:var(--fam-tonal)}.pad-bloom{pointer-events:none;border-radius:inherit;opacity:0;position:absolute;inset:0}.pad-top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex;position:relative}.pad-foot{flex-direction:column;gap:3px;min-width:0;display:flex;position:relative}.pad-lamp{background:var(--fam);opacity:.66;height:4px;box-shadow:0 0 3px var(--fam);transition:opacity var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:3px;flex:1}.pad-key{font-family:var(--mono);letter-spacing:.04em;color:oklch(70% .012 85);flex:none;margin-top:-1px;padding-left:2px;font-size:9.5px;font-weight:500;line-height:1}.pad-voice{font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;overflow-wrap:anywhere;color:var(--text);font-size:clamp(8.5px,10.5cqw,12px);font-weight:600;line-height:1.18}.pad-note{font-family:var(--mono);letter-spacing:.03em;font-variant-numeric:tabular-nums;color:oklch(from var(--text) l c h / .34);font-size:9.5px;font-weight:400;line-height:1}.pad:hover:not(:disabled){background:linear-gradient(176deg,#332d29 0%,#251f1d 48%,#181514 100%);box-shadow:inset 0 1px #ede4d63d,inset 0 -1px #0000008c,0 7px 16px -5px #000000bf,0 2px 4px #00000080}.pad:hover:not(:disabled) .pad-lamp{opacity:.92;box-shadow:0 0 7px var(--fam)}.pad:active:not(:disabled){transform:translateY(2.5px)scale(.978);box-shadow:inset 0 1px #ede4d629,inset 0 -1px #0000008c,0 2px 5px -1px #000c}.pad-unbound{background:linear-gradient(176deg,#1b1817 0%,#151211 60%,#100e0d 100%);box-shadow:inset 0 0 0 1px #ede4d61a,inset 0 -1px #0000008c,0 7px 16px -5px #000000bf}.pad-unbound .pad-lamp{box-shadow:none;opacity:1;background:repeating-linear-gradient(90deg,#ede4d638 0 3px,#0000 3px 7px)}.pad-unbound .pad-key{opacity:0}.pad-unbound .pad-voice{color:oklch(from var(--text) l c h / .46)}.pad-unbound .pad-note{color:var(--muted)}.pad-learn-pending{opacity:.35}.pad-learn-target{opacity:1;isolation:isolate}.pad-learn-target:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 45%, var(--accent-glow), transparent 70%);box-shadow:inset 0 0 0 1px var(--edge-accent);animation:pad-backlight 1.3s var(--ease-out) infinite alternate;position:absolute;inset:-1px}@keyframes pad-backlight{0%{opacity:.35}to{opacity:1}}@media (prefers-reduced-motion:reduce){.pad-learn-target:after{opacity:1;animation:none}}:root[data-layout=phone] .pad-note,:root[data-layout=phoneLandscape] .pad-note,:root[data-layout=phone] .pad-key,:root[data-layout=phoneLandscape] .pad-key,:root[data-layout=tablet] .pad-key{display:none}.keys{margin-top:var(--space-2);max-width:60ch}kbd{padding:0 var(--space-1);color:var(--text);background:var(--pad);border:1px solid var(--panel-edge);border-radius:var(--radius);border-bottom-width:2px;margin:0 1px;font-size:.78rem;display:inline-block}.monitor{width:100%;margin-top:var(--space-2);border-collapse:collapse;font-size:.82rem}.monitor th{text-align:left;color:var(--muted);padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:1px solid var(--panel-edge);font-weight:600}.monitor td{padding:var(--space-1) var(--space-2) var(--space-1) 0;border-bottom:1px solid var(--panel-edge-soft)}.monitor tr.unmapped td{color:var(--warn)}.monitor .raw{color:var(--muted)}.empty{margin:var(--space-2) 0 0;color:var(--muted);font-size:.88rem}.facts{gap:0 var(--space-3);margin:var(--space-3) 0 0;grid-template-columns:minmax(0,1fr) auto;font-size:.82rem;display:grid}.facts dt,.facts dd{padding:var(--space-1) 0;border-bottom:1px solid var(--panel-edge-soft)}.facts dt{color:var(--muted)}.facts dd{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);text-align:right;white-space:nowrap;margin:0}.facts dt:last-of-type,.facts dd:last-of-type{border-bottom:none}.controlmap{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;display:grid}.controlmap-group{min-width:0;padding:var(--space-2) var(--space-3) var(--space-3);background:var(--bg-deep);border:1px solid var(--panel-edge-soft);border-radius:var(--radius-sm)}.controlmap-group h3{font-family:var(--font);font-size:var(--type-label);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--muted);margin:0;font-weight:600}.controlmap-group .monitor{margin-top:var(--space-2);table-layout:fixed}.controlmap-name{width:34%;color:var(--text);overflow-wrap:anywhere;font-weight:500}.controlmap-group .monitor .raw{font-variant-numeric:tabular-nums;width:4.5rem}.controlmap-group .monitor td:last-child{color:var(--text-dim);overflow-wrap:anywhere}.controlmap-unbound{opacity:var(--dimmed-opacity)}.controlmap-group .monitor .controlmap-unbound td{color:var(--muted)}.controlmap-unbound .controlmap-name{font-weight:400}.controlmap-group .sub{margin-top:var(--space-2)}.overlay{z-index:50;padding:var(--space-3);background:color-mix(in srgb, var(--bg-deep) 78%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow-y:auto}.learn-card{width:min(460px,100%);padding:var(--space-4);background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow-lift), var(--edge-hi);text-align:center;margin:auto}.learn-grid{margin:var(--space-3) 0;pointer-events:none}.learn-grid .pad-grid{gap:var(--space-1);margin-inline:auto}.learn-grid .pad{min-height:46px;padding:var(--space-1);font-size:.62rem}.learn-grid .pad-voice,.learn-grid .pad-note{display:none}.learn-progress{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem}.learn-prompt{margin:var(--space-1) 0 0;font-size:1.3rem;font-weight:500}.learn-prompt strong{color:var(--accent)}.learn-warning{margin:var(--space-3) 0 0;padding:var(--space-2);color:var(--warn);background:var(--tint-warn);border:1px solid var(--edge-warn);border-radius:var(--radius-sm);font-size:.8rem}.learn-actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.learn-notices{margin:var(--space-3) 0 0;color:var(--warn);padding:0;font-size:.78rem;list-style:none}.calibration-card,.results-card{width:min(500px,100%)}.calib-progress{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.calib-track{background:var(--pad);border-radius:var(--radius-pill);flex:1;height:8px;overflow:hidden}.calib-fill{background:var(--accent);border-radius:var(--radius-pill);height:100%}.calib-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.8rem}.calib-readout{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.calib-offset{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--accent);font-size:2rem;font-weight:700}.calib-clear{margin:var(--space-2) auto 0;display:block}.results-stars{margin:var(--space-2) 0 0;font-size:2.1rem;line-height:1.1}.results-accuracy{margin:var(--space-1) 0 0;font-variant-numeric:tabular-nums;color:var(--accent);font-size:3rem;font-weight:700;line-height:1.05}.results-grid{gap:var(--space-1);margin-top:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(74px,1fr));display:grid}.results-stat{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-1);background:var(--pad);border-radius:var(--radius);flex-direction:column;display:flex}.results-stat-value{font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:700}.results-timing{justify-content:center;align-items:baseline;gap:var(--space-2);margin-top:var(--space-3);display:flex}.results-note{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);text-align:left;color:var(--muted);border:1px dashed var(--panel-edge);border-radius:var(--radius-sm);font-size:.82rem;line-height:1.5}.results-advice{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text);background:var(--tint-accent);border-radius:var(--radius-sm);font-size:.85rem;line-height:1.5}.results-ladder{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);text-align:left;color:var(--text);background:var(--tint-ok);border:1px solid var(--edge-ok);border-radius:var(--radius);font-size:.86rem;font-weight:500;line-height:1.5}.results-spot{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);text-align:left;background:var(--tint-warn);border:1px solid var(--edge-warn);border-radius:var(--radius);flex-wrap:wrap;display:flex}.results-spot p{color:var(--text);margin:0;font-size:.86rem;line-height:1.5}.results-spot strong{color:var(--warn);font-weight:600}.results-next{margin:var(--space-2) 0 0;text-align:left;color:var(--text-dim);font-size:.82rem;line-height:1.5}.verdict.bad{color:var(--bad)}.milestones{gap:var(--space-2);margin:0 0 var(--space-3);flex-direction:column;display:flex}.milestone{padding:var(--space-3);background:var(--tint-accent);border:1px solid var(--edge-accent);border-left:3px solid var(--gold);border-radius:var(--radius)}.milestone-kicker{margin:0 0 var(--space-1);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.68rem;font-weight:700}.milestone-title{margin:0 0 var(--space-1);color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.2}.milestone-detail{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.results-reward{margin:var(--space-1) 0 var(--space-2);padding:var(--space-2) var(--space-3);color:var(--gold);background:var(--tint-accent);border:1px solid var(--edge-accent);border-radius:var(--radius);font-size:.92rem;font-weight:600;line-height:1.4}.pad-armed{box-shadow:inset 0 1px oklch(100% 0 0/.16),inset 0 0 0 1px oklch(80% .12 62/.45),0 0 0 1px oklch(80% .12 62/.22),0 10px 24px oklch(0% 0 0/.45)}.pad-armed .pad-lamp{opacity:.85}.pad-upcoming{opacity:.7}.pad-upcoming .pad-lamp{opacity:.55}.pad-resting{opacity:.42}@media (prefers-reduced-motion:no-preference){.pad-armed,.pad-upcoming,.pad-resting{transition:opacity .18s,box-shadow .18s}}.results-map{margin:var(--space-3) 0 0;padding:var(--space-3);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);overflow-x:auto}.results-map .results-advice{margin-top:0}.results-map .chart{margin-top:var(--space-2)}:root{--bg:#0d0b0a;--bg-deep:#100e0d;--panel:#1e1a18;--panel-2:#272220;--pad:#221d1b;--panel-sub:#171413;--panel-key:#241f1d;--switch-knob:#5a4f49;--scroll-thumb:#7a6d64;--chassis:#141110;--panel-edge:#ede4d624;--panel-edge-soft:#ede4d612;--text:#ede4d6;--text-dim:#b3aba1;--muted:#ede4d687;--accent:#f0b450;--gold:#f7c979;--accent-deep:#d89a38;--accent-glow:#f0b45024;--on-accent:#241b0e;--turquoise:#3fc9c6;--map-early:#4a9fe0;--map-mid:#8a8172;--map-late:#f08a3c;--map-dropped:#d0555f;--vu-green:#4bc867;--vu-yellow:#f0cb2b;--vu-red:#ef3e35;--fam-kick:#e0563c;--fam-snare:#f0a83a;--fam-hihat:#3fc9c6;--fam-cymbal:#a9c4f5;--fam-tom:#a85f28;--fam-perc:#c76ac0;--fam-tonal:#6fce6a;--ok:var(--vu-green);--warn:var(--vu-yellow);--bad:#f04e44;--grade-perfect:#4bc867;--grade-good:#35b3b1;--grade-ok:#f0cb2b;--grade-miss:#ef3e35;--grade-ghost:#c76ac0;--radius:18px;--radius-sm:12px;--radius-lg:16px;--radius-xl:26px;--radius-panel:16px;--radius-pad:16px;--radius-control:11px;--radius-chip:6px;--radius-pill:999px;--shadow-sm:0 2px 8px oklch(0% 0 0/.34);--shadow:0 8px 24px oklch(0% 0 0/.45);--shadow-lift:0 14px 40px oklch(0% 0 0/.55);--edge-hi:inset 0 1px 0 oklch(100% 0 0/.045);--state-hover:oklch(100% 0 0/.04);--state-active:oklch(100% 0 0/.07);--state-quiet:oklch(100% 0 0/.02);--disabled-opacity:.45;--dimmed-opacity:.68;--dur-1:.11s;--dur-2:.18s;--dur-3:.26s;--ease-out:cubic-bezier(.2, 0, 0, 1);--focus-ring:2px solid var(--accent);--focus-offset:2px;--tap-min:44px;--pad-hit-rgb:255, 176, 48;--pad-guide-rgb:63, 217, 208;--rail-width:84px;--dock-height:62px;--pad-grid-max:460px;--pad-rhythmic-min:56px;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--gutter:clamp(8px, 3.8vw - 7px, 32px);--card-gutter:clamp(8px, 1.9vw - 3.4px, 16px);--tint-ok:oklch(70% .12 188/.14);--tint-warn:oklch(77% .13 82/.14);--tint-bad:oklch(62% .15 35/.14);--tint-accent:var(--accent-glow);--tint-accent-strong:oklch(84% .19 80.46/.2);--edge-ok:oklch(70% .12 188/.38);--edge-warn:oklch(77% .13 82/.38);--edge-bad:oklch(62% .15 35/.38);--edge-accent:oklch(84% .19 80.46/.38);--font:"Archivo", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--font-display:"Anton", "Archivo", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--type-display:clamp(2.8rem, 5.5vw, 4.6rem);--type-display-line:.95;--type-display-track:.005em;--type-headline:clamp(1.8rem, 2.8vw, 2.4rem);--type-headline-line:1;--type-title:1.125rem;--type-title-line:1.35;--type-body-line:1.65;--type-label:.6875rem;--type-label-track:.16em;--type-mono-track:.14em}body{background:radial-gradient(1200px 620px at 8% -12%, oklch(84% .19 80.46/.05), transparent 62%), var(--bg);min-height:100svh}html,body{overscroll-behavior:none;height:100%;overflow:hidden}.shell{width:100%;height:100dvh;color:var(--text);background:radial-gradient(115% 70% at 50% -8%, oklch(20.5% .012 60) 0%, var(--bg) 60%);display:flex;position:relative;overflow:hidden}.screen{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.pane{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-right:var(--space-1);flex:1;overflow-y:auto}.nav-toggle{top:max(10px, env(safe-area-inset-top,0px));left:max(10px, env(safe-area-inset-left,0px));z-index:35;border-radius:var(--radius-control);background:color-mix(in srgb, var(--chassis) 82%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.1);cursor:pointer;border:0;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:fixed;box-shadow:inset 0 1px oklch(100% 0 0/.08),0 6px 16px -8px oklch(0% 0 0/.85)}.nav-toggle:hover{background:color-mix(in srgb, var(--chassis) 96%, transparent)}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{background:var(--text);border-radius:1px;width:16px;height:1.5px;display:block}.nav-toggle-bars{position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}.nav-toggle-bars:before{top:-5px}.nav-toggle-bars:after{top:5px}.nav-scrim{z-index:95;-webkit-backdrop-filter:blur(2px);background:oklch(0% 0 0/.55);position:fixed;inset:0}.nav-drawer{z-index:96;gap:var(--space-1);width:min(258px,82vw);padding:14px var(--space-2) calc(14px + env(safe-area-inset-bottom,0px));padding-left:max(var(--space-2), env(safe-area-inset-left,0px));background:color-mix(in srgb, var(--chassis) 96%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);box-shadow:inset -1px 0 0 var(--panel-edge-soft), 12px 0 36px -12px oklch(0% 0 0/.9);flex-direction:column;animation:.16s ease-out nav-slide-in;display:flex;position:fixed;top:0;bottom:0;left:0}@keyframes nav-slide-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.nav-drawer{animation:none}}.nav-links{gap:var(--space-1);flex-direction:column;display:flex}.nav-links .rail-link{justify-content:flex-start;gap:var(--space-3);width:100%;padding:10px var(--space-3);flex-direction:row}.shell[data-nav=drawer] .screen-head{padding-left:var(--head-nav-clearance,44px)}.rail-mark{padding:var(--space-1) 0 14px;flex-direction:column;flex:none;align-items:center;gap:3px;display:flex}.rail-mark-lamp{background:var(--accent);width:26px;height:4px;box-shadow:0 0 9px var(--accent);border-radius:2px}.rail-mark-text{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--text) l c h / .6);margin-top:7px;font-size:11px;line-height:1.1}.rail-link{min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-2) var(--space-1);color:oklch(from var(--text) l c h / .56);font-family:var(--font);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;display:flex}.rail-label{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:9.5px;font-weight:600}.rail-link:hover{color:var(--text);background:var(--state-hover)}.rail-link:active{background:var(--state-active)}.rail-link[aria-current=page]{background:linear-gradient(176deg, var(--gold), var(--accent) 55%, var(--accent-deep));color:var(--on-accent);box-shadow:inset 0 1px 0 oklch(100% 0 0/.4), 0 4px 12px -4px oklch(from var(--accent) l c h / .45)}.rail-icon{flex:none;width:22px;height:22px;display:block}.rail-spacer{flex:1}.rail-status{align-items:center;gap:var(--space-1);padding-bottom:var(--space-1);flex-direction:column;flex:none;display:flex}.rail-stat{align-items:center;gap:var(--space-1);display:flex}.rail-stat-text{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:9px}.rail-stat-audio[data-live=false] .rail-stat-text{color:var(--bad)}.rail-streak{padding-bottom:var(--space-2);color:var(--accent);flex:none;place-items:center;line-height:1;display:grid}.rail-streak-value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.rail-streak-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.58rem}.st-library{position:relative}.st-library-summary{cursor:pointer;-webkit-user-select:none;user-select:none;list-style:none}.st-library-summary::-webkit-details-marker{display:none}.st-library-summary:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px}.st-library-list{z-index:30;min-width:240px;max-height:min(60vh,420px);margin:var(--space-1) 0 0;padding:var(--space-1);background:var(--panel);border:1px solid var(--line);box-shadow:0 12px 32px oklch(from var(--bg) l c h / .55);border-radius:8px;list-style:none;position:absolute;right:0;overflow-y:auto}.st-library-item{align-items:center;gap:var(--space-1);justify-content:space-between;display:flex}.st-library-open{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.st-library-item[data-open=true] .st-library-open{color:var(--accent);opacity:1}.st-library-confirm{gap:var(--space-1);flex:none;display:flex}.st-library-danger{color:var(--bad)}.kit-credits{margin:var(--space-2) 0 0;gap:var(--space-1);flex-direction:column;padding:0;list-style:none;display:flex}.kit-credit{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;font-size:.85rem;display:flex}.kit-credit-license{font-family:var(--mono);color:var(--muted);font-size:.78rem}.kit-credit[data-standing=unknown] .kit-credit-license{color:var(--warn)}.kit-credit[data-standing=refused] .kit-credit-license{color:var(--bad)}.kit-credit-attribution{color:var(--muted);flex-basis:100%;font-size:.78rem}.skip-link{z-index:2000;padding:var(--space-2) var(--space-3);background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:0 0 6px;font-size:.85rem;text-decoration:none;position:absolute;top:0;left:0;transform:translateY(-120%)}.skip-link:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) * -1);transform:none}.screen:focus{outline:none}.rail-dot{background:var(--muted);border-radius:50%;width:8px;height:8px}.rail-dot.live{background:var(--ok);box-shadow:0 0 8px var(--ok)}.rail-dot.bad{background:var(--bad);box-shadow:0 0 8px oklch(from var(--bad) l c h / .6)}.rail-dot.warn{background:var(--warn);box-shadow:0 0 8px oklch(from var(--warn) l c h / .6)}.rail-stat-error{appearance:none;cursor:pointer;background:0 0;border:0;padding:0}.rail-stat-error:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:4px}.rail-stat-audio[data-tone=warn] .rail-stat-text{color:var(--warn)}.rail-stat-audio[data-tone=bad] .rail-stat-text{color:var(--bad)}.screen-head{flex:none;justify-content:space-between;align-items:flex-end;gap:14px;min-height:0;display:flex}.screen-head-titles{flex-direction:column;gap:3px;min-width:0;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:9.5px;font-weight:500;line-height:1;overflow:hidden}.eyebrow b,.eyebrow strong{font-weight:inherit;color:var(--accent)}.screen-head h1{min-width:0;font-family:var(--font-display);font-size:var(--title-size);letter-spacing:.02em;text-transform:uppercase;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:400;line-height:1.1;overflow:hidden}.readouts{align-items:stretch;gap:var(--readout-gap);flex:none;display:flex}.readout{border-radius:var(--radius-control);background:var(--bg-deep);flex-direction:column;align-items:flex-end;gap:2px;padding:7px 12px;display:flex;box-shadow:inset 0 2px 5px oklch(0% 0 0/.75),inset 0 0 0 1px oklch(100% 0 0/.05)}.readout-value{font-family:var(--mono);font-size:var(--readout-size);font-variant-numeric:tabular-nums;color:var(--turquoise);font-weight:400;line-height:1}.readout-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:8.5px;font-weight:500;line-height:1}.gate{z-index:40;padding:var(--space-5);text-align:center;background:color-mix(in srgb, var(--bg) 93%, transparent);-webkit-backdrop-filter:blur(6px);flex-direction:column;justify-content:center;align-items:center;gap:26px;display:flex;position:absolute;inset:0}.gate-body{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.gate .eyebrow{letter-spacing:.18em}.gate-title{max-width:16ch;font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(34px,7vw,58px);font-weight:400;line-height:.95}.gate-lede{max-width:40ch;color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.gate-button{padding:17px 34px;font-size:13px}.gate-meta{font-family:var(--mono);color:oklch(from var(--text) l c h / .34);margin:0;font-size:11px;line-height:1.5}:root,:root[data-layout=desktop]{--screen-pad:18px 22px 16px;--head-nav-clearance:34px;--screen-gap:14px;--title-size:32px;--readout-gap:var(--space-2);--readout-size:18px;--pad-gap:12px}:root[data-layout=tablet]{--screen-pad:16px 18px;--head-nav-clearance:38px;--screen-gap:14px;--title-size:27px;--readout-gap:var(--space-2);--readout-size:18px;--pad-gap:12px}:root[data-layout=tabletLandscape]{--screen-pad:12px 22px 12px;--head-nav-clearance:34px;--screen-gap:12px;--title-size:27px;--readout-gap:var(--space-2);--readout-size:18px;--pad-gap:12px}:root[data-layout=phone]{--screen-pad:12px 12px 10px;--head-nav-clearance:44px;--screen-gap:10px;--title-size:21px;--readout-gap:6px;--readout-size:14px;--pad-gap:9px}:root[data-layout=phoneLandscape]{--screen-pad:8px 12px;--head-nav-clearance:44px;--screen-gap:10px;--title-size:18px;--readout-gap:6px;--readout-size:14px;--pad-gap:6px}.screen-frame{gap:var(--screen-gap);min-width:0;min-height:0;padding:var(--screen-pad);padding-left:max(22px, env(safe-area-inset-left,0px));padding-right:max(22px, env(safe-area-inset-right,0px));box-sizing:border-box;flex-direction:column;flex:1;display:flex;overflow:hidden}:root[data-layout=phone] .screen-frame,:root[data-layout=phoneLandscape] .screen-frame{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px))}:root[data-layout=tablet] .screen-frame{padding-left:max(18px, env(safe-area-inset-left,0px));padding-right:max(18px, env(safe-area-inset-right,0px))}.shell.focus .screen-frame{padding:var(--space-2) var(--space-3) var(--space-3)}.card{background:linear-gradient(180deg, var(--panel-2), var(--panel) 72%);border-radius:var(--radius);padding:var(--card-gutter);border:none;box-shadow:inset 0 1px oklch(100% 0 0/.09),inset 0 0 0 1px oklch(0% 0 0/.35),0 8px 22px oklch(0% 0 0/.42)}.card.flush{padding:0;overflow:hidden}.panel{border-radius:var(--radius-panel);background:var(--panel);border:none;margin:0;padding:14px;box-shadow:inset 0 1px oklch(100% 0 0/.09),0 8px 20px -10px oklch(0% 0 0/.8)}.subpanel{border-radius:var(--radius-sm);background:var(--panel-sub);flex-direction:column;gap:7px;padding:12px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.well{border-radius:var(--radius-control);background:var(--bg-deep);box-shadow:inset 0 2px 6px oklch(0% 0 0/.7),inset 0 0 0 1px oklch(100% 0 0/.05)}.rack-label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0;font-size:9.5px;font-weight:500;line-height:1}.btn-primary{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap-min);border-radius:var(--radius-sm);font-family:var(--font);letter-spacing:.12em;text-transform:uppercase;color:var(--on-accent);background:linear-gradient(176deg, var(--gold), var(--accent) 52%, var(--accent-deep));box-shadow:inset 0 1px 0 oklch(100% 0 0/.45), 0 8px 20px -6px oklch(from var(--accent) l c h / .5), 0 2px 5px oklch(0% 0 0/.6);cursor:pointer;transition:transform var(--dur-2) var(--ease-out);border:none;padding:0 26px;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.btn-primary:active:not(:disabled){transform:translateY(2px)}.btn-primary:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn{justify-content:center;align-items:center;gap:var(--space-1);min-height:var(--tap-min);border-radius:var(--radius-sm);font-family:var(--font);letter-spacing:.11em;text-transform:uppercase;color:oklch(from var(--text) l c h / .82);background:var(--panel-key);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);border:none;padding:0 15px;font-size:10.5px;font-weight:600;line-height:1;display:inline-flex;box-shadow:inset 0 1px oklch(100% 0 0/.1)}.btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn-danger{color:oklch(from var(--bad) l c h / .95);box-shadow:inset 0 1px 0 oklch(100% 0 0/.1), inset 0 0 0 1px oklch(from var(--bad) l c h / .45)}.btn-danger:hover:not(:disabled){color:var(--on-accent);background:var(--bad)}.pg-sync-confirm{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:oklch(from var(--bad) l c h / .08);box-shadow:inset 0 0 0 1px oklch(from var(--bad) l c h / .25)}.btn-mono{min-height:32px;padding:0 var(--space-1);border-radius:var(--space-2);font-family:var(--mono);font-variant-numeric:tabular-nums;color:oklch(from var(--text) l c h / .62);background:var(--panel-key);cursor:pointer;transition:background var(--dur-1) var(--ease-out);border:none;flex:1;font-size:10.5px;font-weight:500;box-shadow:inset 0 1px oklch(100% 0 0/.07)}.btn-mono:hover:not(:disabled){background:var(--panel-2)}.btn-mono[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.switch-row{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:var(--tap-min);border-radius:var(--radius-control);text-align:left;background:var(--panel-sub);font-family:var(--font);cursor:pointer;transition:background var(--dur-1) var(--ease-out);border:none;padding:0 12px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.switch-row:hover{background:var(--panel-2)}.switch-name{flex-direction:column;gap:2px;min-width:0;display:flex}.switch-name>b{letter-spacing:.08em;text-transform:uppercase;color:oklch(from var(--text) l c h / .8);font-size:11.5px;font-weight:600}.switch-name>span{font-family:var(--mono);color:var(--muted);font-size:9.5px;line-height:1.3}.switch{background:var(--bg-deep);width:36px;height:20px;transition:background var(--dur-1) var(--ease-out);border-radius:10px;flex:none;position:relative;box-shadow:inset 0 1px 3px oklch(0% 0 0/.6)}.switch:after{content:"";background:var(--switch-knob);width:16px;height:16px;transition:transform var(--dur-2) var(--ease-out);border-radius:8px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px oklch(0% 0 0/.6)}[aria-pressed=true]>.switch,[aria-checked=true]>.switch{background:var(--accent)}[aria-pressed=true]>.switch:after,[aria-checked=true]>.switch:after{background:var(--on-accent);transform:translate(16px)}.transport{align-items:center;gap:var(--screen-gap);border-radius:var(--radius-panel);background:var(--panel);flex:none;padding:10px 14px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.1),0 8px 20px -10px oklch(0% 0 0/.85)}:root[data-layout=phone] .transport,:root[data-layout=phoneLandscape] .transport{padding:var(--space-2) 10px}.transport-status{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.transport-status-line{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:baseline;gap:10px;font-size:9.5px;font-weight:500;line-height:1;display:flex}.transport-status-line em{letter-spacing:0;font-variant-numeric:tabular-nums;font-size:11px;font-style:normal}.beat-lamps{padding:0 var(--space-1);flex:none;align-items:center;gap:7px;display:flex}.beat-lamp{background:var(--text);opacity:.18;width:8px;height:8px;transition:opacity var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);border-radius:4px}.beat-lamp.downbeat{background:var(--accent)}.beat-lamp.on{opacity:1;box-shadow:0 0 9px oklch(from var(--text) l c h / .8)}.beat-lamp.downbeat.on{box-shadow:0 0 9px var(--accent)}:root[data-layout=phone] .beat-lamps{display:none}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row.tight{gap:var(--space-1)}.row.between{justify-content:space-between}button.ghost,label.ghost{padding:var(--space-2) var(--space-3);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);color:var(--text-dim);font:inherit;cursor:pointer;transition:color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out);background:0 0;font-size:.85rem}button.ghost:hover:not(:disabled),label.ghost:hover{color:var(--text);border-color:var(--edge-accent);background:var(--tint-accent)}button.ghost:active:not(:disabled),label.ghost:active{background:var(--tint-accent-strong)}button.ghost[aria-pressed=true]{color:var(--accent);border-color:var(--edge-accent);background:var(--tint-accent)}button.ghost:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}button.big,label.ghost.big{padding:var(--space-2) var(--space-4);font-size:1rem;font-weight:600}.chip{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border:1px solid var(--panel-edge);border-radius:var(--radius-pill);color:var(--text-dim);white-space:nowrap;font-size:.72rem;font-weight:600;display:inline-flex}.chip.accent{border-color:var(--edge-accent);background:var(--tint-accent);color:var(--accent)}.chip.bad{border-color:var(--edge-bad);background:var(--tint-bad);color:var(--bad)}.chip.warn{border-color:var(--edge-warn);background:var(--tint-warn);color:var(--warn)}.chip.gold{border-color:color-mix(in srgb, var(--gold) 35%, transparent);background:color-mix(in srgb, var(--gold) 12%, transparent);color:var(--gold)}.stat{gap:var(--space-1);display:grid}.stat-value{font-family:var(--mono);letter-spacing:-.03em;font-size:1.7rem;font-weight:700;line-height:1.1}.stat-label{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:700}.stars{color:var(--gold);letter-spacing:.05em;gap:2px;display:inline-flex}.stars .dim{color:var(--panel-edge)}.meter{border-radius:var(--radius-pill);background:var(--bg-deep);height:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px oklch(0% 0 0/.55)}.meter:after{content:"";pointer-events:none;background:repeating-linear-gradient(90deg, transparent 0 8px, var(--bg-deep) 8px 10px);position:absolute;inset:0}.meter>span{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--accent-deep), var(--accent));height:100%;display:block}.app-notice{left:50%;bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:55;align-items:center;gap:var(--space-2);max-width:min(46rem, calc(100vw - var(--space-4)));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);background:var(--panel-2);border:1px solid var(--accent-deep);border-radius:var(--radius);box-shadow:var(--shadow-lift);font-size:.9rem;display:flex;position:fixed;transform:translate(-50%)}.lib-import,.pg-import{justify-content:center;align-items:center;display:inline-flex;position:relative}.lib-import input[type=file],.pg-import input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.onboard-nudge{right:var(--space-3);bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px));z-index:30;background:var(--panel);border-color:var(--accent-deep);color:var(--text);box-shadow:var(--shadow-lift);position:fixed}:is(.screen:has(.practice)~.onboard-nudge,.shell:has(.practice) .onboard-nudge){display:none}.empty,.loading{padding:var(--space-5) var(--space-3);border:1px dashed var(--panel-edge);border-radius:var(--radius);text-align:center;color:var(--muted)}.empty-do{margin-top:var(--space-2);color:var(--ink);font-weight:600;display:block}@media (pointer:coarse){button:not(.lib-lesson-del),label.ghost,select,summary{min-height:var(--tap-min)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.device-preview{top:var(--space-2);z-index:60;border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-deep) 90%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px var(--panel-edge), 0 8px 24px oklch(0% 0 0/.5);gap:2px;padding:3px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.device-preview button{min-height:0;padding:5px var(--space-3);border-radius:var(--radius-pill);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:0 0;border:none;margin:0;font-size:.62rem;font-weight:600}.device-preview button[aria-pressed=true]{background:var(--accent);color:var(--bg-deep)}:root[data-device=phone] .shell,:root[data-device=landscape] .shell,:root[data-device=tablet] .shell,:root[data-device=tabletWide] .shell{width:var(--device-w);height:var(--device-h);max-width:100%;max-height:100dvh;box-shadow:0 0 0 1px var(--panel-edge), 0 24px 60px oklch(0% 0 0/.6);margin:0 auto}.rail-stat-controller{font:inherit;color:inherit;cursor:pointer;text-align:left;min-height:var(--tap-min,44px);background:0 0;border:0;margin:0;padding:0}.rail-stat-controller:hover .rail-stat-text,.rail-stat-controller:focus-visible .rail-stat-text{color:var(--ink)}.controller-sheet{z-index:96;gap:var(--space-2);width:min(460px,100vw);padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--chassis) 97%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);max-height:min(86vh,720px);box-shadow:inset 0 1px 0 var(--panel-edge-soft), 0 -12px 36px -12px oklch(0% 0 0/.9);border-radius:16px 16px 0 0;flex-direction:column;animation:.16s ease-out controller-sheet-in;display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes controller-sheet-in{0%{transform:translate(-50%,100%)}}@media (prefers-reduced-motion:reduce){.controller-sheet{animation:none}}:root:not([data-layout=phone]) .controller-sheet{bottom:var(--space-3);border-radius:16px;animation-name:controller-sheet-rise}@keyframes controller-sheet-rise{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){:root:not([data-layout=phone]) .controller-sheet{animation:none}}.controller-sheet-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.controller-sheet-head h2{margin:0;font-size:15px}.controller-sheet-close{font:inherit;color:var(--muted);cursor:pointer;min-height:var(--tap-min,44px);background:0 0;border:0;padding:0}.controller-sheet-close:hover,.controller-sheet-close:focus-visible{color:var(--ink)}.controller-sheet-live{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;display:flex}.controller-sheet-actions{gap:var(--space-1);flex-wrap:wrap;display:flex}.controller-sheet-actions:empty{display:none}.controller-sheet-picker{flex-direction:column;gap:4px;display:flex}.controller-sheet-failure{padding:var(--space-1);border-left:2px solid var(--warn,currentColor);background:color-mix(in srgb, var(--panel) 70%, transparent);border-radius:8px}.controller-sheet-battery{font-family:var(--mono);margin-left:auto;font-size:11px}.screen-frame.settings,.screen-frame.prose{overscroll-behavior:contain;overflow-y:auto}.screen-frame.settings{gap:var(--space-2);flex-direction:column;max-width:62ch;display:flex}.settings-facts{gap:4px var(--space-2);grid-template-columns:auto 1fr;margin:0;display:grid}.settings-facts dt{color:var(--muted);font-size:12px}.settings-facts dd{font-family:var(--mono);margin:0;font-size:12px}.link{font:inherit;color:var(--ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.screen-frame.prose{gap:var(--space-2);flex-direction:column;max-width:68ch;display:flex}.screen-frame.prose h2{margin:0 0 var(--space-1);font-size:15px}.screen-frame.prose p,.screen-frame.prose ul{margin:0 0 var(--space-1);line-height:1.55}.screen-frame.prose li{margin-bottom:4px}.credits-list{gap:var(--space-1);flex-direction:column;margin:0;display:flex}.credits-entry dt{align-items:baseline;gap:var(--space-1);font-weight:600;display:flex}.credits-entry dd{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.credits-spdx{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);border:1px solid var(--panel-edge-soft);border-radius:4px;padding:1px 5px;font-size:10px}input[type=range]{height:26px;accent-color:var(--accent);background:0 0}@media (pointer:coarse){input[type=range]{height:var(--tap-min)}}.settings-offline{margin:var(--space-2) 0 0;gap:2px;padding:0;list-style:none;display:grid}.settings-offline li{justify-content:space-between;align-items:baseline;gap:var(--space-3);border-bottom:1px solid var(--line-1,#2a2521);padding:4px 0;font-size:13px;display:flex}.settings-offline li:last-child{border-bottom:none}.latency-nudge{right:var(--space-3);bottom:calc(var(--space-3) + 3rem + env(safe-area-inset-bottom,0px));z-index:30;max-width:min(24rem, calc(100vw - var(--space-3) * 2));padding:var(--space-3);background:var(--panel);border:1px solid var(--accent-deep);border-radius:var(--radius);box-shadow:var(--shadow-lift);position:fixed}.latency-nudge-head{color:var(--text);margin:0;font-size:13px;font-weight:600}.latency-nudge-detail{margin:var(--space-1) 0 var(--space-2);color:var(--muted);font-size:12px;line-height:1.5}.latency-nudge-actions{gap:var(--space-2);display:flex}:is(.screen:has(.practice)~.latency-nudge,.shell:has(.practice) .latency-nudge){display:none}.lib-import{gap:var(--space-2);position:relative;overflow:hidden}.lib-sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lib-import input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.lib-filters{align-items:center;gap:var(--space-2);flex:none;display:flex}.lib-search{min-width:0;min-height:var(--tap-min);border-radius:var(--radius-sm);color:var(--muted);flex:1;align-items:center;gap:9px;padding:0 13px;display:flex}.lib-search input{appearance:none;min-width:0;color:var(--text);font-family:var(--font);background:0 0;border:0;outline:none;flex:1;font-size:13px}.lib-search input::placeholder{color:var(--muted)}.lib-pane{flex-direction:column;gap:20px;display:flex}.lib-hero-wrap{flex-direction:column;gap:9px;display:flex}.lib-hero{gap:var(--space-3);background:linear-gradient(176deg,#2a2422,#1a1615);border-radius:18px;padding:20px 22px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.14),0 12px 28px -12px oklch(0% 0 0/.9)}.lib-hero-main{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.lib-hero-main h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin:0;font-size:38px;font-weight:400;line-height:.95}.lib-hero-reason{max-width:52ch;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.lib-hero-voices{gap:var(--space-2);flex-wrap:wrap;display:flex}.lib-voice-chip{background:var(--panel-sub);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:oklch(from var(--text) l c h / .62);border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:9.5px;font-weight:500;display:flex}.lib-hero-side{flex-direction:column;flex:none;justify-content:space-between;gap:11px;min-width:230px;display:flex}.lib-hero-stats{gap:18px;display:flex}.lib-hero-stat{flex-direction:column;gap:3px;display:flex}.lib-hero-stat-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--turquoise);font-size:24px;line-height:1}.lib-hero-stat-value.cream{color:var(--text)}.lib-hero-go{letter-spacing:.13em;min-height:52px;font-size:12.5px}.lib-course,.lib-course-hero,.lib-course[data-accent=amber],.lib-course-hero[data-accent=amber]{--course-accent:var(--accent)}.lib-course[data-accent=turquoise],.lib-course-hero[data-accent=turquoise]{--course-accent:var(--turquoise)}.lib-course[data-accent=violet],.lib-course-hero[data-accent=violet]{--course-accent:var(--fam-perc)}.lib-course[data-accent=lime],.lib-course-hero[data-accent=lime]{--course-accent:var(--fam-tonal)}.lib-course[data-accent=coral],.lib-course-hero[data-accent=coral]{--course-accent:var(--fam-kick)}.lib-course[data-accent=cream],.lib-course-hero[data-accent=cream]{--course-accent:var(--text)}.lib-courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.lib-course{text-align:left;background:var(--panel);cursor:pointer;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);border:none;border-radius:16px;flex-direction:column;gap:8px;padding:16px 18px 16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.09),0 6px 16px -8px oklch(0% 0 0/.8)}.lib-course:before{content:"";background:var(--course-accent);width:4px;position:absolute;inset:0 auto 0 0}.lib-course:hover{transform:translateY(-1px);box-shadow:inset 0 1px oklch(100% 0 0/.14),0 10px 22px -8px oklch(0% 0 0/.85)}.lib-course:active{transform:translateY(1px)}.lib-course.is-locked{opacity:.66}.lib-course.is-current{box-shadow:inset 0 0 0 1px var(--course-accent), 0 6px 16px -8px oklch(0% 0 0/.8)}.lib-course-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lib-course-level{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--text) l c h / .45);font-size:9px}.lib-course-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);font-size:26px;line-height:1}.lib-course.is-mastered .lib-course-title{color:var(--grade-perfect)}.lib-course-tagline{color:var(--muted);font-size:11.5px;line-height:1.45}.lib-course-foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:4px;display:flex}.lib-course-count{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:oklch(from var(--text) l c h / .36);font-size:9.5px}.lib-ring{flex:none;place-items:center;width:34px;height:34px;display:grid;position:relative}.lib-ring svg{width:100%;height:100%;position:absolute;inset:0;transform:rotate(-90deg)}.lib-ring circle{fill:none;stroke-width:3px}.lib-ring-track{stroke:var(--bg-deep)}.lib-ring-fill{stroke:var(--course-accent);stroke-linecap:round}.lib-ring-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:oklch(from var(--text) l c h / .62);font-size:9.5px}.lib-ring[data-empty] .lib-ring-value{color:oklch(from var(--text) l c h / .28)}.lib-course-page{flex-direction:column;gap:20px;display:flex}.lib-course-bar{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.lib-course-hero{border-top:2px solid var(--course-accent);background:linear-gradient(176deg,#2a2422,#1a1615);border-radius:18px;flex-direction:column;gap:11px;padding:20px 22px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.14),0 12px 28px -12px oklch(0% 0 0/.9)}.lib-course-hero h2{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);margin:0;font-size:42px;font-weight:400;line-height:.95}.lib-course-desc{max-width:74ch;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.lib-outcomes ul{color:var(--text-dim);gap:4px;margin:6px 0 0;padding-left:18px;font-size:12px;line-height:1.5;display:grid}.lib-outcomes li::marker{color:var(--course-accent)}.lib-course-gate{background:var(--panel-sub);box-shadow:inset 0 0 0 1px var(--panel-edge-soft);color:var(--muted);border-radius:10px;margin:0;padding:11px 13px;font-size:12px;line-height:1.5}.lib-module{flex-direction:column;gap:9px;display:flex}.lib-module-summary{max-width:78ch;color:var(--muted);margin:-2px 0 0;font-size:12px;line-height:1.55}.lib-module-empty{background:var(--panel-sub);box-shadow:inset 0 0 0 1px var(--panel-edge-soft);font-family:var(--mono);letter-spacing:.04em;color:oklch(from var(--text) l c h / .34);border-radius:12px;margin:0;padding:13px 14px;font-size:10.5px}.lib-tier{flex-direction:column;gap:9px;display:flex}.lib-tier-head{align-items:baseline;gap:10px;display:flex}.lib-tier-rule{background:var(--panel-edge-soft);flex:1;height:1px}.lib-tier-meta{font-family:var(--mono);color:oklch(from var(--text) l c h / .3);white-space:nowrap;font-size:9.5px}.lib-lessons{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.lib-lesson-wrap{display:flex;position:relative}.lib-lesson{text-align:left;background:var(--panel);cursor:pointer;min-width:0;transition:transform var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);border:none;border-radius:15px;flex-direction:column;flex:1;gap:9px;padding:14px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.09),0 6px 16px -8px oklch(0% 0 0/.8)}.lib-lesson:hover:not([aria-disabled]){transform:translateY(-1px);box-shadow:inset 0 1px oklch(100% 0 0/.14),0 10px 22px -8px oklch(0% 0 0/.85)}.lib-lesson:active:not([aria-disabled]){transform:translateY(1px)}.lib-lesson.is-locked{opacity:.72;cursor:default}.lib-lesson-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.lib-lesson-titles{flex-direction:column;gap:5px;min-width:0;display:flex}.lib-lesson-title{font-family:var(--font-display);letter-spacing:.02em;text-transform:uppercase;color:var(--text);font-size:20px;line-height:1.05}.lib-lesson.is-current .lib-lesson-title{color:var(--accent)}.lib-lesson-no{min-width:1.6em;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:oklch(from var(--text) l c h / .32);font-size:11px;display:inline-block}.lib-lesson-groove{color:var(--turquoise)}.lib-lesson-kind{color:var(--accent)}.lib-lesson-desc{color:var(--muted);font-size:11.5px;line-height:1.45}.lib-lamps{gap:5px;display:flex}.lib-lamp{background:var(--fam-perc);border-radius:2px;width:16px;height:3px}.lib-voice-chip .lib-lamp{border-radius:3px;width:6px;height:6px;box-shadow:0 0 6px}.lib-lamp[data-family=kick]{background:var(--fam-kick);color:var(--fam-kick)}.lib-lamp[data-family=snare]{background:var(--fam-snare);color:var(--fam-snare)}.lib-lamp[data-family=hihat]{background:var(--fam-hihat);color:var(--fam-hihat)}.lib-lamp[data-family=cymbal]{background:var(--fam-cymbal);color:var(--fam-cymbal)}.lib-lamp[data-family=tom]{background:var(--fam-tom);color:var(--fam-tom)}.lib-lamp[data-family=perc]{background:var(--fam-perc);color:var(--fam-perc)}.lib-lamp[data-family=tonal]{background:var(--fam-tonal);color:var(--fam-tonal)}.lib-lesson-meta{justify-content:space-between;align-items:center;gap:var(--space-2);font-family:var(--mono);letter-spacing:.06em;color:var(--muted);font-size:9.5px;display:flex}.lib-lesson-best{font-variant-numeric:tabular-nums;color:oklch(from var(--text) l c h / .3);font-size:10.5px}.lib-lesson-best[data-scored=true]{color:var(--grade-good)}.lib-lesson.is-mastered .lib-lesson-best{color:var(--grade-perfect)}.lib-lesson-track{background:var(--bg-deep);border-radius:2px;height:4px;overflow:hidden}.lib-lesson-fill{background:var(--accent);height:100%;display:block}.lib-lesson-fill.is-mastered{background:var(--grade-perfect)}.lib-lock{align-items:center;gap:var(--space-2);background:var(--panel-sub);box-shadow:inset 0 0 0 1px var(--panel-edge-soft);font-family:var(--mono);color:var(--muted);border-radius:10px;padding:9px 10px;font-size:10px;line-height:1.35;display:flex}.lib-lesson-del{background:var(--bg-deep);width:26px;height:26px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--dur-1) var(--ease-out);border:none;border-radius:50%;place-items:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:6px;right:6px}.lib-lesson-wrap:hover .lib-lesson-del,.lib-lesson-del:focus-visible{opacity:1}.lib-lesson-del.danger{color:var(--bad)}.lib-lesson-confirm{gap:var(--space-1);opacity:1;display:flex;position:absolute;top:6px;right:6px}.lib-lesson-confirm .lib-lesson-del{width:auto;height:26px;padding:0 var(--space-2);border-radius:var(--radius-chip);letter-spacing:.08em;text-transform:uppercase;opacity:1;font-size:10px;font-weight:600;position:static}@media (pointer:coarse){.lib-lesson-del{opacity:1;width:var(--tap-min);height:var(--tap-min)}}.lib-code{gap:var(--space-2);margin-top:var(--space-3);background:var(--panel-sub);box-shadow:inset 0 0 0 1px var(--panel-edge-soft);color:var(--muted);border-radius:10px;flex-direction:column;padding:11px 13px;font-size:12px;line-height:1.5;display:flex}.lib-code p{margin:0}.lib-code label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:9.5px}.lib-code-row{gap:var(--space-2);align-items:center;display:flex}.lib-code-input{border:1px solid var(--panel-edge-soft);background:var(--panel);min-width:0;max-width:260px;color:var(--text);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:8px;flex:auto;padding:7px 10px;font-size:12px}.lib-code-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.lib-code .btn{align-self:flex-start}.lib-code-verdict{color:var(--warn)}.lib-failures{gap:var(--space-2);border-radius:var(--radius-panel);background:var(--tint-bad);box-shadow:inset 0 0 0 1px var(--edge-bad);flex-direction:column;padding:13px 14px;font-size:12px;line-height:1.5;display:flex}.lib-failures p,.lib-failures ul{margin:0}.lib-failures ul{padding-left:var(--space-3);font-family:var(--mono);color:var(--muted);font-size:10.5px}.lib-failures .btn{align-self:flex-start}.lib-warnings{gap:var(--space-2);border-radius:var(--radius-panel);background:var(--tint-warn);box-shadow:inset 0 0 0 1px var(--edge-warn);flex-direction:column;padding:13px 14px;font-size:12px;line-height:1.5;display:flex}.lib-warnings p,.lib-warnings ul{margin:0}.lib-warnings ul{padding-left:var(--space-3);font-family:var(--mono);color:var(--muted);font-size:10.5px}.lib-warnings .btn{align-self:flex-start}:root[data-layout=tablet] .lib-lessons,:root[data-layout=phoneLandscape] .lib-lessons,:root[data-layout=tablet] .lib-courses,:root[data-layout=phoneLandscape] .lib-courses{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-layout=phone] .lib-lessons,:root[data-layout=phone] .lib-courses{grid-template-columns:1fr}:root[data-layout=phone] .lib-course-hero{padding:15px}:root[data-layout=phone] .lib-course-hero h2{font-size:28px}:root[data-layout=tablet] .lib-course-hero h2{font-size:34px}:root[data-layout=phone] .lib-hero,:root[data-layout=phoneLandscape] .lib-hero{flex-direction:column}:root[data-layout=phone] .lib-hero{padding:15px}:root[data-layout=phone] .lib-hero-main h2{font-size:26px}:root[data-layout=tablet] .lib-hero-main h2{font-size:32px}:root[data-layout=phone] .lib-hero-side,:root[data-layout=phoneLandscape] .lib-hero-side{min-width:0}:root[data-layout=phone] .lib-lesson-title{font-size:18px}:root[data-layout=phone] .lib-import{display:none}.today-hero h2{margin:var(--space-1) 0 var(--space-2);font-family:var(--font-display);font-size:clamp(1.4rem,4vw,2rem);line-height:1.1}.today-hero .sub{margin-bottom:var(--space-3);max-width:46ch}.today-steps{gap:var(--space-2);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.today-step-open{width:100%;padding:var(--space-3);text-align:left;background:var(--panel);border:1px solid var(--panel-edge);border-radius:var(--radius);color:inherit;cursor:pointer;gap:2px;display:grid}.today-step-open:hover,.today-step-open:focus-visible{border-color:var(--accent-deep)}.today-step-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:10px}.today-step[data-kind=focus] .today-step-kind{color:var(--accent)}.today-step-title{color:var(--text);font-size:15px;font-weight:600}.today-step-reason{color:var(--muted);max-width:60ch;font-size:12px;line-height:1.5}.today-step-meta{font-family:var(--mono);letter-spacing:.04em;color:var(--muted);font-size:10px}.today-escape{margin-top:var(--space-4);max-width:60ch}.kit-device{align-items:center;gap:var(--space-2);font-family:var(--mono);letter-spacing:.06em;color:oklch(from var(--text) l c h / .6);flex:none;padding:9px 13px;font-size:10px;display:flex}.kit-device-dot{background:var(--muted);border-radius:4px;width:7px;height:7px}.kit-device-dot.live{background:var(--ok);box-shadow:0 0 8px var(--ok)}.kit-chips{scrollbar-width:thin;flex:none;gap:7px;padding-bottom:2px;display:flex;overflow-x:auto}.kit-chip{align-items:flex-start;gap:var(--space-1);border-radius:var(--radius-sm);text-align:left;background:linear-gradient(176deg, var(--panel-2), #1c1817);min-height:56px;color:var(--text);cursor:pointer;transition:background var(--dur-1) var(--ease-out);border:none;flex-direction:column;flex:none;padding:9px 14px;display:flex;box-shadow:inset 0 1px oklch(100% 0 0/.1)}.kit-chip:hover{background:linear-gradient(176deg,#332d29,#221e1c)}.kit-chip[aria-pressed=true]{background:linear-gradient(176deg, var(--gold), var(--accent) 55%, var(--accent-deep));color:var(--on-accent);box-shadow:inset 0 1px 0 oklch(100% 0 0/.4), 0 6px 14px -6px oklch(from var(--accent) l c h / .45)}.kit-chip-name{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:11.5px;font-weight:600}.kit-chip-meta{font-family:var(--mono);color:var(--muted);white-space:nowrap;font-size:9.5px}.kit-chip[aria-pressed=true] .kit-chip-meta{color:oklch(from var(--on-accent) l c h / .66)}.kit-body{flex:1;gap:14px;min-height:0;display:flex}.kit-mapping{flex-direction:column;flex:0 0 44%;gap:9px;min-width:0;display:flex}.kit-mapping .pad-matrix{align-items:flex-start}.kit-pane{flex-direction:column;flex:1 1 0;gap:10px;min-width:0;display:flex}.kit-pane>.panel{flex-direction:column;flex:none;gap:9px;padding:15px;display:flex}.kit-voice-head{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.kit-voice-lamp{background:var(--lamp,var(--fam-perc));width:4px;height:18px;box-shadow:0 0 8px var(--lamp,var(--fam-perc));border-radius:2px;flex:none}.kit-voice-lamp[data-family=kick],.kit-choke-voice[data-family=kick],.kit-layer[data-family=kick]{--lamp:var(--fam-kick)}.kit-voice-lamp[data-family=snare],.kit-choke-voice[data-family=snare],.kit-layer[data-family=snare]{--lamp:var(--fam-snare)}.kit-voice-lamp[data-family=hihat],.kit-choke-voice[data-family=hihat],.kit-layer[data-family=hihat]{--lamp:var(--fam-hihat)}.kit-voice-lamp[data-family=cymbal],.kit-choke-voice[data-family=cymbal],.kit-layer[data-family=cymbal]{--lamp:var(--fam-cymbal)}.kit-voice-lamp[data-family=tom],.kit-choke-voice[data-family=tom],.kit-layer[data-family=tom]{--lamp:var(--fam-tom)}.kit-voice-lamp[data-family=perc],.kit-choke-voice[data-family=perc],.kit-layer[data-family=perc]{--lamp:var(--fam-perc)}.kit-voice-lamp[data-family=tonal],.kit-choke-voice[data-family=tonal],.kit-layer[data-family=tonal]{--lamp:var(--fam-tonal)}.kit-voice-head h2{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;color:var(--text);margin:0;font-size:20px;font-weight:400}.kit-voice-meta{font-family:var(--mono);color:var(--muted);font-size:10px}.kit-params{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(96px,1fr));margin:0;display:grid}.kit-param{border-radius:var(--radius-control);background:var(--bg-deep);flex-direction:column;gap:3px;padding:9px 11px;display:flex;box-shadow:inset 0 2px 5px oklch(0% 0 0/.7)}.kit-param dt{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:600}.kit-param dd{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--turquoise);margin:0;font-size:13px}.kit-panel-head{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.kit-panel-meta{font-family:var(--mono);color:var(--muted);font-size:10px}.kit-layers{gap:3px;min-height:44px;display:flex}.kit-layer{background:var(--panel-sub);border-radius:9px;flex-direction:column;flex:1 1 0;justify-content:flex-end;gap:5px;min-width:0;padding:7px 8px;display:flex;overflow:hidden;box-shadow:inset 0 1px oklch(100% 0 0/.05)}.kit-layer.is-live{background:linear-gradient(176deg, #3a322e, var(--panel-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--lamp,var(--fam-perc)) 40%, transparent), inset 0 1px 0 oklch(100% 0 0/.12)}.kit-layer-name{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:600;overflow:hidden}.kit-layer.is-live .kit-layer-name{color:var(--lamp,var(--fam-perc))}.kit-layer-range{font-family:var(--mono);color:oklch(from var(--text) l c h / .3);font-size:9px}.kit-layer.is-live .kit-layer-range{color:var(--muted)}.kit-chokes{flex-direction:column;gap:6px;display:flex}.kit-choke{border-radius:var(--radius-control);background:var(--panel-sub);align-items:center;gap:9px;padding:10px 11px;display:flex}.kit-choke-voice{letter-spacing:.08em;text-transform:uppercase;color:var(--lamp,var(--fam-perc));font-size:10.5px;font-weight:600}.kit-choke-verb{font-family:var(--mono);color:var(--muted);font-size:13px}.kit-choke-group{font-family:var(--mono);color:var(--muted);margin-left:auto;font-size:9.5px}.kit-layouts{flex-wrap:wrap;gap:6px;display:flex}.kit-layout{padding:var(--space-2) 12px;flex-direction:column;gap:2px}.kit-layout em{font-family:var(--mono);letter-spacing:.04em;text-transform:none;color:var(--warn);font-size:9px;font-style:normal}.kit-layout[aria-pressed=true] em{color:oklch(from var(--on-accent) l c h / .7)}.kit-rows{flex-direction:column;gap:6px;display:flex}.kit-row{min-height:var(--tap-min);padding:var(--space-2) 11px;border-radius:var(--radius-control);background:var(--panel-sub);justify-content:space-between;align-items:center;gap:10px;display:flex}.kit-row-name{flex-direction:column;gap:2px;min-width:0;display:flex}.kit-row-name>b{letter-spacing:.08em;text-transform:uppercase;color:oklch(from var(--text) l c h / .78);font-size:11px;font-weight:600}.kit-row-name>span{font-family:var(--mono);color:var(--muted);font-size:9.5px;line-height:1.3}.kit-row-value{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:11px}.kit-row-value[data-tone=ok]{color:var(--ok)}.kit-row-value[data-tone=warn]{color:var(--warn)}.kit-row-value[data-tone=idle]{color:var(--turquoise)}.kit-actions{flex-wrap:wrap;gap:6px;display:flex}.kit-note{font-family:var(--mono);color:var(--muted);margin:0;font-size:10px;line-height:1.55}.kit-note strong{color:var(--text)}.kit-note-bad{border-radius:var(--radius-control);background:var(--tint-bad);box-shadow:inset 0 0 0 1px var(--edge-bad);padding:11px 12px}.kit-empty{font-family:var(--mono);color:var(--muted);margin:0;font-size:10px;line-height:1.5}.kit-disclosure{border-radius:var(--radius-control);background:var(--panel-sub);overflow:hidden}.kit-disclosure-head{align-items:baseline;gap:var(--space-2);width:100%;min-height:var(--tap-min);padding:var(--space-2) 11px;text-align:left;cursor:pointer;transition:background var(--dur-1) var(--ease-out);background:0 0;border:none;display:flex}.kit-disclosure-head:hover{background:var(--state-hover)}.kit-disclosure-head:before{content:"";border-left:5px solid var(--muted);width:0;height:0;transition:transform var(--dur-2) var(--ease-out);border-top:4px solid #0000;border-bottom:4px solid #0000;flex:none;align-self:center}.kit-disclosure[data-open=true] .kit-disclosure-head:before{transform:rotate(90deg)}.kit-disclosure-title{letter-spacing:.08em;text-transform:uppercase;color:oklch(from var(--text) l c h / .78);font-size:11px;font-weight:600}.kit-disclosure-summary{font-family:var(--mono);color:var(--muted);text-align:right;margin-left:auto;font-size:9.5px}.kit-disclosure-body:not(:empty){gap:var(--space-2);flex-direction:column;padding:0 11px 11px;display:flex}.kit-disclosure-body .panel{background:var(--bg-deep);padding:12px;box-shadow:inset 0 2px 6px oklch(0% 0 0/.6)}.kit-disclosure-body .panel h2{margin:0 0 var(--space-2);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:9.5px;font-weight:500}.latency-choice{gap:var(--space-2);margin:var(--space-3) 0 0;border-radius:var(--radius-control);background:var(--panel-sub);border:none;padding:12px;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.latency-choice legend{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0;font-size:9.5px;font-weight:500}.latency-choice label{align-items:start;gap:var(--space-2);cursor:pointer;grid-template-columns:auto 1fr;display:grid}.latency-choice label>span{gap:var(--space-1);display:grid}.latency-choice input{accent-color:var(--accent)}.latency-choice label .sub{margin:0;font-size:11px}.setup-note{gap:var(--space-2);border-radius:var(--radius-control);background:var(--panel-sub);padding:11px 12px;font-size:12px;line-height:1.5;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.setup-note h3{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0;font-size:11px;font-weight:600}.setup-note p{color:var(--muted);margin:0}.setup-note-bad{background:var(--tint-bad);box-shadow:inset 0 0 0 1px var(--edge-bad)}.kit-keys{gap:var(--space-2);flex-direction:column;display:flex}.kit-keys-grid{gap:var(--space-1);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.kit-key{border-radius:var(--radius-chip);background:var(--bg-deep);align-items:center;gap:5px;min-width:0;padding:5px 6px;display:flex}.kit-key>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-size:10px;overflow:hidden}.kit-finish{justify-content:space-between;align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.kit-finish p{min-width:200px;color:var(--muted);flex:1;margin:0;font-size:12px;line-height:1.5}:root[data-layout=phone] .kit-body{overscroll-behavior:contain;flex-direction:column;overflow-y:auto}:root[data-layout=phone] .kit-mapping{flex:none;min-height:300px}:root[data-layout=phone] .kit-pane{flex:none;overflow:visible}:root[data-layout=phone] .kit-device{display:none}:root[data-layout=phoneLandscape] .kit-mapping{flex:0 0 38%}.pf{gap:var(--space-3);flex-direction:column;display:flex}.pf-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.pf-row-text{min-width:0}.pf-label{letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--text) l c h / .62);font-size:10.5px;font-weight:600;display:block}.pf-hint{font-family:var(--mono);color:var(--muted);margin:3px 0 0;font-size:9.5px;line-height:1.45}.pf-toggle{min-width:76px;min-height:var(--tap-min);font-family:var(--mono);letter-spacing:.08em;flex:none}.pf-toggle.is-on{color:var(--turquoise);box-shadow:inset 0 0 0 1px oklch(from var(--turquoise) l c h / .5), 0 0 12px -5px oklch(from var(--turquoise) l c h / .55)}.pf-slider,.pf-field{gap:var(--space-1);flex-direction:column;display:flex}.pf-slider-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.pf-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--turquoise);font-size:13px}.pf-slider input[type=range]{width:100%;height:26px;accent-color:var(--accent);background:0 0}.pf-slider[data-disabled=true],.pf-field[data-disabled=true]{opacity:var(--disabled-opacity)}.pf-slider[data-disabled=true] .pf-value{color:var(--muted)}.pf-readout{align-items:baseline;gap:var(--space-2);min-height:2.4em;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--bg-deep);font-family:var(--mono);color:var(--muted);flex-wrap:wrap;margin:0;font-size:10px;line-height:1.5;display:flex;box-shadow:inset 0 2px 5px oklch(0% 0 0/.6)}.pf-readout-label{letter-spacing:.08em;text-transform:uppercase;font-weight:600}.pf-readout-pair{align-items:baseline;gap:6px;display:flex}.pf-readout-pair b{font-variant-numeric:tabular-nums;color:var(--turquoise);font-size:13px}.pf-arrow{color:oklch(from var(--text) l c h / .45)}.pf-warn{color:var(--warn)}@media (pointer:coarse){.pf-slider input[type=range]{height:var(--tap-min)}}.pf-pressure{align-items:center;gap:var(--space-2);font-family:var(--mono);color:var(--muted);margin:0;font-size:10px;display:flex}.pf-meter{background:var(--bg-deep);border-radius:3px;flex:1;min-width:0;height:6px;overflow:hidden;box-shadow:inset 0 1px 3px oklch(0% 0 0/.6)}.pf-meter>span{background:var(--turquoise);border-radius:3px;height:100%;display:block}.pf-pressure b{font-variant-numeric:tabular-nums;color:var(--turquoise);font-size:13px}.pt-group{gap:var(--space-2);border-radius:var(--radius-sm);background:var(--panel-sub);border:0;min-width:0;margin:0;padding:12px;display:grid;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.pt-group:disabled .pt-legend:after{content:" · locked";color:var(--warn)}.pt-group:disabled .pt-range,.pt-group:disabled .pt-field input,.pt-group:disabled .pt-hint{opacity:var(--disabled-opacity);cursor:not-allowed}.pt-legend{letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--text) l c h / .62);padding:0;font-size:10.5px;font-weight:600}.pt-keys{border-radius:var(--radius-sm);background:var(--panel-sub);padding:12px;box-shadow:inset 0 1px oklch(100% 0 0/.06)}.pt-keys>summary{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:oklch(from var(--text) l c h / .62);font-size:10.5px;font-weight:600}.pt-keys ul{margin:var(--space-2) 0 var(--space-2);color:var(--muted);gap:5px;padding:0;font-size:11px;list-style:none;display:grid}.pt-row{align-items:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.pt-row.between{justify-content:space-between}.pt-hint{color:var(--muted);margin:0;font-size:.72rem;line-height:1.35}.pt-value{font-family:var(--mono);color:var(--text);font-size:.9rem;font-weight:700}.pt-groove{border-radius:var(--radius-chip);background:var(--panel-sub);box-shadow:inset 0 0 0 1px var(--panel-edge-soft);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--turquoise);margin:0;padding:7px 9px;font-size:.68rem}.pt-groove span{text-transform:none;letter-spacing:.02em;color:var(--muted)}.pt-range:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.pt-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pt-tempo{align-items:center;gap:var(--space-2);grid-template-columns:auto 1fr auto;display:grid}.pt-bpm{justify-items:center;gap:2px;min-width:0;display:grid}.pt-bpm-value{font-family:var(--mono);letter-spacing:-.04em;color:var(--text);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:700;line-height:1}.pt-bpm-unit{letter-spacing:.04em;color:var(--muted);text-align:center;font-size:.68rem;font-weight:600}button.pt-step{min-width:2.4rem;padding:var(--space-2) var(--space-2);font-size:1.05rem;line-height:1}.pt-range{width:100%;accent-color:var(--accent);min-width:0}.pt-range:focus-visible{outline:var(--focus-ring);outline-offset:calc(var(--focus-offset) + 1px)}.pt-range-ends{margin-top:calc(var(--space-1) * -1);font-family:var(--mono);color:var(--muted);justify-content:space-between;font-size:.66rem;display:flex}button.pt-preset{align-items:baseline;gap:var(--space-1);padding:var(--space-1) var(--space-2);flex:auto;justify-content:center;font-size:.75rem;font-weight:700;display:inline-flex}.pt-preset-bpm{font-family:var(--mono);color:var(--muted);font-size:.68rem;font-weight:500}.pt-two{gap:var(--space-2);grid-template-columns:minmax(6rem,auto) 1fr;align-items:end;display:grid}.pt-field{gap:var(--space-1);min-width:0;display:grid}.pt-field-label{color:var(--text-dim);font-size:.7rem;font-weight:600}.pt-field-label b{font-family:var(--mono);color:var(--text)}.pt-field-control{align-items:center;gap:var(--space-1);display:inline-flex}.pt-field input[type=number]{width:3.6rem;padding:var(--space-1) var(--space-2);border:1px solid var(--panel-edge);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--text);font:inherit;font-family:var(--mono);font-size:.85rem}.pt-field input[type=number]:focus-visible{outline:var(--focus-ring);outline-offset:1px}.pt-field-unit{color:var(--muted);font-size:.68rem}.pt-readout{gap:var(--space-1);padding:var(--space-2);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius-sm);background:var(--accent-glow);display:grid}.pt-readout-stats{gap:var(--space-1);grid-template-columns:repeat(3,1fr);display:grid}.pt-stat{gap:1px;min-width:0;display:grid}.pt-stat-value{font-family:var(--mono);color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.1}.pt-stat-label{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-size:.62rem;font-weight:700}.pt-stat-unit{letter-spacing:.02em;text-transform:none;font-weight:500}.pt-outcome{color:var(--text-dim);margin:0;font-size:.76rem;font-weight:600}.pt-outcome-why{padding-left:var(--space-2);border-left:2px solid color-mix(in srgb, var(--accent) 35%, transparent)}.pt-stages{gap:var(--space-1);display:grid}button.pt-stage{gap:var(--space-1);text-align:left;padding:var(--space-2);justify-items:start;display:grid}.pt-stage-name{color:var(--text);font-size:.82rem;font-weight:700}.pt-chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.pt-chips .chip{padding:0 var(--space-1);font-size:.64rem}.pt-bars{gap:var(--space-1);flex-wrap:wrap;display:flex}.pt-bar{min-width:1.7rem;padding:var(--space-1) 2px;border:1px solid var(--panel-edge);border-radius:var(--radius-sm);background:var(--bg-deep);color:var(--muted);font:inherit;font-family:var(--mono);cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex:1.7rem;font-size:.72rem}@media (pointer:coarse){.pt-bar{flex:1 1 var(--tap-min);min-width:var(--tap-min)}button.pt-step{min-width:var(--tap-min)}}.pt-bar:hover:not(:disabled){color:var(--text);border-color:var(--accent-deep)}.pt-bar[aria-pressed=true]{background:linear-gradient(180deg, var(--accent-deep), color-mix(in srgb, var(--accent-deep) 70%, transparent));border-color:var(--accent);color:var(--text);font-weight:700}.pt-bar.anchor{outline:2px solid var(--gold);outline-offset:-2px}.pt-bar:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.pt-seg{gap:2px;min-width:0;display:flex}button.pt-seg-btn{min-width:0;padding:var(--space-2) var(--space-1);white-space:nowrap;text-overflow:ellipsis;border-radius:0;flex:1 1 0;font-size:.74rem;font-weight:600;overflow:hidden}.pt-seg>button.pt-seg-btn:first-child{border-top-left-radius:var(--radius-sm);border-bottom-left-radius:var(--radius-sm)}.pt-seg>button.pt-seg-btn:last-child{border-top-right-radius:var(--radius-sm);border-bottom-right-radius:var(--radius-sm)}.pt-voices{gap:var(--space-1);display:grid}.pt-voice{align-items:center;gap:var(--space-2);grid-template-columns:minmax(4.5rem,6.5rem) 1fr;display:grid}.pt-voice-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:700;overflow:hidden}.pt-voice .pt-seg-btn{padding:var(--space-2) var(--space-1)}.pt-voice .pt-seg-btn.role-guide[aria-pressed=true]{border-color:color-mix(in srgb, var(--grade-ghost) 50%, transparent);background:color-mix(in srgb, var(--grade-ghost) 18%, transparent)}.pt-voice .pt-seg-btn.role-muted[aria-pressed=true]{border-color:color-mix(in srgb, var(--bad) 45%, transparent);background:color-mix(in srgb, var(--bad) 14%, transparent)}button.pt-preset[aria-pressed=true],button.pt-seg-btn[aria-pressed=true]{font-weight:700}button.pt-seg-btn[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--accent)}.pt-voice .pt-seg-btn.role-guide[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--grade-ghost)}.pt-voice .pt-seg-btn.role-muted[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--bad)}button.pt-stage[aria-pressed=true]{background:var(--accent-glow);border-color:var(--edge-accent);color:var(--accent);box-shadow:var(--edge-hi)}.waterfall.waterfall-hw{border-radius:var(--radius-panel);contain:paint;background:#0f0d0c;border:none;flex:1;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #000000d9,inset 0 0 0 1px #ede4d60f}.waterfall.waterfall-hw .waterfall-canvas{touch-action:none;width:100%;height:100%;display:block}.practice{position:relative}.practice-main{gap:var(--screen-gap);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.practice-upper,.practice-lower{gap:var(--screen-gap);min-width:0;display:flex}.practice-upper{flex:1.05 1 0;min-height:96px}.practice-lower{flex:.95 1 0;min-height:190px}.practice-highway{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.rack{overscroll-behavior:contain;gap:var(--space-2);flex-direction:column;flex:none;width:250px;min-height:0;display:flex;overflow-y:auto}@supports (animation-timeline:scroll()){.rack{animation:linear both rack-more-below;animation-timeline:scroll(self);animation-range:contain 80%}@keyframes rack-more-below{0%{-webkit-mask-image:linear-gradient(#000 calc(100% - 32px),#0000 100%);mask-image:linear-gradient(#000 calc(100% - 32px),#0000 100%)}to{-webkit-mask-image:linear-gradient(#000 100%,#0000 100%);mask-image:linear-gradient(#000 100%,#0000 100%)}}}.rack-empty{font-family:var(--mono);color:var(--muted);margin:0;font-size:10px;line-height:1.5}.score-voices{flex-direction:column;gap:6px;display:flex}.score-voice{align-items:center;gap:9px;display:flex}.score-voice-lamp{border-radius:2px;flex:none;width:3px;height:14px}.score-voice-lamp[data-family=kick]{background:var(--fam-kick)}.score-voice-lamp[data-family=snare]{background:var(--fam-snare)}.score-voice-lamp[data-family=hihat]{background:var(--fam-hihat)}.score-voice-lamp[data-family=cymbal]{background:var(--fam-cymbal)}.score-voice-lamp[data-family=tom]{background:var(--fam-tom)}.score-voice-lamp[data-family=perc]{background:var(--fam-perc)}.score-voice-lamp[data-family=tonal]{background:var(--fam-tonal)}.score-voice-name{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.07em;text-transform:uppercase;min-width:0;color:oklch(from var(--text) l c h / .72);flex:1;font-size:10.5px;font-weight:500;overflow:hidden}.score-voice-pct{font-family:var(--mono);font-variant-numeric:tabular-nums;flex:none;font-size:11px}.score-voice-pct[data-band=perfect]{color:var(--grade-perfect)}.score-voice-pct[data-band=good]{color:var(--grade-good)}.score-voice-pct[data-band=ok]{color:var(--grade-ok)}.score-voice-pct[data-band=miss]{color:var(--grade-miss)}.readout-value[data-band=perfect]{color:var(--grade-perfect)}.readout-value[data-band=good]{color:var(--grade-good)}.readout-value[data-band=ok]{color:var(--grade-ok)}.readout-value[data-band=miss]{color:var(--grade-miss)}.readout[data-idle]{visibility:hidden}.practice-warnings:empty{display:none}.transport-play{letter-spacing:.13em;flex:none;min-height:48px;padding:0 20px;font-size:12px}.transport-listen{letter-spacing:.13em;flex:none;min-height:48px;padding:0 16px;font-size:12px}.transport-listen.is-on{color:var(--accent,#ffb030);background:var(--panel-key);box-shadow:inset 0 0 0 1px oklch(80% .12 62/.55),0 4px 10px -4px #000000b3}:root[data-layout=phone] .transport-listen{padding:0 11px}.transport-play.is-playing{color:var(--text);background:linear-gradient(176deg,#3a322e,#241f1d);box-shadow:inset 0 1px #ede4d629,0 4px 10px -4px #000000b3}.transport-track{background:var(--bg-deep);border-radius:3px;height:5px;overflow:hidden;box-shadow:inset 0 1px 2px #000000b3}.transport-fill{transform-origin:0;background:linear-gradient(90deg, var(--accent-deep), var(--accent));width:100%;height:100%;transform:scaleX(0)}.lane-switch{gap:var(--space-1);border-radius:var(--radius-sm);background:var(--bg-deep);flex:none;padding:3px;display:flex;box-shadow:inset 0 2px 5px #000000b3}.lane-tab{min-height:38px;color:oklch(from var(--text) l c h / .55);font-family:var(--font);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);background:0 0;border:none;border-radius:9px;flex:1;font-size:11px;font-weight:600}.lane-tab[aria-pressed=true]{background:linear-gradient(176deg, var(--gold), var(--accent) 55%, var(--accent-deep));color:var(--on-accent);box-shadow:inset 0 1px #fff6}.lane-tab:last-child[aria-pressed=true]{color:var(--text);background:linear-gradient(176deg,#3a322e,#2a2422);box-shadow:inset 0 1px #ede4d629}.practice-warning{align-items:center;gap:var(--space-2);padding:var(--space-2) 12px;border-radius:var(--radius-control);background:var(--tint-warn);box-shadow:inset 0 0 0 1px var(--edge-warn);color:var(--text);flex-wrap:wrap;flex:none;margin:0;font-size:12px;line-height:1.45;display:flex}:root[data-layout=tablet] .practice-upper{flex:1.15 1 0}:root[data-layout=tablet] .practice-lower{flex:1 1 0}:root[data-layout=tablet] .score-rack{display:none}:root[data-layout=phone] .practice-upper,:root[data-layout=phone] .practice-lower{flex:1 1 0;min-height:0}:root[data-layout=phone] .practice-lower{min-height:calc(4 * var(--pad-rhythmic-min) + 3 * var(--pad-gap))}.practice[data-lane=pads] .practice-upper,.practice[data-lane=highway] .practice-lower,:root[data-layout=phone] .score-rack,:root[data-layout=phone] .readout-bpm,:root[data-layout=tabletLandscape] .score-rack{display:none}:root[data-layout=phoneLandscape] .practice-main{flex-direction:row}:root[data-layout=phoneLandscape] .practice-upper{flex:auto;min-height:0}:root[data-layout=phoneLandscape] .practice-lower{min-height:0}:root[data-layout=phoneLandscape] .score-rack{display:none}:root[data-layout=phoneLandscape] .practice-lower{flex:0 0 55%}.practice-briefing{padding:var(--space-3) var(--space-4);max-height:45%;color:var(--text-2,#c6bbac);pointer-events:none;background:linear-gradient(#14110df0 62%,#14110d00);margin:0;font-size:13px;line-height:1.5;position:absolute;inset:0 0 auto;overflow:hidden}:root[data-layout=desktop] .practice-briefing,:root[data-layout=tabletLandscape] .practice-briefing,:root[data-layout=tablet] .practice-briefing{right:26%}:root[data-layout=phoneLandscape] .practice-briefing,:root[data-layout=tabletLandscape] .practice-briefing{max-height:38%;font-size:12px}:root[data-layout=phone] .practice-briefing{padding:var(--space-2) var(--space-3);font-size:12px}.practice-rail{display:contents}.practice-rail>.transport{order:90}:root[data-layout=tabletLandscape] .practice,:root[data-layout=phoneLandscape] .practice{flex-direction:row}:root[data-layout=tabletLandscape] .practice-rail,:root[data-layout=phoneLandscape] .practice-rail{gap:var(--screen-gap);flex-direction:column;flex:none;width:210px;min-height:0;display:flex}:root[data-layout=tabletLandscape] .practice-rail .screen-head,:root[data-layout=phoneLandscape] .practice-rail .screen-head{align-items:stretch;gap:var(--space-2);flex-direction:column}:root[data-layout=tabletLandscape] .practice-rail .readouts,:root[data-layout=phoneLandscape] .practice-rail .readouts{gap:var(--readout-gap);grid-template-columns:1fr 1fr;display:grid}:root[data-layout=tabletLandscape] .practice-rail .readout,:root[data-layout=phoneLandscape] .practice-rail .readout{align-items:flex-start;padding:6px 9px}:root[data-layout=tabletLandscape] .practice-rail>.transport,:root[data-layout=phoneLandscape] .practice-rail>.transport{flex-direction:column;order:0;align-items:stretch;margin-top:auto}:root[data-layout=tabletLandscape] .practice-rail .transport-play,:root[data-layout=phoneLandscape] .practice-rail .transport-play,:root[data-layout=tabletLandscape] .practice-rail .transport-listen,:root[data-layout=phoneLandscape] .practice-rail .transport-listen{justify-content:center}:root[data-layout=tabletLandscape] .practice-rail .transport-status,:root[data-layout=phoneLandscape] .practice-rail .transport-status{flex:none}:root[data-layout=tabletLandscape] .practice-rail .beat-lamps,:root[data-layout=phoneLandscape] .practice-rail .beat-lamps{justify-content:center}:root[data-layout=tabletLandscape] .practice-upper{flex:.62 1 0}:root[data-layout=tabletLandscape] .practice-lower{flex:1 1 0}:root[data-layout=tabletLandscape] .practice-rail .screen-head h1,:root[data-layout=phoneLandscape] .practice-rail .screen-head h1{white-space:normal;line-height:1.05;overflow:visible}:root[data-layout=tabletLandscape] .practice-rail .eyebrow,:root[data-layout=phoneLandscape] .practice-rail .eyebrow{white-space:normal;line-height:1.35}:root[data-layout=tabletLandscape] .score-rack{display:flex}:root[data-layout=phoneLandscape][data-compact] .practice-rail{width:140px}:root[data-layout=phoneLandscape][data-compact] .practice-rail .readouts{grid-template-columns:1fr}:root[data-layout=phoneLandscape][data-compact] .readout-accuracy{display:none}:root[data-layout=phoneLandscape][data-compact] .practice-lower{flex:0 0 62%}.adjust-sheet{z-index:96;gap:var(--space-2);width:min(560px,100vw);padding:var(--space-2);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:color-mix(in srgb, var(--chassis) 97%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.1);max-height:min(86vh,760px);box-shadow:inset 0 1px 0 var(--panel-edge-soft), 0 -12px 36px -12px oklch(0% 0 0/.9);border-radius:16px 16px 0 0;flex-direction:column;animation:.16s ease-out adjust-sheet-in;display:flex;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%)}@keyframes adjust-sheet-in{0%{transform:translate(-50%,100%)}}@media (prefers-reduced-motion:reduce){.adjust-sheet{animation:none}}:root:not([data-layout=phone]) .adjust-sheet{bottom:var(--space-3);border-radius:16px;animation-name:adjust-sheet-rise}@keyframes adjust-sheet-rise{0%{opacity:0;transform:translate(-50%,8px)}}@media (prefers-reduced-motion:reduce){:root:not([data-layout=phone]) .adjust-sheet{animation:none}}.adjust-sheet-head{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.adjust-sheet-head h2{letter-spacing:.02em;margin:0;font-size:15px}.adjust-sheet-close{font:inherit;color:var(--text-dim);cursor:pointer;min-height:var(--tap-min,44px);background:0 0;border:0;padding:0}.adjust-sheet-close:hover,.adjust-sheet-close:focus-visible{color:var(--ink)}.adjust-sheet .rack{width:auto;animation:none;overflow:visible;-webkit-mask-image:none;mask-image:none}.practice .transport-status-line>span{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:19px;display:-webkit-box;overflow:hidden}.practice-arc{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--text-1,#efe7d8);background:linear-gradient(#14110d00,#14110df0 30%);margin:0;font-size:13px;line-height:1.4;display:flex;position:absolute;inset:auto 0 0}.practice-arc-line{min-width:0;margin:0}.practice-arc-actions{gap:var(--space-2);flex:none;display:flex}.practice-arc-skip,.practice-arc-free{padding:2px 10px;font-size:12px}.transport-walk{min-height:var(--tap-min,44px);padding:0 var(--space-4);border:1px dashed var(--line-2,#4a4234);color:var(--text-2,#c6bbac);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.practice-reading{gap:var(--space-2);padding:var(--space-3) var(--space-4);pointer-events:none;background:linear-gradient(#14110df0 70%,#14110d00);flex-direction:column;max-height:78%;display:flex;position:absolute;inset:0 0 auto;overflow:hidden auto}:root[data-layout=desktop] .practice-reading,:root[data-layout=tabletLandscape] .practice-reading,:root[data-layout=tablet] .practice-reading{right:26%}.practice-reading .practice-briefing{background:0 0;max-height:none;padding:0;position:static}.chart{gap:var(--space-2);font-family:var(--mono);flex-direction:column;display:flex}.chart-strip{gap:2px;display:grid}.chart-bars{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;font-size:10px}.chart-row{align-items:center;gap:var(--space-2);grid-template-columns:4.5rem 1fr;display:grid}.chart-row.is-resting{opacity:.38}.chart-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-2,#c6bbac);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.chart-cells{grid-template-columns:repeat(var(--chart-columns,32), minmax(0, 1fr));gap:1px;display:grid}.chart-cell{aspect-ratio:1;background:#ffffff0b;border-radius:2px;min-height:9px;position:relative}.chart-cell.on-beat{background:#ffffff1a}.chart-cell.is-now{outline:1px solid var(--accent);outline-offset:-1px}.chart-cell.is-hit:after,.chart-cell.is-accent:after,.chart-cell.is-ghost:after{content:"";background:var(--fam);border-radius:50%;position:absolute;inset:22%}.chart-cell.is-accent:after{inset:10%}.chart-cell.is-ghost:after{border:1.5px solid var(--fam);background:0 0;inset:30%}:root[data-layout=phone] .chart-row,:root[data-layout=phoneLandscape] .chart-row{grid-template-columns:3rem 1fr}:root[data-layout=phoneLandscape] .practice-reading{max-height:70%}:root[data-layout=phoneLandscape] .practice-arc{flex-wrap:wrap;font-size:12px}:root[data-layout=phoneLandscape] .practice-arc-line{flex:100%}.chart-cell.is-played:after{background:color-mix(in oklab, var(--map-late) calc((var(--lean,0) * 50% + 50%)), var(--map-early));opacity:var(--sure,1)}.chart-cell.is-dropped:after{border:1.5px dashed var(--map-dropped);opacity:1;background:0 0}.chart-legend{align-items:center;gap:var(--space-2);margin:var(--space-1) 0 0;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:10px;display:flex}.chart-legend-scale{background:linear-gradient(to right, var(--map-early), var(--map-mid), var(--map-late));border-radius:3px;flex:0 8rem;height:6px}.practice-latency{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.practice-latency strong{color:var(--text-2,#c6bbac)}.pad[data-role=guide]{opacity:.72;box-shadow:inset 0 -2px 0 0 var(--accent)}.pad[data-role=muted]{opacity:.4}.pad[data-role=guide] .pad-lamp{background:var(--accent)}@media (prefers-reduced-motion:reduce){.pad[data-role=guide],.pad[data-role=muted]{transition:none}}