:root{--bg:#f9fafb;--text:#111827;--panel:#ffffff;--border:#e5e7eb;--muted:#6b7280;--nav-hover:#f3f4f6;--pill-bg:#eef2ff;--pill-text:#3730a3;--code-bg:#f3f4f6}[data-theme=dark]{--bg:#0b1220;--text:#e5e7eb;--panel:#111827;--border:#374151;--muted:#9ca3af;--nav-hover:#1f2937;--pill-bg:#1f2937;--pill-text:#c7d2fe;--code-bg:#1f2937}body,html{padding:0;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:24px}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 24px;background:var(--panel);border-bottom:1px solid var(--border)}.nav a{color:var(--text);font-weight:600;padding:6px 8px;border-radius:8px}.nav a:hover{background:var(--nav-hover)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:12px;gap:12px}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;line-height:1;min-height:26px;font-size:12px;padding:6px 10px;border-radius:999px;background:var(--pill-bg);color:var(--pill-text);border:1px solid var(--border);cursor:pointer}code{background:var(--code-bg);padding:2px 6px;border-radius:6px}