:root{--bg:#f8fafc;--fg:#0f172a;--muted:#475569;--card:#fff;--line:#e2e8f0;--accent:#4f46e5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1020;--fg:#e5e7eb;--muted:#94a3b8;--card:#131a30;--line:#243049;--accent:#818cf8}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{background:var(--bg);color:var(--fg);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent)}.wrap{max-width:60rem;margin:0 auto;padding:0 1.25rem}header.bar{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);position:sticky;top:0}header.bar .wrap{align-items:center;gap:1rem;height:3.5rem;display:flex}nav{scrollbar-width:none;flex:1;gap:1rem;display:flex;overflow-x:auto}nav a{white-space:nowrap;color:var(--muted);font-weight:500;text-decoration:none}select,.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--fg);border-radius:.6rem;padding:.45rem .8rem}.btn{background:var(--accent);color:#fff;border-color:#0000;margin:.25rem .5rem .25rem 0;text-decoration:none;display:inline-block}.btn.ghost{color:var(--fg);border-color:var(--line);background:0 0}section{padding:3rem 0}h1{margin:.2em 0;font-size:clamp(2rem,6vw,3.5rem);line-height:1.1}h2{margin:0 0 1rem;font-size:1.6rem}.muted{color:var(--muted)}.grid{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:1rem;padding:1.1rem}.card h3{margin:0 0 .3rem}.chips{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:.25rem .8rem;font-size:.9rem}footer{text-align:center;color:var(--muted);padding:2rem 0}@media (width<=600px){section{padding:2rem 0}.btn{text-align:center;width:100%;margin-right:0}}