main.svelte-h2b9z2{flex-direction:column;align-items:center;gap:1rem;min-height:100dvh;padding:1.25rem 1rem 2.5rem;display:flex}.page-title.svelte-h2b9z2,.intro.svelte-h2b9z2,.why.svelte-h2b9z2,.layout.svelte-h2b9z2,.foot.svelte-h2b9z2{width:min(44rem,100%)}.why.svelte-h2b9z2{line-height:1.5}.why.svelte-h2b9z2 p:where(.svelte-h2b9z2){max-width:68ch;margin-top:.6rem}.why.svelte-h2b9z2 summary:where(.svelte-h2b9z2){cursor:pointer;font-family:var(--serif);font-size:1.15rem}.why[open].svelte-h2b9z2 summary:where(.svelte-h2b9z2){margin-bottom:.25rem}.meaning.svelte-h2b9z2{color:var(--text-dim)}.layout.svelte-h2b9z2{flex-direction:column;gap:1rem;display:flex}@media (width>=64rem){.page-title.svelte-h2b9z2,.intro.svelte-h2b9z2,.why.svelte-h2b9z2,.layout.svelte-h2b9z2,.foot.svelte-h2b9z2{width:min(76rem,100%)}.layout.svelte-h2b9z2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.play.svelte-h2b9z2{position:sticky;top:1rem}}.bar.svelte-h2b9z2{border-bottom:1px solid var(--border);background:var(--bg)}.bar-in.svelte-h2b9z2{flex-wrap:wrap;align-items:center;gap:.75rem;width:min(76rem,100%);margin:0 auto;padding:.6rem 1rem;display:flex}.back.svelte-h2b9z2{gap:.3rem;padding-left:.7rem}.back.svelte-h2b9z2 svg:where(.svelte-h2b9z2){fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:1.1rem;height:1.1rem}.brand.svelte-h2b9z2{font-family:var(--serif);color:var(--text);border-radius:12px;align-items:center;gap:.5rem;font-size:1.1rem;text-decoration:none;display:inline-flex}.language.svelte-h2b9z2{margin-left:auto}@media (width<=34rem){.brand.svelte-h2b9z2 span:where(.svelte-h2b9z2){clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.page-title.svelte-h2b9z2{font-size:1.6rem}.hall.svelte-h2b9z2,.play.svelte-h2b9z2{flex-direction:column;gap:.75rem;display:flex}.row.svelte-h2b9z2{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex}.pills.svelte-h2b9z2{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;padding:.2rem;display:inline-flex}.pill.svelte-h2b9z2{min-height:2.25rem;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:0 .95rem;font-weight:600}.pill.active.svelte-h2b9z2{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000059}.path.svelte-h2b9z2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.path.svelte-h2b9z2 button:where(.svelte-h2b9z2){border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:.1rem;padding:.5rem .3rem;display:flex}.path.svelte-h2b9z2 button.active:where(.svelte-h2b9z2){border-color:var(--accent);background:var(--surface-2);color:var(--text)}.path.svelte-h2b9z2 .n:where(.svelte-h2b9z2){font-weight:800}.path.svelte-h2b9z2 .what:where(.svelte-h2b9z2){text-align:center;font-size:.85rem;font-weight:600}.levels.svelte-h2b9z2{flex-wrap:wrap}.level-done.svelte-h2b9z2{color:var(--ok)}.instruction.svelte-h2b9z2{font-size:1.25rem;font-weight:700;line-height:1.35}.verdict.svelte-h2b9z2{flex-direction:column;gap:.1rem;display:flex}.word.svelte-h2b9z2{color:var(--warn);font-size:1.6rem;font-weight:800}.word.waiting.svelte-h2b9z2{color:var(--text-dim);font-size:1rem;font-weight:600}.word.on-time.svelte-h2b9z2{color:var(--ok)}.word.late.very.svelte-h2b9z2{color:var(--crit)}.tip.svelte-h2b9z2{font-weight:600}.chords.svelte-h2b9z2{grid-template-columns:auto repeat(var(--chords), minmax(0, 1fr));align-items:center;gap:.3rem .4rem;display:grid}.row-name.svelte-h2b9z2{color:var(--text-dim);padding-right:.3rem}.chord.svelte-h2b9z2{text-align:center;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-dim);padding:.3rem 0;font-weight:700;transition:background .1s}.chord.on.svelte-h2b9z2{background:var(--accent);color:var(--accent-ink)}.chord.heard.on.svelte-h2b9z2{background:var(--ok);color:var(--bg)}.big-start.svelte-h2b9z2{min-width:10rem}.next.svelte-h2b9z2{align-self:flex-start}.tick.svelte-h2b9z2{fill:none;width:1.1rem;height:1.1rem;stroke:var(--ok);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15rem}.success.svelte-h2b9z2{border:1px solid var(--ok);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--ok) 12%, transparent);flex-direction:column;align-items:flex-start;gap:.4rem;padding:.8rem 1rem;line-height:1.5;animation:.3s ease-out svelte-h2b9z2-pop;display:flex}.badge.svelte-h2b9z2{background:var(--ok);color:var(--bg);border-radius:999px;padding:.1rem .6rem;font-size:.8rem;font-weight:800}@keyframes svelte-h2b9z2-pop{0%{opacity:0;transform:translateY(.3rem)}}@media (prefers-reduced-motion:reduce){.success.svelte-h2b9z2{animation:none}}.controls.svelte-h2b9z2{border-top:1px solid var(--border);padding-top:.6rem}.tempo.svelte-h2b9z2{align-items:center;gap:.4rem;display:flex}.step.svelte-h2b9z2{width:var(--tap);padding:0}.bpm.svelte-h2b9z2{text-align:center;min-width:4.5rem}.check.svelte-h2b9z2{align-items:center;gap:.4rem;display:flex}.pad.svelte-h2b9z2{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface-2);min-height:7rem;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;font-size:1.2rem;font-weight:800}.pad.svelte-h2b9z2:disabled{border-style:dashed;border-color:var(--border);color:var(--text-dim);cursor:default;font-weight:600}.pad.svelte-h2b9z2:not(:disabled):active{transform:scale(.99)}