:root{--a:#2563eb;--a2:#93c5fd;--t:#1f2328;--m:#59636e;--bg:#fff;--s:#f6f8fa;--line:#d8dee4;--code:#f3f4f6}
@media (prefers-color-scheme:dark){:root{--t:#e6edf3;--m:#9198a1;--bg:#0d1117;--s:#151b23;--line:#30363d;--code:#161b22}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:var(--t);background:var(--bg)}
a{color:var(--a);text-decoration:none}a:hover{text-decoration:underline}
.w{max-width:1140px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;background:var(--bg);padding:6px 10px;z-index:9}
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
.top .w{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font:700 18px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--t)}.logo span{color:var(--a)}
nav a{margin-left:22px;color:var(--m);font-size:15px}nav a[aria-current]{color:var(--t);font-weight:600}
code,pre{font:14px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
pre{background:var(--code);border:1px solid var(--line);border-radius:8px;padding:14px 16px;overflow:auto}
p code,li code,td code{background:var(--code);padding:1px 5px;border-radius:4px}
.hero{text-align:center;padding:84px 0 56px}
.hero h1{font-size:46px;line-height:1.12;margin:0 auto 16px;max-width:780px;letter-spacing:-.02em}
.hero p{color:var(--m);font-size:19px;max-width:620px;margin:0 auto}
.install{max-width:560px;margin:28px auto 0;text-align:left}
.btns{margin-top:22px}.btn{display:inline-block;padding:11px 22px;border-radius:8px;font-weight:600;margin:4px}.btn:hover{text-decoration:none}
.p{background:var(--a);color:#fff}.s{border:1px solid var(--line);color:var(--t)}
.badges{margin-top:16px;font-size:13px;color:var(--m)}.badges span{display:inline-block;border:1px solid var(--line);border-radius:20px;padding:2px 10px;margin:3px}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;padding:56px 0}
.feat div{border:1px solid var(--line);border-radius:10px;padding:22px}.feat h3{margin:0 0 6px;font-size:17px}.feat p{margin:0;color:var(--m);font-size:15px}
.demo{max-width:780px;margin:0 auto 72px}
.demo h2,.sec h2{text-align:center;font-size:28px;margin:0 0 18px}
.docs{display:grid;grid-template-columns:220px 1fr;gap:48px;padding:40px 20px 72px}
.side{position:sticky;top:86px;align-self:start;font-size:15px}
.side h2{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--m);margin:18px 0 6px}
.side ul{list-style:none;margin:0;padding:0}.side li a{display:block;padding:3px 0;color:var(--t)}
.content{min-width:0;max-width:760px}.content h1{font-size:36px;margin:0 0 8px}.content h2{font-size:24px;margin:40px 0 10px;padding-top:6px;border-top:1px solid var(--line)}
.content h3{margin:24px 0 6px}.content p,.content li{color:var(--t)}
.note{border-left:3px solid var(--a);background:var(--s);padding:10px 14px;border-radius:0 6px 6px 0;color:var(--m)}
table{border-collapse:collapse;width:100%;font-size:15px}th,td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}th{background:var(--s)}
.release{border-bottom:1px solid var(--line);padding:22px 0}.release h2{border:0;margin:0;padding:0;font-size:22px}
.release time{color:var(--m);font-size:14px}.release ul{margin:10px 0 0}
.tag{display:inline-block;font-size:11px;font-weight:700;padding:1px 7px;border-radius:4px;margin-right:6px;vertical-align:2px;color:#fff;background:var(--a)}
.tag.fix{background:#6e7781}.tag.sec{background:#cf222e}
footer{border-top:1px solid var(--line);padding:28px 0 40px;color:var(--m);font-size:14px}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer a{color:var(--m)}
@media(max-width:800px){.hero h1{font-size:32px}.docs{grid-template-columns:1fr}.side{position:static}nav a.hide-m{display:none}}