:root{--bg:#0f0f0f;--border:#2a2a2a;--card:#171717;--muted:#a1a1a1;--text:#f5f5f5}
    body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif}
    .header{position:sticky;top:0;background:#0f0f0fbd;border-bottom:1px solid var(--border)}
    .nav{display:flex;gap:10px;align-items:center;padding:10px 16px}
    .nav .pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:#111;color:#e5e5e5;font-weight:700}
    .container{max-width:1200px;margin:0 auto;padding:16px}
    .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:16px}
    .btn{display:inline-flex;gap:8px;align-items:center;padding:10px 14px;border-radius:12px;border:1px solid var(--border);background:#111;color:#eee;font-weight:800}
    .grid{display:grid;gap:12px}
    @media(min-width:900px){.grid{grid-template-columns:1.2fr 1fr}}
    .stack{display:grid;gap:10px}
    .small{color:var(--muted);font-size:12px}