:root{--bg:#f1f1ef;--fg:#16171a;--muted:#6b6f76;--line:#d9d9d5;--card:#fff;--accent:#1b6cf2;--radius:14px;--max:1240px}@media (prefers-color-scheme:dark){:root{--bg:#15161a;--fg:#f2f2f0;--muted:#9ba0a8;--line:#2b2d33}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;padding:2.5rem 1.5rem 7rem;font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:var(--max);margin:0 auto}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:12px;font-weight:600}h1{letter-spacing:-.015em;margin:0 0 .5rem;font-size:clamp(1.5rem,3vw,2.1rem)}.lede{color:var(--muted);max-width:62ch;margin:0 0 1.75rem}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1rem,3vw,2rem)}#stage svg{width:100%;height:auto;display:block}.beats{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;display:flex}.beats button{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);cursor:pointer;border-radius:999px;padding:.45rem .9rem;font-size:13px}.beats button:hover{border-color:var(--accent);color:var(--accent)}.notes{color:var(--muted);margin:1.75rem 0 0;font-size:14px}.notes code{background:color-mix(in srgb, var(--fg) 8%, transparent);border-radius:4px;padding:.1em .35em}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.grid a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);color:inherit;padding:1.1rem 1.25rem;text-decoration:none;display:block}.grid a:hover{border-color:var(--accent)}.grid strong{margin-bottom:.2rem;display:block}.grid span{color:var(--muted);font-size:14px}