:root{color-scheme:dark;--bg:#020b16;--panel:#06182a;--panel2:#0a2036;--text:#eef4fb;--muted:#a9bfd6;--cyan:#00b8ff;--border:#17334d;--code:#04111f;--warn:#ff8d22;--ok:#2ecc9a;--violet:#8a5bff;--grad:linear-gradient(105deg,#006fff 0%,#6923ff 31%,#ee00c4 64%,#ff8d22 100%)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:22px;height:64px;padding:0 max(16px,calc((100% - 1240px)/2));background:rgba(2,11,22,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:8px;color:#fff;font:800 22px Outfit,Inter,sans-serif;letter-spacing:1.5px}.brand:hover{text-decoration:none}
.toplink{color:var(--muted);font-weight:600}.grow{flex:1}
.cta{background:var(--grad);color:#fff;font-weight:700;padding:8px 18px;border-radius:9px}.cta:hover{text-decoration:none;filter:brightness(1.1)}
.menu{display:none;background:var(--panel2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font:600 14px Inter,sans-serif;cursor:pointer}
.shell{display:grid;grid-template-columns:290px minmax(0,1fr);gap:48px;max-width:1240px;margin:0 auto;padding:0 16px}
.side{position:sticky;top:64px;align-self:start;max-height:calc(100vh - 64px);overflow:auto;padding:22px 18px 40px 0;border-right:1px solid var(--border)}
.search input{width:100%;background:var(--panel);border:1px solid var(--border);border-radius:9px;color:var(--text);padding:10px 12px;font:15px Inter,sans-serif}
.search input:focus{outline:2px solid var(--cyan);outline-offset:1px}
#res{list-style:none;margin:8px 0 0;padding:6px;background:var(--panel2);border:1px solid var(--border);border-radius:9px}
#res li a{display:block;padding:8px 9px;border-radius:7px;color:var(--text);font-size:14px;line-height:1.35}#res li a:hover,#res li a:focus{background:#0e2b47;text-decoration:none}
#res small{display:block;color:var(--muted);font-size:12px}#res .none{padding:8px 9px;color:var(--muted);font-size:14px}
.side details{margin-top:14px}.side summary{cursor:pointer;font:700 13px Inter,sans-serif;letter-spacing:.7px;text-transform:uppercase;color:#cfe1f4;padding:4px 0;list-style:none}
.side summary::-webkit-details-marker{display:none}.side summary:before{content:"▸";display:inline-block;width:16px;color:var(--cyan);transition:transform .15s}.side details[open]>summary:before{transform:rotate(90deg)}
.side ul{list-style:none;margin:4px 0 0;padding:0 0 0 16px;border-left:1px solid var(--border)}
.side li a{display:block;color:var(--muted);padding:5px 10px;font-size:14.5px;line-height:1.4;border-radius:6px}.side li a:hover{color:#fff;text-decoration:none;background:var(--panel)}
.side li a[aria-current=page]{color:#fff;background:var(--panel2);box-shadow:inset 2px 0 0 var(--cyan);font-weight:600}
.doc{min-width:0;max-width:780px;padding:30px 0 70px}
.crumbs{margin:0 0 6px;color:var(--muted);font-size:13.5px}
h1{font:800 clamp(28px,4vw,40px)/1.15 Outfit,Inter,sans-serif;letter-spacing:-.5px;margin:6px 0 10px}
.lead{font-size:18px;color:var(--muted);margin:0 0 22px}
article h2{font:700 25px/1.25 Outfit,Inter,sans-serif;margin:42px 0 10px;padding-top:6px;border-top:1px solid var(--border)}
article h3{font:700 18px/1.3 Inter,sans-serif;margin:26px 0 6px;color:#fff}
article p,article li{color:#dbe7f4}article ul,article ol{padding-left:24px}article li{margin:5px 0}
article ol>li::marker{color:var(--cyan);font-weight:700}
code{background:var(--code);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font:13.5px ui-monospace,SFMono-Regular,Consolas,monospace;color:#bfe9ff;word-break:break-word}
pre{background:var(--code);border:1px solid var(--border);border-radius:10px;padding:14px 16px;overflow:auto}pre code{border:0;padding:0;background:none;word-break:normal}
.tbl{overflow-x:auto;margin:16px 0}table{border-collapse:collapse;min-width:100%;font-size:14.5px}
th,td{border:1px solid var(--border);padding:9px 12px;text-align:left;vertical-align:top}th{background:var(--panel2);color:#fff;font-weight:700}td{background:var(--panel)}
.callout{margin:18px 0;padding:12px 16px;border-radius:10px;border:1px solid var(--border);border-left-width:4px;background:var(--panel);color:#dbe7f4;font-size:15px}
.callout.tip{border-left-color:var(--ok)}.callout.warn{border-left-color:var(--warn)}.callout.note{border-left-color:var(--cyan)}.callout.pro{border-left-color:var(--violet)}
.toc{margin:0 0 26px;padding:14px 18px;background:var(--panel);border:1px solid var(--border);border-radius:10px;font-size:14.5px}.toc strong{display:block;color:var(--muted);font-size:12.5px;letter-spacing:.7px;text-transform:uppercase;margin-bottom:6px}
.toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:28px}.toc li{margin:3px 0;break-inside:avoid}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:54px 0 18px}.pn a{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:11px;background:var(--panel);color:#fff}.pn a:hover{border-color:var(--cyan);text-decoration:none}
.pn small{display:block;color:var(--muted);font-size:12.5px}.pn .next{text-align:right}
.docfoot{margin-top:30px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:13.5px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:10px}
.card{padding:20px;background:var(--panel);border:1px solid var(--border);border-radius:14px}.card h2{font:700 20px Outfit,Inter,sans-serif;margin:0 0 6px;border:0;padding:0}.card p{margin:0 0 10px;color:var(--muted);font-size:14.5px}.card ul{margin:0;padding-left:20px}.card li{margin:4px 0}
@media(max-width:900px){.brand{font-size:19px;letter-spacing:1px}.cta{padding:7px 12px}.top{padding:0 12px}.shell{grid-template-columns:minmax(0,1fr);gap:0}.menu{display:inline-block}.toplink{display:none}
.side{display:none;position:static;max-height:none;border:0;padding:14px 0 6px}.side.open{display:block;border-bottom:1px solid var(--border);margin-bottom:6px}
.toc ul{columns:1}.pn{grid-template-columns:1fr}.doc{padding-top:20px}.top{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.lang{display:flex;gap:2px}.lang a{color:var(--muted);font:600 12px Inter,sans-serif;padding:4px 6px;border-radius:5px}.lang a:hover{color:#fff;text-decoration:none;background:var(--panel2)}.lang a[aria-current]{color:#fff;background:var(--panel2)}
@media(max-width:900px){.lang a{padding:4px 4px}}

@media(max-width:900px){.top{height:auto;flex-wrap:wrap;padding:8px 12px;row-gap:6px;column-gap:10px}.brand{order:1}.menu{order:2;margin-left:auto}.lang{order:3;margin-right:auto;flex-wrap:wrap}.cta{order:4;padding:5px 12px;font-size:14px}.grow{display:none}html{scroll-padding-top:110px}}

.shot{margin:22px 0;padding:0}.shot img{display:block;max-width:100%;height:auto;border:1px solid var(--border);border-radius:12px;background:var(--panel)}.shot figcaption{margin-top:8px;color:var(--muted);font-size:13.5px}.shot small{color:#7e97b1}