:root{color-scheme:light dark;--bg: #f6f5f1;--fg: #1b1b1a;--muted: #6b6a66;--accent: #1f6f5c;--accent-fg: #fff}@media(prefers-color-scheme:dark){:root{--bg: #141514;--fg: #ecebe6;--muted: #96958f;--accent: #4fb59b;--accent-fg: #0c1512}}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:var(--bg);color:var(--fg);font:16px/1.4 system-ui,sans-serif}main{width:100%;max-width:22rem;padding:1.5rem 1rem;text-align:center}h1{font-size:1.25rem;font-weight:600;margin:0 0 2rem}#play{width:11rem;height:11rem;border-radius:50%;border:0;background:var(--accent);color:var(--accent-fg);font:inherit;font-size:1.1rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}#play[aria-pressed=true]{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 3px var(--accent)}#status{margin:2rem 0 0;color:var(--muted);font-size:.9rem}pre{margin:2rem 0 0;text-align:left;font-size:.8rem;color:var(--muted)}