.kb.svelte-1m72oyu{-webkit-user-select:none;user-select:none;touch-action:none;height:95px;position:relative}.wk.svelte-1m72oyu{background:#fff;border:1px solid #b9b3a4;border-radius:0 0 4px 4px;position:absolute;top:0;bottom:0}.wk.down.svelte-1m72oyu{background:#d4e4f7}.bk.svelte-1m72oyu{z-index:2;background:#26303a;border:1px solid #11181f;border-radius:0 0 3px 3px;height:64%;position:absolute;top:0}.bk.down.svelte-1m72oyu{background:#3d6cb0}.stage.svelte-hq983d{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:6px 4px 2px}svg.svelte-hq983d{width:100%;height:auto;max-height:340px;display:block}:root{--ink:#1c2530;--paper:#fbfaf6;--line:#c8c2b4;--accent:#3d6cb0;--right:#2f8f5b;--wrong:#c0492f;--panel:#f1eee5;--muted:#6b6256}body{background:var(--paper);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}.wrap.svelte-2j7mc4{max-width:680px;margin:0 auto;padding:18px 16px}h1.svelte-2j7mc4{color:var(--ink);margin:.2em 0 .6em;font-size:1.45rem;font-weight:600}.topbar.svelte-2j7mc4{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.topbar.svelte-2j7mc4 h1:where(.svelte-2j7mc4){margin:0}.account.svelte-2j7mc4{align-items:center;gap:10px;font-size:.85rem;display:flex}.account.svelte-2j7mc4 .email:where(.svelte-2j7mc4){color:var(--muted)}.account.svelte-2j7mc4 .muted:where(.svelte-2j7mc4){color:var(--line)}.topbar.svelte-2j7mc4 .account:where(.svelte-2j7mc4) a:where(.svelte-2j7mc4),.topbar.svelte-2j7mc4 .account:where(.svelte-2j7mc4) button:where(.svelte-2j7mc4){color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:.85rem!important}.account.svelte-2j7mc4 a:where(.svelte-2j7mc4):hover,.account.svelte-2j7mc4 button:where(.svelte-2j7mc4):hover{text-decoration:underline}.midi-status.svelte-2j7mc4{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:6px;margin-bottom:14px;padding:7px 10px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.72rem}.midi-status.connected.svelte-2j7mc4{color:var(--right)}.modebar.svelte-2j7mc4{border:1px solid var(--ink);border-radius:8px;margin-bottom:14px;display:flex;overflow:hidden}.modebar.svelte-2j7mc4 button:where(.svelte-2j7mc4){background:var(--paper);font:inherit;color:var(--ink);cursor:pointer;border:none;flex:1;padding:10px;font-size:.92rem}.modebar.svelte-2j7mc4 button:where(.svelte-2j7mc4)+button:where(.svelte-2j7mc4){border-left:1px solid var(--ink)}.modebar.svelte-2j7mc4 button.active:where(.svelte-2j7mc4){background:var(--ink);color:var(--paper)}.drill-btn.svelte-2j7mc4{letter-spacing:.02em;background:var(--ink);width:100%;color:var(--paper);border:1px solid var(--ink);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:7px;margin-bottom:10px;padding:13px 12px;font-family:inherit;font-size:1rem}.drill-btn.svelte-2j7mc4:disabled{cursor:default;opacity:.85}.reset-btn.svelte-2j7mc4{width:100%;font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--ink);cursor:pointer;border-radius:7px;margin-bottom:10px;padding:10px;font-size:.9rem}.controls.svelte-2j7mc4{color:var(--ink);align-items:center;gap:8px;margin:10px 0;font-size:.9rem;display:flex}.unlock-banner.svelte-2j7mc4{background:var(--accent);color:var(--paper);text-align:center;border-radius:8px;margin:8px 0 16px;padding:12px 16px;font-size:.95rem;font-weight:500}.unlock-banner.svelte-2j7mc4 a:where(.svelte-2j7mc4){font-weight:600;text-decoration:underline;color:var(--paper)!important}.unlock-banner.svelte-2j7mc4 a:where(.svelte-2j7mc4):hover{opacity:.85}.unlock-banner.svelte-2j7mc4 a:where(.svelte-2j7mc4){color:var(--accent);font-weight:500;text-decoration:none}.unlock-banner.svelte-2j7mc4 a:where(.svelte-2j7mc4):hover{text-decoration:underline}select.svelte-2j7mc4,.controls.svelte-2j7mc4 button:where(.svelte-2j7mc4){font:inherit;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;padding:6px 10px}.feedback.svelte-2j7mc4{text-align:center;min-height:24px;margin:8px 0;font-size:1rem;font-weight:600}.feedback.correct.svelte-2j7mc4{color:var(--right)}.feedback.wrong.svelte-2j7mc4{color:var(--wrong)}.stats.svelte-2j7mc4{color:var(--ink);font-variant-numeric:tabular-nums;justify-content:center;gap:18px;margin:8px 0 16px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85rem;display:flex}.overlay.svelte-2j7mc4{z-index:50;background:#1c253073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal.svelte-2j7mc4{background:var(--paper);border:1px solid var(--ink);text-align:center;border-radius:12px;width:90%;max-width:330px;padding:22px 24px;box-shadow:0 14px 44px #00000047}.modal.svelte-2j7mc4 h2:where(.svelte-2j7mc4){margin:0 0 .35em;font-size:1.25rem;font-weight:600}.big-stat.svelte-2j7mc4{font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:600;line-height:1.1}.big-stat.svelte-2j7mc4 small:where(.svelte-2j7mc4){color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-top:2px;font-size:.78rem;font-weight:400;display:block}.modal.svelte-2j7mc4 .row:where(.svelte-2j7mc4){border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 2px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85rem;display:flex}.modal.svelte-2j7mc4 button:where(.svelte-2j7mc4){width:100%;font:inherit;border:1px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:7px;margin-top:12px;padding:12px;font-size:1rem;display:block}.modal.svelte-2j7mc4 button.primary:where(.svelte-2j7mc4){background:var(--ink);color:var(--paper);margin-top:18px}.session-modal.svelte-2j7mc4{max-width:380px}.session-modal.svelte-2j7mc4 .empty:where(.svelte-2j7mc4){color:var(--muted);text-align:center;padding:12px 0;font-size:.9rem}.session-modal.svelte-2j7mc4 hr:where(.svelte-2j7mc4){border:none;border-top:1px solid var(--line);margin:10px 0}.session-modal.svelte-2j7mc4 .sblock:where(.svelte-2j7mc4){background:var(--panel);border-radius:6px;margin:9px 0;padding:8px 10px}.session-modal.svelte-2j7mc4 .sname:where(.svelte-2j7mc4){color:var(--accent);margin-bottom:4px;font-family:JetBrains Mono,Menlo,Consolas,monospace;font-size:.85rem;font-weight:600}.app-footer.svelte-2j7mc4{text-align:center;color:var(--muted);padding:30px 20px 10px;font-size:.85rem}.app-footer.svelte-2j7mc4 a:where(.svelte-2j7mc4){color:var(--accent);text-decoration:none}.app-footer.svelte-2j7mc4 a:where(.svelte-2j7mc4):hover{text-decoration:underline}.app-footer.svelte-2j7mc4 .legal:where(.svelte-2j7mc4){margin-top:6px;font-size:.8rem}.app-footer.svelte-2j7mc4 .legal:where(.svelte-2j7mc4) a:where(.svelte-2j7mc4){margin:0 4px}