:root{--bg:#0f1115;--card:#1a1d24;--fg:#e6e6e6;--muted:#9aa0aa;--accent:#4ea1ff}
*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header.site{padding:1.2rem 1.5rem;border-bottom:1px solid #262a33}
header.site h1{margin:0;font-size:1.3rem}header.site .tag{color:var(--muted);font-size:.9rem}
main{max-width:1000px;margin:0 auto;padding:1.5rem}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid #262a33;border-radius:10px;padding:1rem}
.card h3{margin:.2rem 0}.badge{display:inline-block;font-size:.72rem;background:#23303f;color:var(--accent);
border-radius:6px;padding:.1rem .5rem;margin:.1rem .2rem .1rem 0}
.price{color:var(--muted);font-size:.9rem}
a{color:var(--accent)}footer.legal{border-top:1px solid #262a33;margin-top:2rem;padding:1.5rem;
color:var(--muted);font-size:.82rem}footer.legal .disc{font-style:italic}
.banner{background:#1a1d24;border:1px solid #3a2; color:var(--muted);padding:.6rem 1rem;
font-size:.82rem;border-radius:8px;margin-bottom:1rem}