:root{--bg:#fafafa;--fg:#1a1a1a;--muted:#666;--card:#fff;--border:#e3e3e3;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111;--fg:#eee;--muted:#999;--card:#1a1a1a;--border:#2c2c2c;--accent:#6ea0ff}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}.hero,main,footer{max-width:960px;margin:0 auto;padding:1rem}.hero{padding-top:4rem}.hero h1{margin:0;font-size:2.5rem}.hero p{color:var(--muted);font-size:1.15rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.card h3{margin:0 0 .25rem}.card p{color:var(--muted);margin:0 0 .75rem}.tags{flex-wrap:wrap;gap:.4rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.tags li{border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.links{gap:1rem;display:flex}a{color:var(--accent)}footer{color:var(--muted);padding-bottom:2rem;font-size:.9rem}