.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)}.gate__wait{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--mth-mint);border-radius:var(--radius-card);background:var(--surface-white)}.gate__wait-lead{margin:0;font-size:var(--text-small);line-height:var(--line-height-body);color:var(--mth-charcoal)}.gate__wait-lead strong{font-variant-numeric:tabular-nums;font-size:1.15em}.gate__wait-note{margin:0;font-size:var(--text-small);color:var(--grey-500)}.gate__wait-track{height:10px;border-radius:var(--radius-pill);background:var(--grey-100);overflow:hidden}.gate__wait-fill{height:100%;border-radius:var(--radius-pill);background:var(--mth-mint);transition:width .3s linear}@media(prefers-reduced-motion:reduce){.gate__wait-fill{transition:none}}.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__problem{font-size:.9rem;font-weight:600;color:#ffd98a;min-width:0}.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}.gate__remember{display:flex;min-height:var(--target-min);align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-small);line-height:var(--line-height-body);text-align:left}.gate__remember input{width:1.25rem;height:1.25rem;flex:none;margin-top:.1rem;accent-color:var(--mth-pink)}.gate__remember-note{display:block;color:var(--grey-500)}: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-float: 0 6px 24px rgba(22, 27, 34, .25);--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-small: 44px;--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);--deck-a: #2fb8a6;--deck-a-ink: #11695e;--deck-b: #7b61ff;--deck-b-ink: #5137d8;--deck-a-graphic: #1f9585;--deck-b-graphic: var(--deck-b);--loop-gold: #b88a1a;--loop-gold-fill: rgba(214, 164, 42, .22);--hot-cue: #1f8a5b;--record: #d62828;--playpoint: var(--mth-charcoal)}@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{scroll-padding-top:calc(var(--header-actual, var(--header-height)) + var(--space-2));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;background:var(--canvas-cream)}h1,h2,h3{line-height:var(--line-height-heading);margin:0}h1{font-size:var(--text-h2)}h2{font-size:var(--text-h3)}h3{font-size:var(--text-body-size)}p{margin:0}.num,kbd{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--mth-charcoal);outline-offset:3px;border-radius:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}a{color:var(--mth-charcoal);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--mth-pink-press)}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:20}.skip-link:focus{top:var(--space-2);background:var(--surface-white);padding:var(--space-2) var(--space-4)}button{font:inherit;font-weight:700;min-height:var(--target-min);min-width:var(--target-min);padding:0 var(--space-4);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);background:var(--surface-white);color:var(--mth-charcoal);cursor:pointer;touch-action:manipulation;transition:background var(--motion-quick) var(--ease-out),transform var(--motion-quick) var(--ease-out)}button:disabled{background:var(--grey-100);color:var(--grey-500);border-color:var(--grey-300);cursor:not-allowed}button[aria-disabled=true]{background:var(--grey-100);color:var(--grey-500);border-color:var(--grey-300);cursor:not-allowed}.button-primary{background:var(--mth-pink-press);border-color:var(--mth-pink-press);color:#fff}.button-primary:hover:not(:disabled){background:var(--mth-pink-hover);border-color:var(--mth-pink-hover)}.button-primary:active:not(:disabled){background:var(--mth-pink-press);border-color:var(--mth-charcoal)}.button-secondary{background:var(--mth-mint);border-color:var(--mth-mint)}.button-ghost{border-color:transparent;background:transparent}.button-large{min-height:var(--target-transport);padding:0 var(--space-6);font-size:var(--text-h3)}.icon{display:inline-block;flex:none;width:1em;height:1em;vertical-align:-.125em}button .icon+span,button span+.icon{margin-inline-start:.35em}button>.icon:first-child:not(:only-child){margin-inline-end:.35em}kbd{display:inline-block;min-width:1.6em;margin-inline-start:var(--space-2);padding:0 var(--space-1);border:1px solid var(--grey-300);border-bottom-width:3px;border-radius:6px;background:var(--surface-white);color:var(--mth-charcoal);font-family:inherit;font-size:var(--text-small);text-align:center}kbd[data-key]:before{content:attr(data-key)}.card{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5)}.toggle{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--target-min)}.toggle input{width:22px;height:22px;accent-color:var(--mth-pink)}.app-header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--space-4);min-height:var(--header-height);padding:0 var(--space-5);background:var(--surface-white);border-bottom:1px solid var(--grey-300)}.brand-logo{width:104px;height:auto;object-fit:contain}.app-header__title{font-size:var(--text-h2)}.stage-select{margin-inline-end:auto;display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-small)}.stage-select select{font:inherit;min-height:var(--target-small);padding:0 var(--space-3);border:2px solid var(--mth-charcoal);border-radius:var(--radius-pill);background:var(--tier-mild)}.message-bar{position:fixed;inset:auto var(--space-4) var(--space-4);z-index:6;display:flex;justify-content:center;pointer-events:none}.message-bar__toast{pointer-events:auto;max-width:44rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-5);background:var(--surface-white);border:2px solid var(--mth-charcoal);border-radius:var(--radius-card);box-shadow:var(--shadow-float)}html:has(.message-bar__toast){scroll-padding-bottom:6rem}@media(max-width:1099px),(max-height:560px){html{scroll-padding-top:var(--space-2)}.app-header{position:static}}#main:focus{outline:none}.start-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;background:#fffaf0eb}.start-gate__panel{display:grid;gap:var(--space-4);justify-items:center;text-align:center;max-width:28rem}.start-gate__panel h2{font-size:var(--text-h1)}.decks-view{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-4) var(--space-5) var(--space-6)}.console{display:grid;grid-template-columns:minmax(0,1fr) 18rem minmax(0,1fr);gap:var(--space-4);align-items:start}.deck{display:grid;gap:var(--space-3);min-width:0;background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4);border-top:6px solid var(--deck-colour)}.deck--a{--deck-colour: var(--deck-a);--deck-ink: var(--deck-a-ink)}.deck--b{--deck-colour: var(--deck-b);--deck-ink: var(--deck-b-ink)}.deck__header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0}.deck__badge,.channel__badge{display:grid;place-items:center;flex:none;width:2.5rem;height:2.5rem;border-radius:var(--radius-cell);background:var(--deck-ink);color:#fff;font-weight:700;font-size:var(--text-h3)}.deck__title{min-width:0;flex:1 1 8rem}.deck__title h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.deck__facts{display:flex;gap:var(--space-3);color:var(--text-body);font-size:var(--text-small)}.deck__counter{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:7.5rem;text-align:right}.deck__empty{padding:var(--space-6) 0;display:grid;justify-items:center;gap:var(--space-3);text-align:center;color:var(--grey-500)}.deck__loading-bar{display:block;width:10rem;height:6px;border-radius:3px;background:var(--grey-100);position:relative;overflow:hidden}.deck__loading-bar:after{content:"";position:absolute;inset:0 auto 0 0;width:40%;border-radius:3px;background:var(--deck-colour)}.waveforms{display:grid;gap:var(--space-2)}.waveform-close,.waveform-overview{display:block;width:100%;border-radius:var(--radius-cell);border:1px solid var(--grey-300)}.waveform-close{height:150px}.waveform-close.is-draggable{cursor:grab;touch-action:none}.waveform-overview{height:40px;cursor:pointer}.deck__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.transport-button{min-height:var(--target-transport);min-width:6.5rem;font-size:var(--text-h3);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.transport-button--play[aria-pressed=true]{background:var(--mth-mint);border-color:var(--mth-mint)}.is-active{background:var(--mth-pink-press)!important;border-color:var(--mth-pink-press)!important;color:#fff!important}.is-active kbd{color:var(--mth-charcoal)}.deck__nudge{display:flex;gap:var(--space-2);margin-inline-start:auto}.deck__snap{font-size:var(--text-small);line-height:1.2;max-width:7rem}.deck__nudge button{font-size:var(--text-small)}.deck__flags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.deck__flags-label{font-size:var(--text-small);color:var(--grey-500)}.flag-button{min-height:var(--target-small);font-size:var(--text-small);border-color:var(--tier-warm)}.tempo-readout{display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:var(--space-1);text-align:right;line-height:1.1}.tempo-readout__bpm{font-size:var(--text-h1);font-weight:700}.tempo-readout__unit{font-size:var(--text-small);font-weight:700}.tempo-readout__change{grid-column:1 / -1;font-size:var(--text-small);color:var(--text-body)}.tempo-readout__change.is-up,.tempo-readout__change.is-down{font-weight:700;color:var(--mth-charcoal)}.tempo-match{display:grid;gap:2px;text-align:center;font-size:var(--text-small);padding:var(--space-2);border-radius:var(--radius-cell);background:var(--grey-100)}.tempo-match__title{font-weight:700}.tempo-match.is-matched{background:var(--mth-mint)}.cue-send{min-height:var(--target-small);padding:0 var(--space-2);font-size:var(--text-small)}.cue-send.is-on{background:var(--mth-mint);border-color:var(--mth-charcoal)}.headphones{border-top:1px solid var(--grey-100);padding-top:var(--space-2);font-size:var(--text-small)}.headphones summary{cursor:pointer;font-weight:700;min-height:var(--target-min);display:flex;align-items:center}.headphones__mode input{accent-color:var(--mth-pink)}.headphones__mode{border:none;padding:0;margin:0 0 var(--space-2);display:grid;gap:var(--space-1)}.headphones__mode label,.headphones .toggle{display:flex;gap:var(--space-2);align-items:flex-start;min-height:32px}.headphones__route{font-weight:700;margin-bottom:var(--space-2)}.headphones__slider{display:grid;gap:2px;margin-bottom:var(--space-2)}.headphones__slider input{width:100%;height:36px}.headphones__test{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.headphones__test button{flex:1;min-height:var(--target-small);font-size:var(--text-small);padding:0 var(--space-2)}.headphones__note{color:var(--text-body)}.deck__tempo,.deck__perform{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.deck__tempo{padding-top:var(--space-2);border-top:1px solid var(--grey-100)}.deck__tempo-slider{display:flex;align-items:center;gap:var(--space-2);flex:1 1 100%;min-width:0;font-weight:700;font-size:var(--text-small)}.deck__tempo-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.deck__pitch{flex:1 1 100%;font-size:var(--text-small);color:var(--text-body)}.sync-button{border-color:var(--mth-pink)}.key-lock-button.is-on{background:var(--mth-mint);border-color:var(--mth-mint)}.deck__tempo-slider input{flex:1;min-width:0;height:var(--target-min)}.deck__tempo-value{min-width:3.5rem;text-align:right}.deck__tempo .hold-button{font-size:var(--text-small);padding:0 var(--space-3)}.hot-cue-button{display:inline-flex;align-items:center;gap:var(--space-1);border-color:var(--hot-cue)}.hot-cue-button.is-set{background:color-mix(in srgb,var(--hot-cue) 12%,white)}.loop-button{display:inline-flex;align-items:center;gap:var(--space-1);border-color:var(--loop-gold)}.loop-button.is-looping{background:var(--loop-gold-fill)}.hot-cue{display:inline-flex;align-items:center;gap:2px}.hot-cue-delete{min-width:var(--target-small);padding:0;font-size:var(--text-h3)}.loop-size-button{min-width:var(--target-min);border-color:var(--loop-gold);font-variant-numeric:tabular-nums}.loop-length{min-width:4.5rem;text-align:center;font-weight:700;font-size:var(--text-small)}.deck__fx{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--grey-100)}.deck__fx-filter{display:flex;align-items:center;gap:var(--space-2);flex:1 1 100%;min-width:0;font-weight:700;font-size:var(--text-small)}.deck__fx-filter input{flex:1;min-width:0;height:var(--target-min)}.deck__fx-value{min-width:6.5rem;text-align:right;font-weight:400}.echo-button.is-on{background:var(--mth-mint);border-color:var(--mth-mint)}.crossfader-click{display:flex;gap:var(--space-2)}.crossfader-click .click-button{flex:1;padding:0 var(--space-2);font-size:var(--text-small)}.click-button--a{border-color:var(--deck-a-ink)}.click-button--b{border-color:var(--deck-b-ink)}.mixer{display:grid;gap:var(--space-4);background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.mixer__channels{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}.channel{display:grid;justify-items:center;gap:var(--space-2)}.mixer__eq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.eq{margin:0;padding:var(--space-2);border:1px solid var(--grey-300);border-top:4px solid var(--deck-colour);border-radius:var(--radius-cell);display:grid;gap:var(--space-1);min-width:0}.eq--a{--deck-colour: var(--deck-a)}.eq--b{--deck-colour: var(--deck-b)}.eq legend{font-size:var(--text-small);font-weight:700;padding:0 var(--space-1)}.eq__band{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--space-1);font-size:var(--text-small);min-width:0}.eq__band input{width:100%;min-width:0;height:var(--target-small)}.eq__flat{justify-self:start}.channel--a{--deck-ink: var(--deck-a-ink);--deck-colour: var(--deck-a)}.channel--b{--deck-ink: var(--deck-b-ink);--deck-colour: var(--deck-b)}.channel--master{align-self:stretch;grid-template-rows:auto 1fr}.channel__label{font-size:var(--text-small);font-weight:700}.channel__strip{display:flex;gap:var(--space-2);align-items:stretch;height:11rem}.hold-button{display:inline-flex;align-items:center;justify-content:center;gap:2px;padding:0 var(--space-2);font-size:var(--text-h3)}.hold-button kbd{margin:0}.meter{position:relative;display:block;width:12px;height:100%;min-height:8rem;border-radius:6px;background:var(--grey-100);overflow:hidden}.meter__fill{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(100% 0 0 0);background:linear-gradient(to top,var(--tier-mild) 0 60%,var(--tier-warm) 60% 85%,var(--tier-spicy) 85%)}.channel--a .meter__fill,.channel--b .meter__fill{background:linear-gradient(to top,var(--deck-colour) 0 85%,var(--tier-spicy) 85%)}input[type=range]{accent-color:var(--mth-charcoal);cursor:pointer}.fader{writing-mode:vertical-lr;direction:rtl;width:var(--target-min);height:100%}.crossfader{display:flex;align-items:center;gap:var(--space-2);min-width:0}.crossfader__slider{flex:1;min-width:0;height:var(--target-min)}.project-menu{display:inline-flex;gap:var(--space-1)}.restore-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--tier-mild);font-weight:700}.record-button{display:inline-flex;align-items:center;gap:var(--space-2);border-color:var(--record)}.record-button__dot{color:var(--record)}.record-button.is-recording{background:var(--record);border-color:var(--record);color:#fff}.record-button.is-recording .record-button__dot{color:#fff}.record-button__time{min-width:3ch}.recordings{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);display:grid;gap:var(--space-3)}.recordings__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.take{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding-block:var(--space-2);border-bottom:1px solid var(--grey-100)}.take__name{font-weight:700;min-width:10rem}.take audio{height:40px;max-width:100%}.recordings__keep{font-size:var(--text-small)}.notation-export{display:grid;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--grey-100)}.notation-export__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.notation-export__label{font-weight:700}.notation-export__status{font-size:var(--text-small)}.notation-preview{max-height:min(48rem,80vh);overflow:auto;padding:var(--space-3);background:var(--grey-100);border-radius:var(--radius-cell)}.notation-preview>svg{display:block;width:100%;height:auto;box-shadow:var(--shadow-card)}.pads,.performance{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5);display:grid;gap:var(--space-3)}.pads__head,.performance__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.pads__level{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:var(--text-small)}.pads__level input{width:10rem;height:var(--target-min)}.pads__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.pad{min-height:5.5rem;border-radius:var(--radius-card);font-size:var(--text-h3);touch-action:none;user-select:none;-webkit-user-select:none;border-width:3px;border-color:var(--mth-charcoal)}.pad.is-active{transform:scale(.97)}@media(max-width:640px){.pads__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.timeline{margin:0;display:grid;gap:var(--space-2)}.timeline__lines>svg{width:100%;height:auto;border:1px solid var(--grey-300);border-radius:var(--radius-cell)}.timeline__lines{display:flex;flex-direction:column;gap:var(--space-2)}.timeline__lines>svg{flex:none}.timeline__lines.is-long{max-height:min(40rem,70vh);overflow-y:auto;padding-inline-end:var(--space-1)}.performance__lines{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-small);font-weight:700}.timeline__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.timeline__list summary{cursor:pointer;font-weight:700;min-height:var(--target-min);display:flex;align-items:center}.timeline__list ol{margin:0;padding-inline-start:var(--space-6);max-height:16rem;overflow:auto}.lead-sheet{display:grid;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--grey-100)}.lead-sheet__title{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-weight:700}.lead-sheet input[type=text],.lead-sheet select{font:inherit;min-height:var(--target-small);padding:0 var(--space-2);border:2px solid var(--grey-300);border-radius:var(--radius-input);background:var(--surface-white);min-width:0;width:100%}.lead-sheet__title input{flex:1 1 16rem;width:auto}.lead-sheet__table{width:100%;border-collapse:collapse}.lead-sheet__table th,.lead-sheet__table td{padding:var(--space-1);text-align:left;vertical-align:middle}.lead-sheet__table thead th{font-size:var(--text-small);color:var(--grey-500)}.lead-sheet__row-actions{display:flex;gap:2px}.lead-sheet__row-actions button{min-width:var(--target-small);min-height:var(--target-small);padding:0}.lead-sheet__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.lead-sheet__keep{font-size:var(--text-small);color:var(--text-body)}@media(max-width:640px){.lead-sheet__table thead{display:none}.lead-sheet__table tr{display:grid;grid-template-columns:2rem 1fr 1fr;gap:var(--space-1);padding-block:var(--space-2);border-bottom:1px solid var(--grey-100)}.lead-sheet__table td:nth-child(5),.lead-sheet__table td:nth-child(6){grid-column:2 / -1}}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{position:absolute;inset:0 auto auto 0;width:100%;box-shadow:none}.print-area button,.print-area .timeline__actions,.lead-sheet__keep{display:none}.lead-sheet input[type=text],.lead-sheet select{border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0}.timeline__lines.is-long{max-height:none;overflow:visible}.timeline__lines>svg{break-inside:avoid}.performance__lines,.notation-preview{display:none}}.library{background:var(--surface-white);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5)}.library h2{margin-bottom:var(--space-3)}.genre-picker{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.genre-picker__label{font-weight:700;font-size:var(--text-small);margin-inline-end:var(--space-1)}.genre-chip{min-height:var(--target-small);font-size:var(--text-small)}.genre-chip[aria-pressed=true]{background:var(--mth-charcoal);border-color:var(--mth-charcoal);color:#fff}.library__table{width:100%;border-collapse:collapse}.library__scroll{max-height:27rem;overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--grey-100)}.library__table thead th{position:sticky;top:0;z-index:1;background:var(--surface-white)}.library__table th,.library__table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--grey-100)}.library__table thead th{font-size:var(--text-small);color:var(--grey-500)}.library__load{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-end}.load-button--a{border-color:var(--deck-a-ink);color:var(--deck-a-ink)}.load-button--b{border-color:var(--deck-b-ink);color:var(--deck-b-ink)}.keyguide{margin:0;display:grid;gap:var(--space-4)}.keyguide__rows{display:grid;gap:var(--space-1)}.keyguide__rows{min-width:0}.keyguide__row{display:grid;grid-template-columns:repeat(10,minmax(0,4.5rem));gap:var(--space-1)}.keycap{display:grid;align-content:start;min-width:0;overflow:hidden;height:3.75rem;padding:var(--space-1);border:1px solid var(--grey-300);border-bottom-width:3px;border-radius:var(--radius-cell);background:var(--grey-100);color:var(--grey-500);font-size:var(--text-small)}.keycap--a,.keycap--b,.keycap--mix{background:var(--surface-white);color:var(--mth-charcoal);border-color:var(--mth-charcoal)}.keycap--a{border-top:4px solid var(--deck-a)}.keycap--b{border-top:4px solid var(--deck-b)}.keycap__letter{font-weight:700}.keycap__action{line-height:1.2}.keyguide__list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);margin:0;padding:0;list-style:none}.prepare{display:grid;gap:var(--space-4);padding:var(--space-5);max-width:72rem;margin:0 auto}.prepare__header{display:grid;gap:var(--space-2)}.prepare__pick,.prepare__grid{display:grid;gap:var(--space-3)}.prepare__files{display:flex;flex-wrap:wrap;gap:var(--space-4);border:1px solid var(--grey-300);border-radius:var(--radius-input)}.prepare__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.prepare select{font:inherit;min-height:var(--target-min);border-radius:var(--radius-input)}.problems{margin:0;padding-inline-start:var(--space-5);color:var(--text-body)}.problems li::marker{content:"⚠ "}@media(max-width:1099px){.console{grid-template-columns:minmax(0,1fr) 15rem minmax(0,1fr);gap:var(--space-3)}.decks-view{padding-inline:var(--space-3)}.deck__nudge{margin-inline-start:0}.app-header{flex-wrap:wrap;padding:var(--space-2) var(--space-4)}}@media(max-width:899px){.console{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"a b" "mixer mixer"}.deck--a{grid-area:a}.deck--b{grid-area:b}.mixer{grid-area:mixer;justify-self:center;width:min(100%,36rem)}}@media(max-width:699px){.console{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "mixer" "b"}.decks-view{padding-inline:var(--space-5)}}@media(max-width:640px){.decks-view,.prepare{padding-inline:var(--space-4)}.library__table thead{display:none}.library__table tr{display:grid;grid-template-columns:1fr auto auto}.library__load{grid-column:1 / -1;justify-content:flex-start}.keycap__action{display:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}.library__tools{display:flex;flex-wrap:wrap;align-items:end;gap:var(--space-3);margin-bottom:var(--space-3)}.library__search,.library__sort{display:grid;gap:var(--space-1);font-size:var(--text-small);font-weight:700}.library__search{flex:1 1 14rem;min-width:0}.library__search input,.library__sort select,.performance__lines select{font:inherit;font-weight:400;min-height:var(--target-min);border:1px solid var(--grey-300);border-radius:var(--radius-input);padding-inline:var(--space-3);background:var(--surface-white);color:var(--text-body)}.library__order{min-height:var(--target-min);font-size:var(--text-small)}.library__none{margin:var(--space-3) 0}.key-hints{display:inline-flex;flex-wrap:wrap;gap:var(--space-1);margin-inline-start:var(--space-2)}.key-hint{font-size:var(--text-small);font-weight:700;padding:0 var(--space-2);border-radius:999px;border:1px solid currentColor;white-space:nowrap}.key-hint--a{color:var(--deck-a-ink)}.key-hint--b{color:var(--deck-b-ink)}.library__row--no-match th,.library__row--no-match td{color:var(--grey-500)}.deck__matched{margin:0;font-size:var(--text-small);color:var(--grey-500)}.crate-bar{display:grid;gap:var(--space-2);margin-bottom:var(--space-3)}.crate-chip[aria-pressed=true]{background:var(--mth-pink-press);border-color:var(--mth-pink-press);color:#fff}.crate-new{border-style:dashed}.crate-tools{display:grid;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--grey-300);border-radius:var(--radius-input)}.crate-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.crate-form label{font-weight:700;font-size:var(--text-small)}.crate-form input,.crate-form select{font:inherit;min-height:var(--target-min);min-width:0;max-width:100%;border:1px solid var(--grey-300);border-radius:var(--radius-input);padding-inline:var(--space-3);background:var(--surface-white);color:var(--text-body)}.crate-tools__name{margin:0;margin-inline-end:var(--space-2)}.crate-confirm{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.crate-move{min-width:var(--target-small);padding:0}.teacher-tools{display:grid;gap:var(--space-4)}.teacher-tools h2{margin:0}.teacher-tools fieldset{border:1px solid var(--grey-300);border-radius:var(--radius-input);padding:var(--space-3);margin:0;min-width:0;display:grid;gap:var(--space-2);align-content:start}.teacher-tools fieldset:disabled{opacity:.6}.teacher-tools legend{font-weight:700;padding-inline:var(--space-1)}.teacher-tools__grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}.teacher-tools select,.teacher-tools__copy input{font:inherit;min-height:var(--target-min);min-width:0;border:1px solid var(--grey-300);border-radius:var(--radius-input);padding-inline:var(--space-3);background:var(--surface-white);color:var(--text-body)}.teacher-tools .radio{display:flex;align-items:center;gap:var(--space-2);min-height:var(--target-small)}.teacher-tools .radio input{accent-color:var(--mth-pink);width:1.25rem;height:1.25rem;flex:none}.teacher-tools .teacher-tools__sub{margin:0 0 0 var(--space-5);padding:0;border:none}.teacher-tools .teacher-tools__sub legend{font-weight:400;font-size:var(--text-small);padding:0}.teacher-tools__sub:disabled{opacity:.6}.teacher-tools__note{margin:0;font-size:var(--text-small);color:var(--grey-500)}.teacher-tools__copy{display:flex;flex-wrap:wrap;gap:var(--space-2)}.teacher-tools__copy input{flex:1 1 16rem;font-size:var(--text-small)}.stage-select--fixed{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2)}.stage-select__note{font-size:var(--text-small);color:var(--grey-500)}:root[data-projector]{font-size:125%;--space-2: 10px;--space-3: 16px;--space-4: 20px;--space-5: 30px;--target-min: 60px;--target-small: 56px;--target-transport: 70px}@media(max-width:1000px){:root[data-projector] .library__table thead{display:none}:root[data-projector] .library__table tr{display:grid;grid-template-columns:1fr auto auto}:root[data-projector] .library__load{grid-column:1 / -1;justify-content:flex-start}}.keycard{display:grid;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--grey-100)}.keycard__picture{display:none}.keycard__picture svg{width:100%;height:auto;display:block}.keycard__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}@media print{:root[data-printing=keycard] body>:not(.keycard-print){display:none}:root[data-printing=keycard] .keycard-print{display:block}:root[data-printing=keycard] .keycard-print svg{width:100%;height:185mm}:root[data-printing=keycard] .keycard-print,:root[data-printing=keycard] .keycard-print *{visibility:visible}@page{size:A4 landscape;margin:10mm}}.keycard-print{display:none}.keycard-print svg{width:100%;height:auto;display:block}.prepare__batch{display:grid;gap:var(--space-3)}.batch-results{margin:0;padding-inline-start:var(--space-5);display:grid;gap:var(--space-2)}.tap-tempo__pad{min-width:9rem;min-height:var(--target-transport);font-weight:700;touch-action:manipulation}.key-shift{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.key-shift__value{min-width:2.5ch;text-align:center;font-weight:700}.transport-button--play.is-waiting{border-style:dashed;background:var(--mth-mint)}.deck.is-waiting .waveform-close{outline:3px solid var(--deck-colour);outline-offset:2px}@media(prefers-reduced-motion:no-preference){.transport-button--play.is-waiting{background:color-mix(in srgb,var(--mth-mint) calc(var(--wait-glow, 1) * 100%),var(--surface-white))}.deck.is-waiting .waveform-close{box-shadow:0 0 0 calc(var(--wait-glow, 0) * 7px) color-mix(in srgb,var(--deck-colour) 35%,transparent)}}@media(prefers-reduced-motion:no-preference){.deck__loading-bar:after{animation:deck-loading 1.2s ease-in-out infinite alternate}@keyframes deck-loading{to{transform:translate(150%)}}}.headphones summary:before,.timeline__list summary:before{content:"";flex:none;margin-inline-end:var(--space-2);border-block:5px solid transparent;border-inline-start:7px solid currentColor}.headphones[open]>summary:before,.timeline__list[open]>summary:before{transform:rotate(90deg)}.headphones__warning{margin:0;font-weight:700;color:var(--mth-charcoal);border-inline-start:4px solid var(--mth-pink);padding-inline-start:var(--space-2)}.workspace{display:grid;gap:var(--space-3)}.workspace__tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);border-bottom:2px solid var(--grey-300)}.workspace__tab{border-radius:var(--radius-cell) var(--radius-cell) 0 0;border-bottom:none;margin-bottom:-2px;background:var(--grey-100)}.workspace__tab.is-active{background:var(--surface-white);border-color:var(--grey-300);border-bottom:2px solid var(--surface-white);font-weight:700}.workspace__panel[hidden]{display:none}.console[data-layout=packed] .deck{gap:var(--space-2);padding-block:var(--space-3)}.console[data-layout=packed] .waveform-close{height:104px}.console[data-layout=packed] .waveform-overview{height:32px}.console[data-layout=packed] .deck__tempo-slider{flex:1 1 14rem}.console[data-layout=packed] .deck__pitch{flex:0 1 auto}.console[data-layout=packed] .deck__tempo-slider input,.console[data-layout=packed] .deck__fx-filter input{height:var(--target-small)}.console[data-layout=packed] .deck__fx-filter{flex:1 1 14rem}.console[data-layout=packed] .deck__fx-value{min-width:0}.console[data-layout=packed] .deck__header{gap:var(--space-2)}.console[data-layout=packed] .deck__title{flex-basis:7rem}.console[data-layout=packed] .deck button{padding-inline:var(--space-3)}.console[data-layout=packed] .loop-length{min-width:4rem}.first-steps{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-4) var(--space-5);border-inline-start:6px solid var(--mth-pink)}.first-steps h2{font-size:var(--text-h3);margin:0}.first-steps__list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-5);margin:0;padding-inline-start:1.5em}.first-steps__list li{padding-inline-start:var(--space-1)}.first-steps__list li::marker{font-weight:700;color:var(--mth-pink-press)}