.score{display:block;width:100%;height:auto;margin:0;border-radius:var(--radius-card);outline:none}.score:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:4px}.score__bar-number{font-family:var(--font-brand);font-size:15px;font-weight:800;fill:var(--mth-charcoal);font-variant-numeric:tabular-nums;letter-spacing:.02em}.score__count{font-family:var(--font-brand);font-size:13px;font-weight:400;fill:var(--grey-500);font-variant-numeric:tabular-nums}.score__count--beat{font-weight:700;fill:var(--mth-charcoal)}.score__row-name{font-family:var(--font-brand);font-size:14px;font-weight:700;fill:var(--text-body)}.score__lane{fill:var(--surface-white);stroke:var(--grey-300);stroke-width:1}.score__row-divider{stroke:var(--grey-300);stroke-width:1}.score__line--step{stroke:var(--line-step);stroke-width:1}.score__line--beat{stroke:var(--line-beat);stroke-width:2}.score__line--bar{stroke:var(--line-bar);stroke-width:3.5}.score{touch-action:pan-y}.score--erase{touch-action:none}.score--length{cursor:default}.score--erase{cursor:crosshair}.score__cursor{fill:none;stroke:var(--mth-charcoal);stroke-width:2;stroke-dasharray:4 3;pointer-events:none}.event{pointer-events:none}.event__badge{stroke:#161b2224;stroke-width:1}.event__letter{font-family:var(--font-brand);font-size:19px;font-weight:700}.event--selected .event__badge{stroke:var(--mth-charcoal);stroke-width:3}.event__handle{stroke:var(--surface-white);stroke-width:2;cursor:ew-resize}.loop__hit{fill:transparent;cursor:text}.loop__region{fill:var(--loop-gold-fill);stroke:var(--loop-gold);stroke-width:1.5;pointer-events:none}.loop__handle-grip{fill:var(--loop-gold);stroke:var(--surface-white);stroke-width:2;cursor:ew-resize;touch-action:none}.loop__handle-grip:hover,.loop__handle-grip:focus-visible{fill:color-mix(in srgb,var(--loop-gold) 82%,#000);outline:none}.score__row-label{cursor:pointer}.score__row-label-hit{fill:transparent}.score__row-label:hover .score__row-label-hit,.score__row-label:focus-visible .score__row-label-hit{fill:var(--grey-100)}.score__row-label:focus-visible{outline:none}.score__row-label:focus-visible .score__row-label-hit{stroke:var(--mth-charcoal);stroke-width:2}.pitch-step{cursor:pointer}.pitch-step__knob{fill:var(--mth-charcoal);stroke:var(--surface-white);stroke-width:1.5}.pitch-step__arrow{fill:var(--surface-white);pointer-events:none}.pitch-step:hover .pitch-step__knob,.pitch-step:focus-visible .pitch-step__knob{fill:var(--mth-pink)}.pitch-step:focus-visible{outline:none}.lane-bin-wrap{height:100%;display:flex;align-items:center;justify-content:center}.lane-bin{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--grey-500);transition:background var(--motion-quick) var(--ease-out),color var(--motion-quick) var(--ease-out)}.lane-bin:hover,.lane-bin:focus-visible{background:var(--grey-100);color:var(--collision-outline)}.lane-bin:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:2px}.repeat__region{fill:#ff007f0f;stroke:var(--mth-pink);stroke-width:2;pointer-events:none}.repeat__pill{height:100%;display:flex;align-items:center;justify-content:center;gap:1px;padding:0 6px;background:var(--mth-pink);border-radius:var(--radius-pill);box-shadow:var(--shadow-card)}.repeat__pill-x{color:var(--surface-white);font-weight:700;font-size:13px}.repeat__times{width:26px;padding:0;border:none;background:transparent;color:var(--surface-white);font:inherit;font-weight:700;font-size:14px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.repeat__times::-webkit-outer-spin-button,.repeat__times::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.repeat__times:focus{outline:2px solid var(--surface-white);outline-offset:1px;border-radius:4px}.repeat__badge rect{fill:var(--mth-pink)}.repeat__badge text{font-family:var(--font-brand);font-size:11px;font-weight:700;fill:var(--surface-white)}.repeat__preview{fill:var(--mth-mint);fill-opacity:.25;stroke:var(--mth-mint);stroke-width:2;pointer-events:none}.score__invalid{fill:var(--collision-outline);fill-opacity:.12;stroke:var(--collision-outline);stroke-width:2;pointer-events:none}.score__playhead{stroke:var(--mth-pink);stroke-width:3;stroke-linecap:round;pointer-events:none}.classical{margin:0;padding:var(--space-4);border-radius:var(--radius-card);background:var(--surface-white);border:1px solid var(--grey-300)}.classical__svg{display:block;width:100%;height:auto}.classical__svg path,.classical__svg rect{fill:var(--mth-charcoal);stroke:var(--mth-charcoal)}.classical__svg text{font-family:var(--font-brand);fill:var(--mth-charcoal)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{font-family:var(--font-brand);font-size:1rem;line-height:1.5;color:var(--mth-charcoal);background:var(--canvas-cream);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.app__body{display:flex;flex:1;min-height:0}.workspace{flex:1;min-width:0;display:flex;flex-direction:column;padding:var(--space-5);padding-right:var(--space-2);padding-bottom:calc(var(--transport-height) + var(--space-4))}.workspace__scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--grey-300) transparent}.workspace__scroll::-webkit-scrollbar{width:12px}.workspace__scroll::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:var(--radius-pill);border:3px solid var(--canvas-cream)}.workspace__scroll::-webkit-scrollbar-thumb:hover{background:var(--grey-500)}.workspace__scroll::-webkit-scrollbar-track{background:transparent}.workspace__placeholder{max-width:32ch;margin:var(--space-8) auto;text-align:center;color:var(--grey-500)}.score-controls{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-3);max-width:1320px;width:100%;margin:0 0 var(--space-3)}.score-controls__count{margin:0 0 0 auto;font-size:.875rem;color:var(--grey-500);font-variant-numeric:tabular-nums}.score-controls__grid{display:flex;align-items:center;gap:var(--space-2)}.score-controls__grid-label{font-size:.875rem;font-weight:700;color:var(--grey-500)}.score-controls__grid .button{min-width:3.25rem;padding:0 var(--space-3);justify-content:center;font-variant-numeric:tabular-nums}.button--ghost.button--active{background:var(--mth-mint);border-color:var(--mth-mint);color:var(--mth-charcoal)}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--space-4)}.sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#161b2259}.sheet__panel{position:relative;width:min(420px,100%);max-height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--surface-white);box-shadow:var(--shadow-raised)}.sheet__title{margin:0;font-size:1.5rem;font-weight:700}.sheet__sounds{display:flex;flex-direction:column;gap:var(--space-2)}.sheet__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2);border:none;padding:0;margin:0}.field__label{font-size:.875rem;font-weight:700;color:var(--grey-500);padding:0}.field__input{font-family:var(--font-brand);font-size:1rem;min-height:var(--target-min);padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:10px;background:var(--surface-white);color:var(--mth-charcoal)}.field__input:focus{outline:none;border-color:var(--mth-pink)}.sheet__text{margin:0;color:var(--text-body)}.sheet__status{margin:0 auto 0 0;align-self:center;font-size:.875rem;font-weight:700;color:var(--mth-charcoal)}.sheet__error{margin:0;min-height:1.5rem;font-size:.875rem;font-weight:700;color:var(--collision-outline)}.code-box{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;width:100%;padding:var(--space-3);border:2px solid var(--grey-300);border-radius:10px;background:var(--grey-100);color:var(--mth-charcoal);resize:vertical;word-break:break-all}.code-box:focus{outline:none;border-color:var(--mth-pink)}.button.has-unsaved{position:relative}.button.has-unsaved:after{content:"";position:absolute;top:6px;right:8px;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--mth-pink)}.header{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);flex:0 0 var(--header-height);padding:0 var(--space-5);background:var(--surface-white);border-bottom:1px solid var(--grey-300)}.header__logo{height:40px;width:auto;margin-right:var(--space-2)}.header__app-name{font-size:1.125rem;font-weight:700;color:var(--mth-charcoal);white-space:nowrap;padding-right:var(--space-3);border-right:1px solid var(--grey-300)}.header__title-field{min-width:0}.header__title{font-family:var(--font-brand);font-size:1.25rem;font-weight:700;color:var(--mth-charcoal);background:transparent;border:2px solid transparent;border-radius:10px;padding:var(--space-2) var(--space-3);width:22ch;max-width:100%}.header__title:hover{background:var(--grey-100)}.header__title:focus{outline:none;border-color:var(--mth-pink);background:var(--surface-white)}.header__group{display:flex;align-items:center;gap:var(--space-2)}.header__group--end{margin-left:auto}.export-options{display:flex;flex-direction:column;gap:var(--space-3)}.export-progress{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center}.export-progress__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#161b2280}.export-progress__panel{position:relative;width:min(440px,calc(100vw - var(--space-6)));display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-raised);text-align:center}.export-progress__title{margin:0;font-size:1.25rem;color:var(--mth-charcoal)}.export-progress__text{margin:0;color:var(--grey-500)}.export-progress__bar{width:100%;height:12px;border-radius:var(--radius-pill);background:var(--grey-100);overflow:hidden}.export-progress__fill{height:100%;background:var(--mth-pink);border-radius:var(--radius-pill);transition:width .12s linear}.export-progress__percent{font-weight:700;color:var(--mth-charcoal)}.settings-menu{position:relative}.settings-menu__chevron{display:inline-flex;transition:transform var(--motion-quick) var(--ease-out)}.settings-menu__chevron.is-open{transform:rotate(180deg)}.settings-menu__spinner{width:16px;height:16px;border:2px solid var(--grey-300);border-top-color:var(--mth-pink);border-radius:var(--radius-pill);animation:settings-menu-spin .7s linear infinite}@keyframes settings-menu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.settings-menu__spinner{animation-duration:2.5s}}.settings-menu__panel{position:absolute;top:calc(100% + var(--space-2));right:0;z-index:20;min-width:14rem;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);background:var(--surface-white);border:1px solid var(--grey-300);border-radius:var(--radius-card);box-shadow:var(--shadow-raised)}.settings-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--target-min);padding:0 var(--space-3);border:none;border-radius:var(--radius-cell);background:transparent;color:var(--mth-charcoal);font-weight:600;text-align:left;transition:background var(--motion-quick) var(--ease-out)}.settings-menu__item:hover:not(:disabled),.settings-menu__item:focus-visible{background:var(--grey-100)}.settings-menu__item:disabled{color:var(--grey-500)}.settings-menu__item.has-unsaved{position:relative}.settings-menu__item.has-unsaved:after{content:"";position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);width:8px;height:8px;border-radius:var(--radius-pill);background:var(--mth-pink)}.settings-menu__divider{border:none;border-top:1px solid var(--grey-300);margin:var(--space-1) var(--space-2)}.settings-menu__state{margin-left:auto;font-size:.8125rem;font-weight:700;color:var(--grey-500)}.settings-menu__item.is-on .settings-menu__state{color:var(--mth-pink)}.button{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-4);border:2px solid transparent;border-radius:var(--radius-pill);background:var(--mth-pink);color:var(--surface-white);font-weight:700;transition:background var(--motion-quick) var(--ease-out)}.button:hover:not(:disabled){background:var(--mth-pink-hover)}.button--ghost{background:transparent;color:var(--mth-charcoal);border-color:var(--grey-300)}.button--ghost:hover:not(:disabled){background:var(--grey-100)}.button--toggle{background:transparent;color:var(--mth-charcoal);border-color:var(--grey-300)}.button--toggle.is-active{background:var(--mth-mint);border-color:var(--mth-mint);color:var(--mth-charcoal)}.button:disabled{background:var(--grey-100);border-color:transparent;color:var(--grey-500);cursor:not-allowed;box-shadow:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--target-min);height:var(--target-min);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);transition:background var(--motion-quick) var(--ease-out)}.icon-button:hover:not(:disabled){background:var(--grey-100)}.icon-button:disabled{color:var(--grey-300);border-color:var(--grey-100);cursor:not-allowed}.segmented{display:inline-flex;padding:4px;gap:4px;background:var(--grey-100);border-radius:var(--radius-pill)}.segmented__option{display:inline-flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border:none;border-radius:var(--radius-pill);background:transparent;color:var(--text-body);font-weight:700;transition:all var(--motion-quick) var(--ease-out)}.segmented__option.is-active{background:var(--mth-pink);color:var(--surface-white);box-shadow:var(--shadow-card)}.palette{flex:0 0 var(--palette-width);width:var(--palette-width);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-3);overflow:hidden;background:var(--surface-white);border-right:1px solid var(--grey-300)}.palette__heading{margin:0 0 var(--space-1);font-size:.8125rem;font-weight:700;color:var(--grey-500)}.palette__tools{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.palette__tools--pair{grid-template-columns:1fr 1fr}.tool{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--target-min);height:72px;padding:0 var(--space-2);border:2px solid var(--grey-300);border-radius:14px;background:var(--surface-white);color:var(--mth-charcoal);font-size:.875rem;font-weight:700;transition:all var(--motion-quick) var(--ease-out)}.tool:hover:not(:disabled){background:var(--grey-100)}.tool.is-active{border-color:var(--mth-pink);background:color-mix(in srgb,var(--mth-pink) 8%,var(--surface-white));color:var(--mth-pink)}.tool:disabled{color:var(--grey-300);border-color:var(--grey-100);cursor:not-allowed}.sound-select{font-family:var(--font-brand);font-size:.9375rem;font-weight:700;width:100%;min-height:var(--target-min);padding:0 var(--space-2);margin-bottom:var(--space-2);border:2px solid var(--grey-300);border-radius:12px;background:var(--surface-white);color:var(--mth-charcoal);cursor:pointer}.sound-select:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:2px}.sound-chip{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);height:var(--target-min);padding:0 var(--space-2) 0 6px;border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);text-align:left;transition:all var(--motion-quick) var(--ease-out)}.sound-chip:hover{background:var(--grey-100)}.sound-chip.is-selected{border-color:var(--mth-pink);box-shadow:var(--shadow-card)}.sound-chip__badge{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-weight:700;font-size:.875rem;flex:0 0 auto}.sound-chip__label{font-weight:700;font-size:.875rem}.sound-chip__letter{color:var(--grey-500);font-weight:400;font-size:.8125rem}.palette__helper{margin:0;padding:var(--space-2) var(--space-3);border-radius:12px;background:var(--grey-100);color:var(--text-body);font-size:.875rem;min-height:2.6rem}.performers{display:flex;flex-direction:column;gap:var(--space-2)}.performers__count{display:flex;gap:var(--space-2)}.perf-count{flex:1 1 0;min-height:2.25rem;border:2px solid var(--grey-300);border-radius:10px;background:var(--surface-white);color:var(--mth-charcoal);font-weight:700;font-variant-numeric:tabular-nums}.perf-count.is-active{border-color:var(--mth-charcoal);background:var(--mth-charcoal);color:var(--surface-white)}.perf-count:disabled{opacity:.4;cursor:not-allowed}.performers__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.performer{display:flex;align-items:center;gap:var(--space-2)}.performer__swatch{flex:0 0 auto;width:16px;height:16px;border-radius:5px}.performer__name{flex:1 1 auto;min-width:0;font-family:var(--font-brand);font-size:.875rem;font-weight:700;min-height:2.25rem;padding:0 var(--space-2);border:2px solid var(--grey-300);border-radius:8px;background:var(--surface-white);color:var(--mth-charcoal)}.performer__name:focus{outline:none;border-color:var(--mth-pink)}.performer__assign{flex:0 0 auto;min-height:2.25rem;padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font-weight:700;font-size:.8125rem}.performer__assign.is-active{border-color:var(--mth-pink);background:var(--mth-pink);color:var(--surface-white)}.performers__hint{margin:0;padding:var(--space-2) var(--space-3);border-radius:10px;background:color-mix(in srgb,var(--mth-pink) 12%,white);color:var(--mth-charcoal);font-size:.8125rem;font-weight:700}.performers__consolidate{min-height:var(--target-min);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font-weight:700}.performers__consolidate.is-active{border-color:var(--mth-mint);background:var(--mth-mint);color:var(--mth-charcoal)}.lane-picker{height:100%;display:flex;flex-direction:column;justify-content:center;gap:2px;padding-right:6px;overflow:hidden}.lane-picker__head{display:flex;align-items:center;gap:4px;min-width:0}.lane-picker__player{flex:0 0 auto;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;color:#fff;font-family:var(--font-brand);font-size:10px;font-weight:700;line-height:1}.lane-picker__name{max-width:100%;padding:0;border:0;background:transparent;font-family:var(--font-brand);font-size:11px;font-weight:700;line-height:1;color:var(--grey-500);text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lane-picker__name:hover{color:var(--mth-charcoal);text-decoration:underline}.lane-picker__name:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:1px;border-radius:4px}.lane-picker__row{display:flex;align-items:center;gap:4px}.lane-picker__select{flex:1 1 auto;min-width:0;font-family:var(--font-brand);font-size:12px;font-weight:700;height:30px;padding:0 2px;border:2px solid var(--mth-pink);border-radius:8px;background:var(--surface-white);color:var(--mth-charcoal);cursor:pointer}.lane-picker__select:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:1px}.player-pick{display:flex;flex-wrap:wrap;gap:var(--space-2)}.player-pick__chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min);padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font-weight:700;cursor:pointer}.player-pick__chip.is-selected{border-color:var(--player-colour);background:color-mix(in srgb,var(--player-colour) 12%,white)}.player-pick__dot{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--player-colour);color:#fff;font-size:12px}.stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end}.stage__frame{position:relative;aspect-ratio:620 / 740;width:100%;max-height:100%;margin-inline:auto;border-radius:var(--radius-card);background:var(--grey-100);overflow:hidden}.stage__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.stage__caption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:var(--space-1) var(--space-2);text-align:center;font-size:.8125rem;font-weight:700;color:var(--mth-charcoal);background:#fffaf0e6}.transport{position:fixed;left:var(--palette-width);right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);height:var(--transport-height);padding:0 var(--space-3);background:var(--surface-white);border-top:1px solid var(--grey-300);box-shadow:0 -2px 8px #161b220f}.transport__controls{display:flex;align-items:center;gap:var(--space-3)}.transport__button{display:grid;place-items:center;width:var(--target-transport);height:var(--target-transport);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);transition:all var(--motion-quick) var(--ease-out)}.transport__button--primary{background:var(--mth-pink);border-color:var(--mth-pink);color:var(--surface-white);box-shadow:var(--shadow-raised)}.transport__button--primary:hover{background:var(--mth-pink-hover);border-color:var(--mth-pink-hover)}.transport__button:disabled{color:var(--grey-300);border-color:var(--grey-100);background:var(--grey-100);cursor:not-allowed;box-shadow:none}.count-in{display:flex;align-items:center;gap:var(--space-2)}.count-in__dots{display:flex;gap:5px}.count-in__dot{width:14px;height:14px;border-radius:var(--radius-pill);background:var(--grey-100);border:2px solid var(--grey-300);transition:all var(--motion-quick) var(--ease-out)}.count-in__dot.is-lit{background:var(--mth-pink);border-color:var(--mth-pink)}.switch{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;font-weight:700;cursor:pointer}.switch input{width:20px;height:20px;accent-color:var(--mth-pink);cursor:pointer}.tempo{display:flex;flex-direction:column;align-items:center;gap:2px}.tempo__label{font-size:.8125rem;font-weight:700;color:var(--grey-500);line-height:1}.stepper{display:flex;align-items:center;gap:var(--space-2);padding:3px;border:2px solid var(--grey-300);border-radius:var(--radius-pill)}.stepper__button{display:grid;place-items:center;width:34px;height:30px;border:none;border-radius:var(--radius-pill);background:var(--grey-100);color:var(--mth-charcoal);font-size:1.25rem;font-weight:700}.stepper__button:hover:not(:disabled){background:var(--grey-300)}.stepper__button:disabled{color:var(--grey-300);cursor:not-allowed}.stepper__value{min-width:5.5ch;text-align:center;font-weight:700;font-variant-numeric:tabular-nums}.stepper__unit{font-weight:400;font-size:.8125rem;color:var(--grey-500)}.transport__toggle{min-height:0;height:40px;padding:0 var(--space-4);margin-top:calc(.8125rem + 2px)}.backing-beat{display:flex;flex-direction:column;gap:2px}.backing-beat__label{font-size:.8125rem;color:var(--grey-500);text-align:center}.backing-beat__select{height:40px;padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font:inherit;font-weight:600;cursor:pointer}.backing-beat__select:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:2px}.sound-key{margin:0 0 0 auto;min-width:0;display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:max-content;align-content:center;justify-content:start;gap:var(--space-1) var(--space-4);max-height:calc(var(--transport-height) - var(--space-4));overflow-x:auto;padding:var(--space-2) var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--grey-100)}.sound-key::-webkit-scrollbar{height:8px}.sound-key::-webkit-scrollbar-thumb{background:var(--grey-300);border-radius:999px}.sound-key__item{display:flex;align-items:center;gap:var(--space-2);margin:0}.sound-key__badge{display:grid;place-items:center;min-width:26px;height:24px;padding:0 6px;border-radius:var(--radius-cell);font-size:.8125rem;font-weight:700}.sound-key__label{margin:0;font-size:.8125rem;font-weight:700;color:var(--mth-charcoal);white-space:nowrap}@media(max-width:1099px){:root{--palette-width: 196px}.workspace{padding:var(--space-4);padding-bottom:calc(var(--transport-height) + var(--space-4))}.transport{gap:var(--space-4)}}@media(min-width:1600px){:root{--palette-width: 248px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5, 24px);background:var(--grey-100, #f1ede3)}.gate__inner{width:100%;max-width:420px}.gate__card{display:flex;flex-direction:column;gap:var(--space-3, 12px);background:var(--surface-white, #fff);border:1px solid var(--grey-300, #d5d2ca);border-radius:var(--radius-card, 16px);padding:var(--space-5, 24px);box-shadow:var(--shadow-card, 0 2px 8px rgba(22, 27, 34, .08))}.gate__title{margin:0;font-family:var(--font-brand, sans-serif);font-size:1.5rem;font-weight:800;color:var(--mth-charcoal, #161b22)}.gate__lead{margin:0;color:var(--grey-500, #6b7280)}.gate__muted{color:var(--grey-500, #6b7280);text-align:center}.gate__field{display:flex;flex-direction:column;gap:4px;font-size:.875rem;color:var(--mth-charcoal, #161b22)}.gate__input,.gate__code-input{width:100%;padding:10px 12px;border:2px solid var(--grey-300, #d5d2ca);border-radius:var(--radius-pill, 999px);background:var(--surface-white, #fff);color:var(--mth-charcoal, #161b22);font:inherit}.gate__code-input{text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.08em;border-radius:var(--radius-card, 16px)}.gate__input:focus-visible,.gate__code-input:focus-visible{outline:2px solid var(--mth-charcoal, #161b22);outline-offset:2px}.gate__btn{padding:11px 16px;border:2px solid var(--grey-300, #d5d2ca);border-radius:var(--radius-pill, 999px);background:var(--surface-white, #fff);color:var(--mth-charcoal, #161b22);font:inherit;font-weight:700;cursor:pointer}.gate__btn--primary{background:var(--mth-pink, #ff007f);border-color:var(--mth-pink, #ff007f);color:#fff}.gate__btn:disabled{opacity:.55;cursor:default}.gate__link{align-self:center;border:none;background:none;color:var(--grey-500, #6b7280);font:inherit;cursor:pointer;text-decoration:underline}.gate__error{margin:0;color:var(--collision-outline, #d1495b);font-size:.875rem}.gate__success{margin:0;color:#1a7f52;font-size:.875rem}.teacher-shell{display:flex;flex-direction:column;height:100vh;height:100dvh}.teacher-shell>.app{height:auto;flex:1;min-height:0}.teacher-bar{display:flex;align-items:center;gap:var(--space-4, 16px);padding:8px var(--space-4, 16px);background:var(--mth-charcoal, #161b22);color:#fff;flex-wrap:wrap}.teacher-bar__who{display:flex;align-items:baseline;gap:8px;min-width:0}.teacher-bar__role{font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;background:#ffffff24;padding:2px 8px;border-radius:var(--radius-pill, 999px)}.teacher-bar__email{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-bar__access{font-size:.8rem;color:#fff9}.teacher-bar__session{display:flex;align-items:center;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.teacher-bar__code-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#fff9}.teacher-bar__code{font-family:var(--font-brand, sans-serif);font-weight:800;font-size:1.5rem;letter-spacing:.06em;color:var(--loop-gold, #f2b705)}.teacher-bar__hint{font-size:.8rem;color:#ffffffbf}.teacher-bar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.teacher-bar__btn{padding:7px 14px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill, 999px);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.teacher-bar__btn--primary{background:var(--mth-pink, #ff007f);border-color:var(--mth-pink, #ff007f)}.teacher-bar__btn:disabled{opacity:.55;cursor:default}.teacher-bar__link{border:none;background:none;color:#fffc;font:inherit;cursor:pointer;text-decoration:underline}.teacher-bar__error{color:#ffb3c6;font-size:.8rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#161b2280;padding:var(--space-4, 16px)}.modal{width:100%;max-width:380px;display:flex;flex-direction:column;gap:var(--space-3, 12px);background:var(--surface-white, #fff);border-radius:var(--radius-card, 16px);padding:var(--space-5, 24px);box-shadow:var(--shadow-card, 0 8px 30px rgba(22, 27, 34, .2))}.modal__title{margin:0;font-family:var(--font-brand, sans-serif);font-size:1.25rem;font-weight:800;color:var(--mth-charcoal, #161b22)}.modal__actions{display:flex;justify-content:flex-end;gap:10px}:root{--mth-pink: #ff007f;--mth-mint: #92e0b9;--mth-charcoal: #161b22;--canvas-cream: #fffaf0;--surface-white: #ffffff;--text-body: #333333;--grey-500: #6b7280;--grey-300: #d5d2ca;--grey-100: #f1ede3;--tier-mild: #92e0b9;--tier-warm: #f5a623;--tier-spicy: #ff007f;--snd-kick: #ff007f;--snd-snare: #f5a623;--snd-hat: #2fb8a6;--snd-bass: #7b61ff;--snd-hooves: #8b5e3c;--snd-wind: #4a90d9;--snd-explosion: #e14b3b;--snd-jump: #3da35d;--font-brand: "Lato", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-card: 16px;--radius-cell: 8px;--radius-pill: 999px;--shadow-card: 0 2px 8px rgba(22, 27, 34, .08);--shadow-raised: 0 4px 16px rgba(22, 27, 34, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px}:root{--mth-pink-hover: #e00070;--mth-pink-press: #c60063;--collision-outline: #e14b3b;--loop-gold: #b88a1a;--loop-gold-fill: rgba(214, 164, 42, .2);--header-height: 72px;--palette-width: 232px;--transport-height: 80px;--workspace-padding: var(--space-5);--step-width: clamp(24px, 2.2vw, 36px);--system-width: calc(var(--step-width) * 32);--lane-height: 80px;--ruler-height: 28px;--dynamics-height: 30px;--system-gap: var(--space-5);--line-step: var(--grey-300);--line-beat: #b3ada0;--line-bar: #4a5058;--target-min: 48px;--target-transport: 56px;--motion-quick: .15s;--motion-calm: .25s;--ease-out: cubic-bezier(.22, .61, .36, 1)}@media(prefers-reduced-motion:reduce){:root{--motion-quick: 1ms;--motion-calm: 1ms}}