:root{color-scheme:dark;--bg:#111211;--surface:#1c1e1b;--text:#f0f0e6;--dim:#a4aba0;--accent:#d8f690}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}nav{display:flex;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid #35382f;flex-wrap:wrap}nav strong{margin-right:auto}nav a{font-size:14px;color:var(--dim)}main{max-width:1120px;margin:auto;padding:0 28px 80px}.eyebrow{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:.16em;margin-top:56px}h1{font-size:clamp(36px,6vw,72px);letter-spacing:-.06em;line-height:1.08;margin:18px 0}h2{letter-spacing:-.025em}p.intro{max-width:650px;color:var(--dim);font-size:18px}button,.button{display:inline-block;background:var(--accent);color:#1b2410;padding:12px 18px;border:0;border-radius:6px;cursor:pointer;font:600 14px system-ui;text-decoration:none}button.secondary,.button.secondary{background:#30362a;color:var(--text)}button:disabled{opacity:.5;cursor:wait}input,select{background:#1c1e1b;color:var(--text);border:1px solid #4b5144;border-radius:6px;padding:12px;font:inherit;max-width:100%}input[type=search]{width:100%;margin:28px 0}label{display:block;color:var(--dim);font-size:14px;margin:12px 0 5px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:28px}.card{background:var(--surface);border:1px solid #30362a;border-radius:10px;padding:18px}.card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:5px}.card h2{margin:14px 0 0}.card p{color:var(--dim);margin:6px 0 16px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice{padding:14px 18px;border-left:3px solid var(--accent);background:#20241c;margin:24px 0}.muted{color:var(--dim);font-size:14px}form.panel,.panel{background:var(--surface);padding:24px;border:1px solid #30362a;border-radius:10px;margin:24px 0}#status{min-height:24px;color:var(--accent)}audio{width:100%}pre{white-space:pre-wrap}details{margin:20px 0}summary{cursor:pointer}input[type=checkbox]{margin-right:10px}#local-player img{max-width:260px}#local-player li{margin:20px 0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:600px){main{padding:0 18px 50px}nav{gap:14px}.grid{grid-template-columns:1fr}.actions>*{max-width:100%}}