.gate{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5);background:var(--grey-100)}.gate__inner{width:100%;max-width:420px}.gate__logo{display:block;width:200px;max-width:70%;height:auto;margin:0 auto var(--space-5)}.gate__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--surface-white);border:1px solid var(--grey-300);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.gate__title{margin:0;font-family:var(--font-brand);font-size:1.5rem;font-weight:800;color:var(--mth-charcoal)}.gate__lead{margin:0;color:var(--grey-500)}.gate__field{display:flex;flex-direction:column;gap:4px;font-size:var(--text-small);color:var(--mth-charcoal)}.gate__input,.gate__code-input{width:100%;padding:10px 12px;border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font:inherit}.gate__code-input{text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:.08em;border-radius:var(--radius-card)}.gate__input:focus-visible,.gate__code-input:focus-visible{outline:2px solid var(--mth-charcoal);outline-offset:2px}.gate__btn{padding:11px 16px;border:2px solid var(--grey-300);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);font:inherit;font-weight:700;cursor:pointer}.gate__btn--primary{background:var(--mth-pink);border-color:var(--mth-pink);color:#fff}.gate__btn:disabled{opacity:.55;cursor:default;background:var(--surface-white)}.gate__btn--primary:disabled,.gate__btn--primary:hover:not(:disabled){background:var(--mth-pink);border-color:var(--mth-pink);color:#fff}.gate__btn--primary:hover:not(:disabled){background:var(--mth-pink-hover);border-color:var(--mth-pink-hover)}.gate__link:hover:not(:disabled){background:none}.gate__link{align-self:center;border:none;background:none;color:var(--grey-500);font:inherit;cursor:pointer;text-decoration:underline}.gate__error{margin:0;color:#a8331f;font-size:var(--text-small);font-weight:700}.gate__waiting{padding:var(--space-5);text-align:center;color:var(--grey-500)}.teacher-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.teacher-shell>:not(.teacher-bar){flex:1;min-height:0}.teacher-bar{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:8px var(--space-4);background:var(--mth-charcoal);color:#fff}.teacher-bar__who{display:flex;align-items:baseline;gap:8px;min-width:0}.teacher-bar__role{padding:2px 8px;border-radius:var(--radius-pill);background:#ffffff24;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.teacher-bar__email{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.teacher-bar__session{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.teacher-bar__code-label{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:#fff9}.teacher-bar__code{font-family:var(--font-brand);font-size:1.5rem;font-weight:800;letter-spacing:.06em;color:#f2b705}.teacher-bar__actions{display:flex;align-items:center;gap:10px;margin-left:auto}.teacher-bar__btn{padding:7px 14px;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--radius-pill);background:transparent;color:#fff;font:inherit;font-weight:700;cursor:pointer}.teacher-bar__btn:hover:not(:disabled){background:#ffffff1f}.teacher-bar__btn--primary,.teacher-bar__btn--primary:hover:not(:disabled){background:var(--mth-pink);border-color:var(--mth-pink)}.teacher-bar__btn--primary:hover:not(:disabled){background:var(--mth-pink-hover)}.teacher-bar__btn:disabled{opacity:.55;cursor:default}.teacher-bar__error{color:#ffb3c6;font-size:.8rem}:root{--mth-pink: #ff007f;--mth-mint: #92e0b9;--mth-charcoal: #161b22;--mth-pink-hover: #e00070;--mth-pink-press: #c60063;--canvas-cream: #fffaf0;--surface-white: #ffffff;--text-body: #333333;--grey-500: #5f6672;--grey-300: #d5d2ca;--grey-100: #f1ede3;--tier-mild: #92e0b9;--tier-warm: #f5a623;--tier-spicy: #ff007f;--font-brand: "Lato", "Segoe UI", system-ui, -apple-system, sans-serif;--text-display: 2.5rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem;--text-body-size: 1rem;--text-small: .875rem;--line-height-body: 1.5;--line-height-heading: 1.25;--radius-card: 16px;--radius-cell: 8px;--radius-input: 10px;--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;--target-min: 48px;--target-comfort: 44px;--instrument-aside: 9.5rem;--target-transport: 56px;--header-height: 72px;--transport-height: 80px;--line-step: var(--grey-300);--line-beat: #b3ada0;--line-bar: #4a5058;--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}}@font-face{font-family:Lato;src:url(/assets/lato-400-DXRmO6t1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lato;src:url(/assets/lato-700-D0hIvJyG.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{color:var(--mth-charcoal);background:var(--canvas-cream);font-family:var(--font-brand);font-size:var(--text-body-size);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh}h1,h2,h3{line-height:var(--line-height-heading)}h1{font-size:var(--text-h1);font-weight:700}h2{font-size:var(--text-h2);font-weight:700}h3{font-size:var(--text-h3);font-weight:600}small,.text-small{font-size:var(--text-small)}button,input,textarea,select{font:inherit}button{min-width:var(--target-comfort);min-height:var(--target-comfort);padding:0 var(--space-3);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);color:var(--mth-charcoal);background:var(--surface-white);font-weight:700}button:hover:not(:disabled){background:var(--grey-100)}button:disabled{border-color:var(--grey-300);color:var(--grey-500);background:var(--grey-100);cursor:not-allowed}:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:3px}.skip-link{position:fixed;z-index:20;top:var(--space-2);left:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-cell);color:#fff;background:var(--mth-charcoal);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{display:flex;height:100dvh;flex-direction:column}.app-header{z-index:10;display:flex;flex:none;min-height:var(--header-height);flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-4);border-bottom:1px solid var(--grey-300);background:var(--surface-white)}.brand-logo{width:104px;height:auto;object-fit:contain}.app-identity{display:flex;min-width:max-content;flex-direction:column;gap:var(--space-1)}.app-name{font-size:1.05rem;font-weight:900;line-height:1.05}.app-name--second{font-size:1.05rem}.phase-badge{width:fit-content;padding:2px var(--space-2);border-radius:var(--radius-pill);color:var(--text-body);background:var(--mth-mint);font-size:.75rem;font-weight:700}.app-header__side,.header-actions{display:flex;min-width:max-content;flex:1 1 0;flex-wrap:nowrap;align-items:center;gap:var(--space-2)}.header-actions{justify-content:flex-start;gap:var(--space-1)}.header-actions .settings-menu{margin-left:auto}.transport{flex:0 0 auto}.header-actions button{padding:0 var(--space-3);font-size:var(--text-small)}.popover-menu{position:relative;display:flex}.popover-menu__button{display:inline-flex;align-items:center;gap:var(--space-1)}.popover-menu__chevron{display:inline-flex;transition:transform .12s ease}.popover-menu__button[aria-expanded=true] .popover-menu__chevron{transform:rotate(180deg)}.popover-menu__panel{position:absolute;z-index:30;top:calc(100% + var(--space-1));right:0;display:flex;width:min(26rem,calc(100vw - 2 * var(--space-3)));max-height:min(28rem,calc(100vh - 8rem));flex-direction:column;padding:var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--surface-white);box-shadow:0 10px 30px #00000029;gap:var(--space-2);overflow-y:auto;text-align:left;max-width:calc(100vw - 2 * var(--space-3))}@media(prefers-reduced-motion:reduce){.popover-menu__chevron{transition:none}}.workspace{display:flex;width:min(1280px,calc(100% - 2 * var(--space-5)));min-height:0;flex:1 1 auto;flex-direction:column;margin:0 auto;padding:var(--space-4) 0;gap:var(--space-3)}.score-card{border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--surface-white);box-shadow:var(--shadow-card)}.score-card h1{margin:0}.score-card{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:var(--space-2) var(--space-4)}.score-card__heading{display:flex;flex:none;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.score-card__heading h1{font-size:1.15rem}.score-card__name{padding:2px var(--space-1);border:1px solid transparent;border-radius:var(--radius-pill);background:none;font:inherit;color:inherit;cursor:text}.score-card__name:hover{border-color:var(--grey-300);background:var(--grey-100)}.score-card__name:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:2px}.score-card__details{margin:0 0 0 auto}.score-card__details,.phase-note,.transport__message{color:var(--grey-500)}.score-surface{margin-top:var(--space-2);padding:var(--space-2) var(--space-1);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--surface-white)}.score-surface__canvas{touch-action:none}.score-surface__canvas svg{display:block;width:100%;height:auto}.score-surface__canvas .vf-stave path{stroke:var(--line-bar)}.score-surface__canvas .vf-stavebarline rect{fill:var(--line-bar)}.score-surface{position:relative;display:flex;min-height:0;flex:1 1 auto;flex-direction:column}.score-surface__scroll{min-height:120px;flex:1 1 auto;overflow-y:scroll;overscroll-behavior:contain;scrollbar-gutter:stable}.score-surface__scroll::-webkit-scrollbar{width:14px;background:var(--grey-100)}.score-surface__scroll::-webkit-scrollbar-track{background:var(--grey-100);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--grey-300)}.score-surface__scroll::-webkit-scrollbar-thumb{background:var(--grey-500);border:3px solid var(--grey-100);border-radius:var(--radius-pill)}.score-surface__scroll::-webkit-scrollbar-thumb:hover{background:var(--mth-charcoal)}.score-surface__stack{position:relative}.score-surface__canvas.is-interactive{cursor:pointer}.score-surface__frame{position:relative}.score-surface__overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.score-playhead{fill:var(--mth-pink);fill-opacity:.1;stroke:var(--mth-pink);stroke-width:2}.score-selection{fill:none;stroke:var(--mth-pink);stroke-width:2}.score-doomed{fill:var(--collision-outline, #e14b3b);fill-opacity:.16;stroke:#e14b3b;stroke-width:2}.score-surface__canvas.is-rubbing{cursor:crosshair}.score-surface:has(.is-rubbing){border-color:#e14b3b;box-shadow:inset 0 0 0 2px #e14b3b2e}.rhythm-toolbar button.rhythm-toolbar__rubber[aria-pressed=true]{border-color:#8f2a1d;color:#fff;background:#a83122}.score-caret circle{fill:none;stroke:var(--mth-pink-press);stroke-width:2;stroke-dasharray:3 3}.score-surface__canvas:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:4px}@supports selector(:has(*)){.score-surface__canvas:focus-visible{outline:none}.score-surface:has(.score-surface__canvas:focus-visible){outline:3px solid var(--mth-charcoal);outline-offset:2px}}.score-preview__glow{fill:none;stroke:var(--mth-pink);stroke-width:2.5;opacity:.85;filter:drop-shadow(0 0 2px var(--mth-pink))}@media(prefers-reduced-motion:no-preference){.score-preview__glow{animation:preview-pulse 1.4s ease-in-out infinite}}@keyframes preview-pulse{50%{opacity:.35;stroke-width:3.5}}.score-names text{paint-order:stroke;stroke:var(--surface-white);stroke-width:3px;stroke-linejoin:round;font-family:var(--font-body, system-ui),sans-serif;font-size:17px;font-weight:700;fill:var(--mth-charcoal)}.score-names text.score-names__preview{fill:var(--mth-pink-press)}.score-draft{opacity:.75}.score-draft text{font-size:11px;font-weight:700;fill:var(--mth-pink-press)}.rhythm-toolbar{display:flex;flex:none;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-2);align-items:center}.rhythm-toolbar button{display:inline-flex;min-height:var(--target-min);align-items:center;gap:var(--space-1);padding:0 var(--space-2);font-size:var(--text-small)}.instrument__keyboard-toggle,.curriculum-pill{min-height:var(--target-min)}.rhythm-toolbar .glyph{transform:scale(.85)}.icon-button{display:inline-flex;min-width:var(--target-min);align-items:center;justify-content:center;padding:0}.icon-button svg,.rhythm-toolbar__rubber svg,.transport__primary svg,.transport svg{width:24px;height:24px}.glyph{flex:none;overflow:visible}.rhythm-toolbar__delete{margin-left:var(--space-2)}.bar-length{display:flex;flex:none;align-items:center;justify-content:center;padding:var(--space-2) 0 var(--space-3);gap:var(--space-2)}.bar-length button{padding:0 var(--space-2);font-size:var(--text-small)}.tap-modes,.nudge{display:flex;gap:var(--space-1);padding-left:var(--space-2);border-left:2px solid var(--rule-soft, #e7e2d6)}.tap-modes{margin-left:var(--space-1)}.settings__note{margin:calc(var(--space-2) * -1) 0 0;color:var(--grey-500);font-size:var(--text-small);line-height:1.4}.settings select{max-width:22rem}.settings{display:flex;flex-direction:column;gap:var(--space-3)}.settings label,.settings__row{display:flex;align-items:center;gap:var(--space-2)}.settings>*>span:first-child{min-width:4.5rem;color:var(--grey-500);font-size:var(--text-small);font-weight:700}.settings__value{color:var(--mth-charcoal);font-weight:700;font-variant-numeric:tabular-nums}.settings select{min-height:var(--target-min);padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-input);color:var(--mth-charcoal);background:var(--surface-white);font:inherit;font-weight:700}.settings button{min-width:var(--target-min);padding:0 var(--space-3)}.settings button[aria-pressed=true]{border-color:var(--mth-pink-press);color:#fff;background:var(--mth-pink-press)}.metre-warning{margin-top:var(--space-4);padding:var(--space-4);border:2px solid var(--tier-warm);border-radius:var(--radius-cell);background:#fdf6e7}.metre-warning h3{margin:0 0 var(--space-2)}.metre-warning p{margin:0 0 var(--space-4);max-width:62ch;color:var(--text-body)}.metre-warning__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.bar-controls{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;margin-top:var(--space-4)}.bar-controls__count{margin-left:auto;color:var(--grey-500);font-size:var(--text-small);font-variant-numeric:tabular-nums}.rhythm-toolbar button[aria-pressed=true],.button-primary{border-color:var(--mth-pink-press);color:#fff;background:var(--mth-pink-press)}.button-primary:hover:not(:disabled){background:var(--mth-pink-hover)}.score-surface--failed{padding:var(--space-5);text-align:center}.score-failure__title{margin:0 0 var(--space-2);color:var(--mth-charcoal);font-weight:700}.score-failure__body{margin:0 auto var(--space-4);max-width:46ch;color:var(--text-body)}.score-surface__stack{padding-right:76px}.score-row-clear{position:absolute;right:var(--space-2);display:flex;min-width:var(--target-min);min-height:var(--target-min);align-items:center;justify-content:center;padding:0 var(--space-2);border:2px solid var(--grey-300);border-radius:var(--radius-pill);color:var(--grey-500);background:var(--surface-white);font-size:var(--text-small);font-weight:700}.score-row-clear:hover:not(:disabled){border-color:var(--mth-pink-press);color:var(--mth-pink-press);background:var(--surface-white)}.score-row-clear:disabled{border-color:var(--grey-100);color:var(--grey-300);cursor:not-allowed}.tap-modes{display:flex;gap:var(--space-1)}.score-preview-rest{fill:var(--line-bar);opacity:.5}.nudge{display:flex;gap:var(--space-1)}.nudge button{min-width:var(--target-min);padding:0;justify-content:center}.nudge svg{width:22px;height:22px}.score-surface__waiting{margin:var(--space-3) 0 0;color:var(--grey-500);font-size:var(--text-small)}.score-placeholder{display:grid;grid-template-columns:repeat(4,minmax(230px,1fr));margin-top:var(--space-5);overflow-x:auto;border:2px solid var(--line-bar);background:#fff}.empty-bar{position:relative;min-height:190px;padding:var(--space-3);border-right:2px solid var(--line-bar)}.empty-bar:last-child{border-right:0}.empty-bar span{color:var(--grey-500);font-size:.875rem;font-weight:700}.staff-lines{position:absolute;top:72px;right:var(--space-3);left:var(--space-3);height:50px;background:repeating-linear-gradient(to bottom,var(--line-beat) 0,var(--line-beat) 1px,transparent 1px,transparent 12px)}.phase-note{flex:none;margin:var(--space-2) 0 0;font-size:var(--text-small)}.phase-note:empty{margin:0}.transport{display:flex;min-height:var(--target-min);flex:0 1 auto;min-width:0;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--grey-100)}.transport__toggles{display:flex;flex-wrap:wrap;gap:var(--space-1)}.transport__toggles button{min-width:0;min-height:var(--target-comfort);padding:0 var(--space-2);font-size:var(--text-small);white-space:nowrap}.transport button{min-width:var(--target-comfort)}.transport button.transport__primary{min-width:88px;min-height:var(--target-comfort)}.tempo{display:flex;flex-wrap:nowrap;align-items:center;gap:var(--space-1)}.tempo button{min-width:var(--target-comfort);padding:0;font-size:1.2rem}.tempo__input{width:5ch;min-height:var(--target-min);padding:var(--space-2) var(--space-1);border:2px solid var(--grey-300);border-radius:var(--radius-input);color:var(--mth-charcoal);background:var(--surface-white);font-weight:700;font-variant-numeric:tabular-nums;text-align:center}.tempo__input:focus-visible{border-color:var(--mth-pink-press)}.tempo__value{display:flex;flex-direction:column;align-items:center;gap:1px}.tempo__unit{color:var(--grey-500);font-size:.7rem;line-height:1}.transport__toggles{display:flex;gap:var(--space-1);padding-left:var(--space-3);border-left:2px solid var(--rule-soft, #e7e2d6)}.transport__toggles button[aria-pressed=true]{border-color:var(--mth-pink-press);color:#fff;background:var(--mth-pink-press)}.transport__note{margin-left:auto;color:var(--grey-500);font-size:var(--text-small)}.count-in{display:flex;gap:var(--space-2);align-items:center}.count-in__dot{width:14px;height:14px;border:2px solid var(--mth-charcoal);border-radius:50%}.count-in__dot.is-lit{background:var(--mth-pink);border-color:var(--mth-pink)}.transport__tempo{padding:var(--space-2) var(--space-3);border-radius:var(--radius-cell);background:var(--grey-100);font-variant-numeric:tabular-nums;font-weight:700}.transport__message{padding:0 var(--space-3);color:var(--mth-pink-press);font-weight:700}.sheet-backdrop{position:fixed;z-index:30;display:flex;align-items:center;justify-content:center;padding:var(--space-4);top:0;right:0;bottom:0;left:0;background:#161b2273}.sheet{width:min(640px,100%);max-height:calc(100dvh - 2 * var(--space-4));padding:var(--space-5);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--surface-white);box-shadow:var(--shadow-raised)}.sheet h2{margin:0 0 var(--space-2)}.sheet p{margin:0 0 var(--space-4);color:var(--text-body)}.sheet__code{width:100%;padding:var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-input);color:var(--mth-charcoal);background:var(--grey-100);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem;word-break:break-all;resize:vertical}.sheet__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.sheet__problem{margin:var(--space-3) 0 0;color:#a8331f;font-weight:700}.sheet__upload{display:inline-flex;min-height:var(--target-min);align-items:center;padding:0 var(--space-4);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);font-weight:700;cursor:pointer}.sheet__upload input{position:absolute;width:1px;height:1px;opacity:0}.sheet__upload:focus-within{outline:3px solid var(--mth-charcoal);outline-offset:3px}.unsaved-dot{display:inline-block;width:8px;height:8px;margin-left:var(--space-2);border-radius:50%;background:var(--mth-pink);vertical-align:middle}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:900px){.app-header{flex-wrap:wrap}.header-actions{width:100%;margin-left:0;overflow-x:auto}.score-card__heading{align-items:flex-start}.transport__message{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media(max-height:660px){.app-shell{height:auto;min-height:100dvh}.workspace{overflow-y:auto}.score-surface__scroll{overflow-y:visible}}.curriculum-pill__holder{position:relative;display:inline-flex}.curriculum-pill{display:inline-flex;min-height:var(--target-min);align-items:center;gap:var(--space-1);padding:0 var(--space-3);border:2px solid var(--grey-300);border-radius:var(--radius-pill);color:var(--text-body);background:var(--grey-100);font-size:var(--text-small);font-weight:700;white-space:nowrap}.curriculum-pill.is-limited{border-color:var(--mth-pink-press);color:var(--mth-pink-press);background:var(--surface-white)}.curriculum-pill svg{width:16px;height:16px;flex:none}.curriculum-help{position:absolute;z-index:30;top:calc(100% + var(--space-2));left:0;width:max(280px,26rem);max-width:90vw;padding:var(--space-3) var(--space-4);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--surface-white);box-shadow:var(--shadow-card);color:var(--text-body);font-size:var(--text-small);font-weight:400;line-height:1.5;text-align:left;white-space:normal;visibility:hidden;opacity:0;transition:opacity .12s ease}.curriculum-pill__holder:hover .curriculum-help,.curriculum-pill:focus-visible~.curriculum-help{visibility:visible;opacity:1}@media(prefers-reduced-motion:reduce){.curriculum-help{transition:none}}.year-picker{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.year-picker__year{display:flex;min-height:64px;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:var(--space-2) var(--space-3)}.year-picker__label{font-size:1.1rem;font-weight:900}.year-picker__band{color:var(--grey-500);font-size:var(--text-small);font-weight:700}.year-picker__year:hover .year-picker__band{color:inherit}.sheet__footnote{margin:var(--space-4) 0 0;color:var(--grey-500);font-size:var(--text-small);line-height:1.5}.settings__evidence{margin-top:calc(var(--space-2) * -1)}.settings__evidence summary{min-height:var(--target-min);padding:var(--space-2) 0;color:var(--mth-pink-press);font-size:var(--text-small);font-weight:700;cursor:pointer}.settings__source{margin:0 0 var(--space-3);color:var(--grey-500);font-size:var(--text-small);line-height:1.5}.settings__tablewrap{overflow-x:auto;margin-bottom:var(--space-3)}.mmc-table{width:100%;border-collapse:collapse;font-size:var(--text-small)}.mmc-table caption{margin-bottom:var(--space-2);color:var(--grey-500);font-size:var(--text-small);text-align:left}.mmc-table th,.mmc-table td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--grey-300);text-align:center}.mmc-table th[scope=row]{text-align:left;font-weight:700;white-space:nowrap}.mmc-table thead th{color:var(--grey-500)}.mmc-table .is-current{color:var(--mth-pink-press);background:var(--grey-100);font-weight:900}.score-playhead-marker line{stroke:var(--mth-pink);stroke-width:2;stroke-dasharray:3 4;stroke-linecap:round}.score-playhead-marker__head{fill:var(--mth-pink);stroke:var(--surface-white);stroke-width:2}.score-playhead-marker__grab{fill:transparent;pointer-events:all;cursor:grab;touch-action:none}.score-surface__overlay.is-scrubbing .score-playhead-marker__grab{cursor:grabbing}.score-surface__overlay.is-scrubbing .score-playhead-marker__head{stroke:var(--mth-pink-press)}.instrument{display:block;max-width:100%;max-height:250px;height:auto}.instrument:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:3px}.instrument__case{fill:#dcedf8;stroke:#a9cde5;stroke-width:2}.instrument__rail{fill:#b7d8ec}.instrument__stud{fill:#f4f6f8;stroke:#9aa4ad;stroke-width:1.2}.instrument__bar{cursor:pointer}.instrument__bar rect{transition:transform 90ms ease,filter 90ms ease}@media(prefers-reduced-motion:reduce){.instrument__bar rect{transition:none}}.instrument__bar.is-ringing rect:first-of-type{filter:brightness(1.25);stroke-width:3}.instrument__bar.is-out-of-scale rect:first-of-type{opacity:.38}.instrument__bar.is-out-of-scale .instrument__name{opacity:.5}.instrument__name{paint-order:stroke;stroke:#ffffffbf;stroke-width:3px;stroke-linejoin:round;fill:var(--mth-charcoal);font-family:var(--font-body, system-ui),sans-serif;font-size:20px;font-weight:700}.instrument__focus{fill:none;stroke:var(--mth-charcoal);stroke-width:3}.instrument__hand{pointer-events:none;animation:hand-strike .62s ease-out forwards}@keyframes hand-strike{0%{opacity:1}55%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.instrument__hand{animation:hand-strike .62s steps(2,end) forwards}}.instrument-panel{--instrument-height: 250px;display:grid;grid-template-columns:minmax(var(--instrument-aside),1fr) auto minmax(var(--instrument-aside),1fr);align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-card);background:var(--surface-white)}.instrument-panel .instrument{justify-self:center;width:calc(var(--instrument-height) * 1000 / 300);max-width:100%;height:auto;aspect-ratio:1000 / 300;max-height:var(--instrument-height);min-width:0}.instrument-panel .instrument__controls{justify-self:center;width:var(--instrument-aside)}.instrument__controls{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);text-align:center}.instrument__keyboard-toggle{width:100%;padding:var(--space-1) var(--space-2);line-height:1.2;white-space:normal}.instrument__keyboard-toggle{padding:0 var(--space-3);font-size:var(--text-small)}.instrument__hint{color:var(--grey-500);font-size:var(--text-small);line-height:1.35}.instrument__key{paint-order:stroke;stroke:#ffffffd9;stroke-width:3px;stroke-linejoin:round;fill:var(--mth-charcoal);font-family:var(--font-body, system-ui),sans-serif;font-size:15px;font-weight:900;text-transform:uppercase}.print-sheet{display:none}@media print{@page{size:A4 landscape;margin:12mm 12mm 10mm}.app-shell{display:none!important}.print-sheet{display:block}html,body{height:auto;background:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8mm;padding-bottom:3mm;border-bottom:1px solid #b9b3a6}.print-sheet__logo{width:32mm;height:auto}.print-sheet__title h1{margin:0;font-size:16pt}.print-sheet__title p{margin:1mm 0 0;color:#4a5058;font-size:11pt}.print-sheet__facts{display:flex;margin:0;gap:6mm}.print-sheet__facts div{text-align:right}.print-sheet__facts dt{color:#6b7280;font-size:8pt;text-transform:uppercase;letter-spacing:.04em}.print-sheet__facts dd{margin:0;font-size:11pt;font-weight:700}.print-row{position:relative;margin-top:4mm;break-inside:avoid;page-break-inside:avoid}.print-row__score svg{display:block;width:100%;height:auto}.print-row__labels{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;pointer-events:none}.print-row__labels text{fill:#4a5058;font-family:var(--font-body, system-ui),sans-serif;font-size:17px;font-weight:700}}.sheet a{color:var(--mth-pink-press);text-decoration:underline}.sheet a:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:2px}.view-menu__panel{left:0;right:auto;width:max-content}.view-menu__options{display:flex;flex-direction:column;gap:var(--space-1)}.view-menu__options button{justify-content:flex-start;text-align:left}.view-menu__options button[aria-pressed=true]{border-color:var(--mth-pink-press);color:#fff;background:var(--mth-pink-press)}.backing-beat select{min-height:var(--target-comfort);padding:0 var(--space-2);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);background:var(--surface-white);font-size:var(--text-small);font-weight:700}.backing-beat__problem{flex-basis:100%;margin:var(--space-1) 0 0;color:var(--mth-charcoal);font-size:var(--text-small);text-align:center}.lesson-picker{display:flex;flex-direction:column;gap:var(--space-1)}.lesson-picker select{min-height:var(--target-comfort);padding:0 var(--space-2);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);background:var(--surface-white);font-size:var(--text-small);font-weight:700}.lesson-picker code{padding:0 2px;font-family:ui-monospace,monospace;font-size:.95em}.teacher{margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--grey-300)}.teacher summary{min-height:var(--target-comfort);padding:var(--space-2) 0;color:var(--mth-pink-press);font-size:var(--text-small);font-weight:700;cursor:pointer}.teacher__pin,.teacher__pin label{display:flex;align-items:center;gap:var(--space-2)}.teacher__pin input{width:6rem;min-height:var(--target-comfort);padding:0 var(--space-2);border:2px solid var(--grey-300);border-radius:var(--radius-input);font-weight:700;letter-spacing:.3em}.score-loop{fill:#d6a42a29;stroke:#b88a1a8c;stroke-width:1.5}.score-loop__stem{fill:#b88a1a}.score-loop__knob{fill:#b88a1a;stroke:var(--surface-white);stroke-width:2}.score-loop__grab{fill:transparent;pointer-events:all;cursor:ew-resize;touch-action:none}.score-loop__grab:focus-visible,.score-playhead-marker__grab:focus-visible{outline:none;stroke:var(--mth-charcoal);stroke-width:3;stroke-dasharray:6 4}.dynamics-toolbar{display:flex;gap:var(--space-1)}.dynamics-toolbar__mark{display:inline-flex;min-width:48px;align-items:center;justify-content:center;padding:0 var(--space-2)}.dynamics-toolbar__glyph{font-family:Bravura,serif;font-size:1.6rem;line-height:1;transform:translateY(.16em)}.export__choice{display:flex;flex-direction:column;padding:var(--space-2) var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-card);gap:var(--space-2)}.export__choice legend{padding:0 var(--space-1);font-weight:700}.export__choice label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer}.export__choice label>span{display:flex;flex-direction:column}.export__choice input{width:20px;height:20px;margin-top:2px;flex:none}.export__preview{display:flex;flex-direction:column;gap:var(--space-1);min-height:240px}.export__preview iframe{width:100%;height:240px;border:1px solid var(--grey-300);border-radius:var(--radius-small, 6px);background:var(--surface-white)}.settings__row output{min-width:2ch;font-weight:700;text-align:center}.export__progress{display:flex;flex-direction:column;gap:var(--space-1)}.export__progress progress{width:100%;height:14px}.graphic-score{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;padding:var(--space-3) var(--space-2);gap:var(--space-3);overflow-y:auto}.graphic-bar{display:flex;width:100%;flex-direction:column;gap:var(--space-1)}.graphic-bar__beats{display:grid;margin:0;padding:0;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--space-1);list-style:none;text-align:center;font-weight:700;color:var(--grey-500)}.graphic-bar__boxes{display:grid;grid-auto-columns:1fr;grid-auto-flow:column;gap:var(--space-1)}.graphic-bar__number{margin:0;color:var(--grey-500);font-size:var(--text-small);text-align:left}.graphic-box{display:flex;min-height:10.5rem;flex-direction:column;align-items:stretch;justify-content:space-between;padding:var(--space-1);border:2px solid var(--mth-charcoal);border-radius:var(--radius-cell);background:var(--surface-white);gap:var(--space-1)}.graphic-box--rest{border-style:solid;background:#eef3f8}.graphic-box--empty{border-style:dashed;border-color:var(--grey-300)}.graphic-box--hold{border-left-style:dashed}.graphic-box__tail{align-self:center;width:100%;height:6px;border-radius:3px;background:repeating-linear-gradient(90deg,var(--grey-300) 0 14px,transparent 14px 22px);margin-block:auto}.graphic-box__art{display:flex;height:6rem;align-items:center;justify-content:center}.theme-art{max-height:100%}.graphic-box__words{display:flex;gap:2px}.graphic-box__slot{display:flex;min-width:0;flex:1 1 0;flex-direction:column;align-items:center;padding:2px;border-radius:var(--radius-cell);gap:1px}.graphic-box__slot+.graphic-box__slot{border-left:2px dashed var(--grey-300)}.graphic-box__syllable{font-size:1rem;font-weight:700;line-height:1.1;text-transform:uppercase;overflow-wrap:anywhere}.graphic-box__letters{font-size:var(--text-small);color:var(--grey-500)}.graphic-box.is-sounding{border-color:var(--mth-pink-press);box-shadow:0 0 0 3px #e6007e40}.graphic-box__slot.is-now{outline:2px solid var(--mth-pink-press)}@media(prefers-reduced-motion:reduce){.graphic-box,.graphic-box__slot{transition:none}}button.graphic-box,.graphic-box__art,.graphic-box__slot{min-width:0;min-height:0;border:none;background:none;font:inherit;color:inherit;text-align:inherit}button.graphic-box{border:2px solid var(--mth-charcoal);background:var(--surface-white);cursor:pointer}button.graphic-box.graphic-box--empty{border:2px dashed var(--grey-300);background:none}button.graphic-box.graphic-box--rest{background:#eef3f8}.graphic-box__art{width:100%;cursor:pointer;padding:0}.graphic-box__slot{cursor:pointer}button.graphic-box:hover,.graphic-box__art:hover,.graphic-box__slot:hover{background:var(--grey-100)}button.graphic-box:focus-visible,.graphic-box__art:focus-visible,.graphic-box__slot:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:2px}.graphic-box.is-selected{border-color:var(--mth-pink-press)}.graphic-box__slot.is-selected{box-shadow:inset 0 0 0 2px var(--mth-pink-press)}.dynamics-menu__panel{width:max-content;max-width:min(24rem,calc(100vw - 2 * var(--space-3)));left:0;right:auto}.dynamics-menu__label{display:inline-flex;align-items:center;min-height:1.4em}.dynamics-menu .dynamics-toolbar{flex-wrap:wrap}.bar-length__add,.bar-length__remove{border-style:dashed;border-color:var(--grey-300);color:var(--grey-500);background:none;font-size:var(--text-small)}.bar-length__add:hover:not(:disabled),.bar-length__remove:hover:not(:disabled){border-color:var(--mth-charcoal);color:var(--mth-charcoal);background:var(--grey-100)}.settings-menu__button{display:inline-flex;align-items:center;gap:var(--space-1)}.settings-menu__panel{left:0;right:auto;width:max-content;min-width:13rem}.settings-menu__items{display:flex;flex-direction:column;gap:var(--space-1)}.settings-menu__items button{justify-content:flex-start;text-align:left;width:100%}.settings-menu__items button[aria-pressed=true]{border-color:var(--mth-pink-press);color:#fff;background:var(--mth-pink-press)}.settings-menu__items hr{width:100%;height:0;margin:var(--space-1) 0;border:0;border-top:1px solid var(--grey-300)}