.glyph.svelte-hpt4zu{flex-direction:column;align-items:center;gap:.25rem;margin:0;display:flex}svg.svelte-hpt4zu{display:block}figcaption.svelte-hpt4zu{font-variant-numeric:tabular-nums;font-weight:600}.keyboard-scroll.svelte-1oh5js9{padding-bottom:.25rem;overflow-x:auto}.keyboard.svelte-1oh5js9{--white-w:calc(100% / var(--whites));min-width:600px;height:170px;display:flex;position:relative}.keyboard.compact.svelte-1oh5js9{height:100px}.key.svelte-1oh5js9{border:1px solid #0003;padding:0}.key.white.svelte-1oh5js9{color:#444;background:#fbfaf7;border-radius:0 0 6px 6px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;padding-bottom:8px;display:flex}.key.black.svelte-1oh5js9{z-index:1;width:calc(var(--white-w) * .62);top:0;left:calc(var(--white-w) * var(--pos) - var(--white-w) * .31);background:color-mix(in srgb, var(--tint) 55%, #111);color:#fff;border-radius:0 0 5px 5px;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px;height:60%;padding-bottom:6px;display:flex;position:absolute}.key.svelte-1oh5js9:disabled{cursor:default;opacity:1}.key.marked.svelte-1oh5js9{box-shadow:inset 0 -3px 0 color-mix(in srgb, var(--accent) 45%, transparent)}.key.active.svelte-1oh5js9{box-shadow:inset 0 -6px 0 var(--accent)}.key.white.active.svelte-1oh5js9{background:color-mix(in srgb, var(--accent) 30%, #fbfaf7)}.key.black.active.svelte-1oh5js9{background:color-mix(in srgb, var(--tint) 85%, #fff)}.note.svelte-1oh5js9{font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:700;line-height:1}.key.black.svelte-1oh5js9 .note:where(.svelte-1oh5js9){font-size:.6rem}.middle-tag.svelte-1oh5js9{text-transform:uppercase;letter-spacing:.02em;color:var(--accent);font-size:.55rem;font-weight:700}.key.middle.svelte-1oh5js9{background:color-mix(in srgb, var(--accent) 10%, #fbfaf7)}.hint-key.svelte-1oh5js9{text-align:center;opacity:.6;border:1px solid;border-radius:3px;min-width:1.1em;min-height:1.1em;padding:0 2px;font-family:ui-monospace,monospace;font-size:.55rem;font-weight:400;line-height:1.1em}.hint-key.empty.svelte-1oh5js9{visibility:hidden}.waveform.svelte-1e5phs1{background:var(--surface-2);border-radius:12px;width:100%;height:120px;display:block}.explore.svelte-1iik8wz{gap:1.25rem;display:grid}.display.svelte-1iik8wz{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:1rem;padding:1.25rem;display:grid}.now.svelte-1iik8wz{align-content:center;place-items:center;gap:.25rem;min-height:190px;display:grid}.freq.svelte-1iik8wz,.hint.svelte-1iik8wz,.octave.svelte-1iik8wz{color:var(--muted);margin:0}.freq.svelte-1iik8wz{font-variant-numeric:tabular-nums}.played.svelte-1iik8wz{font-variant-numeric:tabular-nums;margin:0;font-size:1.5rem;font-weight:700}.controls.svelte-1iik8wz{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.octave.svelte-1iik8wz kbd:where(.svelte-1iik8wz){border:1px solid var(--border);border-radius:3px;padding:0 3px;font-family:ui-monospace,monospace;font-size:.85em}.answers.svelte-subanv{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.answer.svelte-subanv{min-width:4.5rem;font-size:1.1rem;font-weight:600}.answer.right.svelte-subanv{border-color:var(--good);box-shadow:inset 0 0 0 2px var(--good);opacity:1}.answer.wrong.svelte-subanv{border-color:var(--bad);box-shadow:inset 0 0 0 2px var(--bad);opacity:1}.runner.svelte-gozvve{gap:1.25rem;display:grid}.head.svelte-gozvve{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}h2.svelte-gozvve{margin:0}.blurb.svelte-gozvve{color:var(--muted);margin:.25rem 0 0}.stats.svelte-gozvve{gap:1.25rem;margin:0;display:flex}.stats.svelte-gozvve div:where(.svelte-gozvve){gap:.1rem;display:grid}dt.svelte-gozvve{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}dd.svelte-gozvve{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.streak.svelte-gozvve{align-items:center;gap:4px;height:1.45em;display:flex}.streak.svelte-gozvve span:where(.svelte-gozvve){background:var(--placeholder);border-radius:50%;width:10px;height:10px}.streak.svelte-gozvve span.on:where(.svelte-gozvve){background:var(--good)}.stage.svelte-gozvve{background:var(--surface);border:1px solid var(--border);border-radius:16px;gap:1rem;padding:1.25rem;display:grid}.slots.svelte-gozvve{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;min-height:96px;display:flex}.slot.svelte-gozvve{background:var(--surface-2);border:2px solid #0000;border-radius:12px;place-items:center;width:72px;height:88px;transition:transform .12s,border-color .12s;display:grid}.slot.active.svelte-gozvve{border-color:var(--accent);transform:scale(1.08)}.slot.source.svelte-gozvve{border-color:var(--good)}.placeholder.svelte-gozvve{color:var(--muted);font-size:1.1rem;font-weight:600}.again.svelte-gozvve{color:var(--muted);padding:0 .25rem;font-size:.8rem}.prompt.svelte-gozvve{text-align:center;min-height:1.5em;margin:0}.sounding.svelte-gozvve{text-align:center;font-variant-numeric:tabular-nums;min-height:1.5em;margin:0;font-weight:700}.good.svelte-gozvve{color:var(--good)}.bad.svelte-gozvve{color:var(--bad)}.actions.svelte-gozvve{justify-items:center;gap:.75rem;display:grid}.row.svelte-gozvve{gap:.75rem;display:flex}.app.svelte-1n46o8q{gap:1.25rem;max-width:920px;margin:0 auto;padding:16px;display:grid}.top.svelte-1n46o8q{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}h1.svelte-1n46o8q{margin:0;font-size:1.4rem}nav.svelte-1n46o8q{background:var(--surface-2);border-radius:12px;flex-wrap:wrap;gap:.25rem;padding:.25rem;display:flex}.tab.svelte-1n46o8q{background:0 0;border:0;border-radius:9px;padding:.45rem .85rem}.tab.current.svelte-1n46o8q{background:var(--surface);font-weight:600;box-shadow:0 1px 2px #0002}.card.svelte-1n46o8q{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin:0;padding:1.5rem}.gate.svelte-1n46o8q{justify-items:start;gap:1rem;display:grid}.gate.svelte-1n46o8q p:where(.svelte-1n46o8q){margin:0}:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#eceae4;--text:#1d1c1a;--muted:#6b6862;--border:#d9d6ce;--accent:#3b5bdb;--good:#2b8a3e;--bad:#c92a2a;--placeholder:#c8c5bd;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#151514;--surface:#1f1f1d;--surface-2:#2a2a27;--text:#ecebe6;--muted:#9c9a93;--border:#393935;--accent:#7c93f5;--good:#51cf66;--bad:#ff6b6b;--placeholder:#4a4945}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.6rem 1.1rem}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:focus-visible,.key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}