.free-play[data-astro-cid-hdkiq6v6]{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-frame);overflow:hidden;container:free-play/inline-size}.readout[data-astro-cid-hdkiq6v6]{justify-items:center;gap:var(--space-2);min-height:8.5rem;padding:var(--space-4);text-align:center;display:grid}.eyebrow[data-astro-cid-hdkiq6v6]{font-size:var(--text-xs);color:var(--color-ink-soft)}.eyebrow[data-astro-cid-hdkiq6v6][hidden]{display:none}.chord[data-astro-cid-hdkiq6v6]{min-height:1.3em;font-size:var(--text-2xl);font-weight:800;line-height:var(--leading-tight);color:var(--color-brand);margin:0}.chord-link[data-astro-cid-hdkiq6v6]{font-size:var(--text-sm);font-weight:600}.chord-link[data-astro-cid-hdkiq6v6][hidden]{display:none}.notes[data-astro-cid-hdkiq6v6]{justify-content:center;gap:var(--space-1);flex-wrap:wrap;min-height:1.75rem;margin:0;padding:0;list-style:none;display:flex}.notes[data-astro-cid-hdkiq6v6] li[data-astro-cid-hdkiq6v6]{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-sm)}.stage[data-astro-cid-hdkiq6v6]{background:var(--color-stage);touch-action:pan-y;display:grid;position:relative}canvas[data-astro-cid-hdkiq6v6]{width:100%;display:block}.rising[data-astro-cid-hdkiq6v6]{height:var(--player-stage-height)}.keyboard[data-astro-cid-hdkiq6v6]{--white-key:calc(100% / 52);height:var(--player-keys-height);background:var(--wf-key-white) url(/img/keys/v1/white.webp) left bottom / var(--white-key) auto repeat-x;touch-action:none}@container free-play (width<624px){.keyboard[data-astro-cid-hdkiq6v6]{--white-key:calc(100% / 22)}}.pan[data-astro-cid-hdkiq6v6]{width:100%;height:var(--player-pan-height);margin:0;display:block}.pan[data-astro-cid-hdkiq6v6][hidden]{display:none}.stage-message[data-astro-cid-hdkiq6v6],.sound-chip[data-astro-cid-hdkiq6v6],.toast[data-astro-cid-hdkiq6v6]{top:var(--space-3);padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);position:absolute;left:50%;transform:translate(-50%)}.toast[data-astro-cid-hdkiq6v6]{top:calc(var(--space-3) + var(--tap-min) + var(--space-2));z-index:var(--z-toast);max-width:calc(100% - 2 * var(--space-4));background:var(--color-toast);color:var(--color-on-brand);text-align:center}.stage-message[data-astro-cid-hdkiq6v6]{background:var(--color-surface);color:var(--color-ink)}.sound-chip[data-astro-cid-hdkiq6v6]{min-height:var(--tap-min);background:var(--color-brand);color:var(--color-on-brand);cursor:pointer;border:0;font-weight:600}.keys-hint[data-astro-cid-hdkiq6v6]{bottom:calc(var(--player-keys-height) + var(--space-2));padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink-soft);font-size:var(--text-xs);pointer-events:none;white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}@media (hover:none) and (pointer:coarse){.keys-hint[data-astro-cid-hdkiq6v6]{display:none}}.controls[data-astro-cid-hdkiq6v6]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.control[data-astro-cid-hdkiq6v6],.check[data-astro-cid-hdkiq6v6]{align-items:center;gap:var(--space-2);display:inline-flex}.chip[data-astro-cid-hdkiq6v6]{min-height:var(--tap-min);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-muted);color:var(--color-ink);cursor:pointer}.chip[data-astro-cid-hdkiq6v6]:disabled{opacity:.5;cursor:default}.chip[data-astro-cid-hdkiq6v6][aria-pressed=true]{background:var(--color-ink);color:var(--color-on-brand)}.connect[data-astro-cid-hdkiq6v6]{align-items:center;gap:var(--space-2);display:inline-flex}.dot[data-astro-cid-hdkiq6v6]{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-status-idle);transition:background-color var(--motion-fast) var(--motion-ease)}.dot[data-astro-cid-hdkiq6v6][data-status=connected]{background:var(--color-status-connected)}.dot[data-astro-cid-hdkiq6v6][data-status=disconnected]{background:var(--color-status-disconnected)}.dot[data-astro-cid-hdkiq6v6].blink{background:var(--color-status-blink);transition:none}.visually-hidden[data-astro-cid-hdkiq6v6]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page[data-astro-cid-h5e7pan6]{gap:var(--space-5);padding-block:var(--space-6);display:grid}h1[data-astro-cid-h5e7pan6]{font-size:var(--text-2xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.subtitle[data-astro-cid-h5e7pan6]{color:var(--color-ink-soft)}.about[data-astro-cid-h5e7pan6]{gap:var(--space-3);max-width:44rem;display:grid}h2[data-astro-cid-h5e7pan6]{margin-top:var(--space-3);font-size:var(--text-lg)}