:root{--bg:#F6F4FB;--card:#fff;--text:#1E1830;--muted:#6B6580;--primary:#6D3FD9;--line:#E7E2F2}
@media (prefers-color-scheme:dark){:root{--bg:#141020;--card:#1E1830;--text:#F2EFFA;--muted:#B5AFC2;--primary:#A98BFF;--line:#2E2742}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
header{background:linear-gradient(135deg,#6D3FD9,#4B23B0);color:#fff;padding:28px 16px 36px}
header .wrap{display:flex;align-items:center;gap:12px}
.logo{width:40px;height:40px;border-radius:12px}
header a{color:#fff;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-.02em}
.wrap{max-width:760px;margin:0 auto;padding:0 16px}
main .wrap{background:var(--card);border-radius:24px;margin:-20px auto 32px;padding:28px 22px;box-shadow:0 6px 24px rgba(30,24,48,.08)}
h1{font-size:28px;line-height:1.2;margin:.2em 0 .4em;letter-spacing:-.02em}
h2{font-size:20px;margin:1.6em 0 .4em}
h3{font-size:17px;margin:1.2em 0 .3em}
p,li{color:var(--text)}ul{padding-left:1.2em}li{margin:.3em 0}
a{color:var(--primary)}code{background:var(--bg);padding:1px 6px;border-radius:6px;font-size:.9em}
.table{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;margin:.6em 0}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--muted);font-weight:700}
footer{text-align:center;color:var(--muted);font-size:13px;padding:0 16px 32px}footer a{margin:0 8px}
.cards{display:grid;gap:12px}.cards a{display:block;padding:18px;border:1px solid var(--line);border-radius:16px;text-decoration:none;color:var(--text);font-weight:700}
.cards span{display:block;color:var(--muted);font-weight:400;font-size:14px}