:root{--bg:#0b1220;--card:#111a2e;--text:#e8edf6;--muted:#93a1b8;--accent:#10b981;--line:#1f2a44}
@media (prefers-color-scheme: light){:root{--bg:#f6f8fb;--card:#fff;--text:#0f172a;--muted:#5b6476;--line:#e3e8ef}}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 -apple-system,BlinkMacSystemFont,"Inter",Segoe UI,Roboto,sans-serif}
a{color:var(--accent)}header{max-width:880px;margin:0 auto;padding:20px 16px;display:flex;align-items:center;gap:12px}
header img{width:40px;height:40px;border-radius:10px}header b{font-size:20px}nav{margin-left:auto;display:flex;gap:16px;font-size:14px}
main{max-width:880px;margin:0 auto;padding:8px 16px 64px}h1{font-size:32px;line-height:1.2}h2{margin-top:2em;font-size:22px}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:14px;display:block;overflow-x:auto}th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
th{background:var(--card)}code{background:var(--card);padding:1px 6px;border-radius:6px;font-size:13px;word-break:break-all}
.hero{padding:48px 0 24px}.hero p{color:var(--muted);font-size:19px;max-width:640px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:28px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.card h3{margin:0 0 6px;font-size:17px}.card p{margin:0;color:var(--muted);font-size:15px}
footer{border-top:1px solid var(--line);max-width:880px;margin:0 auto;padding:20px 16px;color:var(--muted);font-size:13px}