@font-face{font-family:'Funnel Display';src:url('/assets/fonts/funnel-display/FunnelDisplay-Variable.ttf') format('truetype');font-weight:300 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#0d141b;--panel:#161f28;--text:#e2e8f0;--muted:#91a0b2;--line:rgba(148,163,184,.13);--accent:var(--ui-accent,#00e0a4);--accent-soft:rgba(var(--ui-accent-rgb,0,224,164),.1);--docs-sidebar-width:320px;--ui-interface-font:'Funnel Display',sans-serif;--reading-scale:1}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px;overscroll-behavior-y:none}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.75 var(--ui-interface-font);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 8%,rgba(var(--ui-accent-rgb,0,224,164),.07),transparent 48%),radial-gradient(ellipse at 35% 80%,#41628608,transparent 60%)}body:has(dialog[open]){overflow:hidden}
button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,a{transition:background .2s,color .2s,border-color .2s}button{background:none}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button:disabled{cursor:default;opacity:.5}svg{width:20px;height:20px;flex:none}img{max-width:100%}h1,h2,h3,p{margin:0}::selection{background:rgba(var(--ui-accent-rgb,0,224,164),.3)}[hidden]{display:none!important}
.skip-link{position:fixed;left:16px;top:8px;z-index:100;padding:8px 16px;border-radius:10px;background:var(--panel);transform:translateY(-150%)}.skip-link:focus{transform:none}
.brand{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap}.brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(var(--ui-accent-rgb,0,224,164),.25));transition:transform .3s,filter .3s}.brand strong{font-family:Inter,sans-serif;font-size:28px;font-weight:750;letter-spacing:-1px;background:linear-gradient(90deg,var(--ui-accent,#00e0a4),var(--accent-secondary,#00b894),var(--ui-accent,#00e0a4));background-size:200% 200%;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px rgba(var(--ui-accent-rgb,0,224,164),.25);animation:brandGlow 4s linear infinite}.brand:hover img{transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(var(--ui-accent-rgb,0,224,164),.5))}.brand:hover strong{text-shadow:0 0 24px rgba(var(--ui-accent-rgb,0,224,164),.5)}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--docs-sidebar-width);z-index:30;display:flex;flex-direction:column;padding:24px 20px 16px;background:rgba(15,22,30,.8);backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14);transition:width .28s cubic-bezier(.2,.8,.2,1);overflow:hidden}
.sidebar-toolbar{display:flex;align-items:center;gap:12px;flex:none;margin-bottom:25px;min-height:46px}.sidebar-toggle,.icon-button{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:9px;background:rgba(148,163,184,.045);border:1px solid transparent;border-radius:12px;color:var(--muted)}.sidebar-toggle{margin-left:auto}.sidebar-toggle:hover,.icon-button:hover{color:var(--text);background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.2)}.sidebar-toggle svg,.icon-button svg{transition:transform .24s}.sidebar-toggle:hover svg{transform:scale(1.08)}
.sidebar-intro{display:grid;gap:1px;font-size:14px;line-height:1.6;margin:0 2px 14px}.sidebar-intro strong{font-size:17px;font-weight:650}.sidebar-intro>span{color:var(--muted)}.sidebar-back{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--muted);margin:0 2px 18px}.sidebar-back svg{width:17px;height:17px;transform:rotate(180deg)}
.sidebar-search{display:flex;align-items:center;gap:9px;min-width:0;flex:none;border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:10px 12px;background:rgba(255,255,255,.045);box-shadow:inset 0 1px 0 #ffffff04;color:var(--muted);margin-bottom:18px}.sidebar-search>svg{width:17px;height:17px}.sidebar-search input{min-width:0;width:100%;padding:0;background:none;border:0;outline:none;font-size:13px;color:var(--text);caret-color:var(--accent)}input::placeholder{color:var(--muted);opacity:.8}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}
.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#94a3b825 transparent;margin:0 -8px;padding:0 8px 24px}.nav-caption{font-size:10px;letter-spacing:.06em;font-weight:700;color:var(--text);margin:24px 10px 9px;line-height:1.5}.nav-caption:first-child{margin-top:7px}
.docs-nav-link,.nav-category>summary{display:flex;align-items:center;gap:11px;min-height:42px;margin:3px 0;padding:10px 11px;border-radius:10px;color:#9aa7b7;font-size:13px;line-height:1.5;cursor:pointer}.docs-nav-link>svg,.docs-nav-link>.category-icon,.nav-category>summary>.category-icon{width:17px;height:17px;opacity:.8}.docs-nav-link>span,.nav-category>summary>span{flex:1;min-width:0;overflow-wrap:anywhere}.docs-nav-link>small,.nav-category>summary>small{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.docs-nav-link:hover,.nav-category>summary:hover{background:rgba(148,163,184,.06);color:var(--text)}.docs-nav-link[aria-current]{color:var(--text);background:var(--accent-soft);font-weight:650}.docs-nav-link[aria-current]>.category-icon,.docs-nav-link[aria-current]>svg{color:var(--accent);opacity:1}
.category-icon{display:block;width:20px;height:20px;flex:none;background:var(--category,var(--accent));mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.nav-category summary{list-style:none}.nav-category summary::-webkit-details-marker{display:none}.nav-category>summary>svg{width:13px;height:13px;opacity:.6;transition:transform .2s}.nav-category[open]>summary>svg{transform:rotate(90deg)}.nav-category[open]>summary{color:var(--text)}.nav-category-pages{padding-left:17px;border-left:1px solid var(--line);margin:6px 0 12px 18px}.nav-category-pages>.docs-nav-link{font-size:12px;padding:8px;min-height:35px}.nav-category-pages>.docs-nav-link .category-icon{width:14px;height:14px}
.sidebar-footer{flex:none;padding-top:16px;background:linear-gradient(transparent,rgba(13,20,27,.65) 18px)}.docs-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--glyx-action-border,#2e8b70);background:var(--glyx-action-fill,#14634f);color:var(--glyx-action-text,#effff8);font-size:13px;font-weight:600;white-space:nowrap}.docs-primary:hover{background:var(--glyx-action-hover,#19765e);color:var(--glyx-action-text,#effff8)}.sidebar-footer>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px 0}.sidebar-footer>div>a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.sidebar-footer>div>a>svg{width:15px;height:15px}.sidebar-footer .icon-button{width:30px;height:30px;padding:6px}
.docs-main{margin-left:var(--docs-sidebar-width);padding:72px clamp(32px,4vw,74px) 0;transition:margin-left .28s cubic-bezier(.2,.8,.2,1)}main{min-width:0;max-width:1140px;margin:auto;padding:0}.article-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(148,163,184,.1);border-radius:24px;background:linear-gradient(125deg,rgba(255,255,255,.035),rgba(var(--ui-accent-rgb,0,224,164),.06));padding:52px 54px 55px;min-height:280px}.article-kicker{display:block;position:relative;z-index:1;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;margin-bottom:20px}.article-hero h1{position:relative;z-index:1;font-size:clamp(38px,4.7vw,68px);font-weight:700;line-height:1.1;letter-spacing:-2px;max-width:960px;text-wrap:balance}.article-lead{position:relative;z-index:1;font-size:calc(17px * var(--reading-scale));line-height:1.8;color:#c7d2df;margin-top:24px;max-width:800px}.hero-watermark{position:absolute;right:20px;bottom:-65px;font:800 230px/1 Inter,sans-serif;letter-spacing:-16px;color:rgba(var(--ui-accent-rgb,0,224,164),.065);pointer-events:none;z-index:0;user-select:none}
.article-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px 0 28px;color:var(--muted);font-size:12px}.article-tools>span{display:flex;align-items:center;gap:9px}.article-tools .category-icon{width:16px;height:16px}.copy-page{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);padding:7px 11px;color:var(--muted);font-size:11px;white-space:nowrap}.copy-page>svg{width:14px;height:14px}.copy-page:hover{color:var(--text);background:rgba(148,163,184,.08)}
.docs-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:32px 0 42px}.docs-stats>div{display:grid;gap:6px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}.docs-stats strong{font-size:30px;line-height:1.3;font-weight:650}.docs-stats span{font-size:12px;color:var(--muted)}.category-summary{display:flex;align-items:center;gap:13px;padding:24px;border-radius:18px;background:var(--accent-soft);margin:32px 0}.category-summary strong{font-size:28px}.category-summary span{font-size:13px;color:var(--muted)}.category-summary .category-icon{width:26px;height:26px}
.article-outline{display:flex;flex-wrap:wrap;gap:8px 18px;padding:16px 0;border-block:1px solid var(--line);font-size:11px;color:var(--muted);margin:32px 0}.article-outline a[aria-current]{color:var(--accent)}.article-section{margin-top:56px;scroll-margin-top:28px}.article-section>h2{font-size:clamp(25px,2.7vw,36px);font-weight:650;line-height:1.25;letter-spacing:-.7px;margin-bottom:25px;text-wrap:balance}.article-section>p,.detail-block>p{font-size:calc(15px * var(--reading-scale));line-height:1.95;color:#b7c3d1;margin:18px 0}
.guide-grid,.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;counter-reset:guide}.guide-card{position:relative;display:block;min-width:0;padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.03);counter-increment:guide;transition:background .24s,border-color .24s,box-shadow .24s}.guide-card::before{content:counter(guide,decimal-leading-zero);position:absolute;right:24px;top:22px;color:var(--muted);opacity:.45;font-size:12px}.guide-card>.category-icon{width:25px;height:25px;margin-bottom:20px}.guide-card strong{display:block;color:var(--text);font-weight:650;font-size:17px;line-height:1.4;max-width:90%}.guide-card p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.guide-card:hover{background:color-mix(in srgb,var(--category) 6%,rgba(255,255,255,.03));border-color:color-mix(in srgb,var(--category) 30%,transparent);color:var(--text);box-shadow:0 12px 40px color-mix(in srgb,var(--category) 5%,transparent)}.card-arrow{display:flex;justify-content:flex-end;color:var(--muted);margin-top:20px}.card-arrow svg{width:17px;height:17px;transition:transform .24s}.guide-card:hover .card-arrow svg{transform:translateX(4px);color:var(--category)}
.category-grid>a{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:14px;padding:18px;font-size:14px;background:rgba(255,255,255,.025)}.category-grid>a>svg{margin-left:auto;width:15px;height:15px}.planned-label{display:inline-block;margin-top:10px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:10px;color:var(--muted);background:rgba(148,163,184,.06)}
.callout{display:flex;align-items:flex-start;gap:12px;padding:19px;border:1px solid rgba(var(--ui-accent-rgb,0,224,164),.15);border-radius:15px;background:var(--accent-soft);margin:26px 0}.callout>svg{color:var(--accent);margin-top:4px;width:18px;height:18px}.callout p{color:#b7c3d1;font-size:calc(13px * var(--reading-scale));line-height:1.9}.callout.warning{border-color:#f2b65726;background:#f2b65708}.callout.warning>svg{color:#f2b657}
.steps{padding:0;list-style:none;margin:24px 0;display:grid;gap:14px}.steps>li{display:flex;align-items:flex-start;gap:18px;padding:22px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.step-number{color:var(--accent);font-size:20px;line-height:1.5;font-weight:650;flex:none;min-width:28px}.steps h3,.detail-block h3{font-size:17px;font-weight:600;line-height:1.5}.steps p{font-size:calc(14px * var(--reading-scale));line-height:1.9;color:var(--muted);margin-top:7px}.detail-block{padding:22px 0;border-bottom:1px solid var(--line)}.detail-block>p{margin-bottom:0}
.table-scroll{overflow:auto;margin:26px 0;border:1px solid var(--line);border-radius:16px}table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8;text-align:left}th,td{padding:14px 18px;min-width:110px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:rgba(148,163,184,.06)}td{color:var(--muted)}tr:last-child td{border:0}.code-sample{border:1px solid var(--line);border-radius:16px;background:rgba(0,0,0,.12);overflow:hidden;margin:26px 0}.code-sample>div{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.code-sample>div>span{display:flex;align-items:center;gap:7px}.code-sample svg{width:15px;height:15px}.code-sample button{display:grid;place-items:center;border:0;color:var(--muted);padding:4px}pre{padding:22px;margin:0;overflow:auto;color:var(--accent);font:12px/1.9 ui-monospace,monospace}
.article-figure{margin:30px 0}.article-figure button{width:100%;display:block;border:1px solid var(--line);border-radius:18px;padding:0;overflow:hidden;cursor:zoom-in}.article-figure img{display:block;width:100%;height:auto}.article-figure figcaption{font-size:11px;text-align:center;color:var(--muted);margin-top:10px}.external-resource{display:flex;align-items:center;gap:10px;padding:15px 0;font-size:14px;color:var(--accent)}.external-resource>svg:last-child{margin-left:auto}.configure-link{display:flex;align-items:center;gap:12px;padding:24px;border:1px solid var(--line);border-radius:18px;margin:46px 0 0;background:var(--accent-soft);font-size:14px}.configure-link>svg{margin-left:auto}
.article-meta{display:flex;justify-content:space-between;gap:16px;margin-top:56px;border-top:1px solid var(--line);padding-top:22px;font-size:11px;color:var(--muted)}.article-pagination{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.article-pagination>a{display:flex;align-items:center;padding:24px;border:1px solid var(--line);border-radius:18px;min-width:0}.article-pagination>a:last-child{justify-content:flex-end;text-align:right}.article-pagination small{display:block;color:var(--muted);font-size:11px}.article-pagination strong{display:block;font-size:15px;line-height:1.4;margin-top:6px;font-weight:550}.article-pagination>a:hover{border-color:rgba(var(--ui-accent-rgb,0,224,164),.3)}
.docs-footer{max-width:1140px;margin:64px auto 0;padding:28px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.docs-footer>a{display:flex;align-items:center;gap:7px}.docs-footer>a>svg{width:14px;height:14px}.translation-note{font-size:12px;color:var(--muted);padding:16px;border-left:2px solid var(--accent);background:var(--accent-soft);margin:24px 0}
html[data-sidebar-collapsed=true]{--docs-sidebar-width:84px}html[data-sidebar-collapsed=true] #sidebar{padding-inline:14px}html[data-sidebar-collapsed=true] #sidebar .sidebar-toolbar{flex-direction:column;gap:18px;margin-bottom:22px}html[data-sidebar-collapsed=true] #sidebar .brand strong,html[data-sidebar-collapsed=true] #sidebar :is(.sidebar-intro,.sidebar-back,.sidebar-search,.nav-caption,.docs-nav-link>span,.docs-nav-link>small,.nav-category>summary>span,.nav-category>summary>small,.nav-category>summary>svg,.nav-category-pages,.sidebar-footer span,.sidebar-footer>div>a){display:none}html[data-sidebar-collapsed=true] #sidebar .sidebar-toggle{margin:0}html[data-sidebar-collapsed=true] #sidebar .brand img{width:34px;height:34px}html[data-sidebar-collapsed=true] #sidebar :is(.docs-nav-link,.nav-category>summary){justify-content:center;padding:13px 8px}html[data-sidebar-collapsed=true] #sidebar .sidebar-footer>div{justify-content:center}html[data-sidebar-collapsed=true] #sidebar .docs-primary{padding:12px}
dialog{color:var(--text);background:rgba(255,255,255,.04);border:1px solid #222230;border-radius:16px;padding:0;box-shadow:0 25px 50px -12px #0006;backdrop-filter:blur(9px) saturate(1.3);-webkit-backdrop-filter:blur(9px) saturate(1.3)}dialog::backdrop{background:#0009}dialog[open]{animation:dialogIn .2s ease}dialog.is-closing{animation:dialogOut .16s ease both}.search-dialog{width:min(660px,calc(100% - 28px));max-height:80dvh;margin:10dvh auto auto}.search-form{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:#171c24}.search-form>svg{color:var(--muted)}.search-form input{width:100%;min-width:0;border:0;padding:0;background:none;color:var(--text);outline:none;font-size:16px}.search-results{overflow:auto;max-height:58dvh;padding:10px;overscroll-behavior:contain}.search-results>a,.sidebar-search-results>a{display:block;padding:13px;border:1px solid transparent;border-radius:12px}.search-results>a:hover,.search-results>a.is-active,.sidebar-search-results>a:hover{background:rgba(148,163,184,.1);border-color:var(--line)}.search-results small,.sidebar-search-results small{display:block;font-size:10px;color:var(--accent);margin-bottom:4px}.search-results strong,.sidebar-search-results strong{display:block;font-size:14px;line-height:1.5;font-weight:600}.search-results p{font-size:12px;color:var(--muted);margin-top:5px;line-height:1.7}.sidebar-search-results strong{font-size:13px}.sidebar-search-results p{display:none}mark{background:rgba(var(--ui-accent-rgb,0,224,164),.18);color:var(--text)}.search-empty{padding:22px 12px;color:var(--muted);font-size:13px}.search-dialog>footer{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:10px 17px;color:var(--muted);font-size:10px}.search-dialog>footer>span:last-child{margin-left:auto}kbd{font:inherit;border:1px solid var(--line);border-radius:5px;padding:0 5px}
.navigation-dialog{margin:0 auto 0 0;height:100dvh;max-height:none;width:min(340px,92vw);max-width:none;border-radius:0 20px 20px 0;overflow:hidden}.navigation-dialog>[data-mobile-sidebar]{display:flex;flex-direction:column;height:100%;padding:22px 18px 16px}.navigation-dialog .sidebar-toggle{display:none}.navigation-dialog .sidebar-toolbar{padding-right:36px}.mobile-close{position:absolute;top:26px;right:16px;z-index:2}.figure-dialog{width:min(1100px,calc(100% - 28px));max-height:90dvh;overflow:auto}.figure-dialog>button{margin:8px 8px 0 auto}.figure-dialog>img{width:100%;display:block}.docs-toast{position:fixed;z-index:100;bottom:24px;left:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:12px 18px;border:1px solid #ffffff1a;border-radius:18px;background:transparent;backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14);box-shadow:0 24px 60px #0005;font-size:13px;text-align:center}
.site-preferences .preferences-versions{display:none}.site-preferences .preferences-header{background:#171c24}.site-preferences .preferences-tabs button{white-space:nowrap;font-size:.8125rem}.site-preferences .preferences-close{background:rgba(255,255,255,.04);border:1px solid #333d48;border-radius:10px;width:32px;height:32px}.site-preferences .preferences-close:hover,dialog .icon-button:hover{color:#fda4af;border-color:#fb718566;background:#f43f5e1f}.docs-mobile-bar{display:none}.noscript-note{color:var(--muted);padding:20px;text-align:center}
html[data-ui-text=small]{--reading-scale:.93}html[data-ui-text=large]{--reading-scale:1.13}html[data-ui-text=xlarge]{--reading-scale:1.25}html[data-ui-focus=true] .brand strong{animation-play-state:paused}
@keyframes brandGlow{from{background-position:0% 50%}to{background-position:200% 50%}}@keyframes dialogIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes dialogOut{to{opacity:0;transform:translateY(10px) scale(.98)}}
@media(min-width:1800px){:root{--docs-sidebar-width:340px}.docs-main{padding-top:80px}.article-hero{padding:64px}.article-hero h1{font-size:72px}}
@media(max-width:1150px){:root{--docs-sidebar-width:285px}.sidebar{padding-inline:16px}.docs-main{padding:44px 30px 0}.article-hero{padding:38px;min-height:250px}.article-hero h1{font-size:44px}.guide-card{padding:22px}}
@media(max-width:800px){.sidebar{display:none}.docs-main{margin-left:0;padding:24px 20px 0}.docs-mobile-bar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:9px;height:74px;padding:12px 18px;background:rgba(15,22,30,.75);backdrop-filter:blur(18px) saturate(1.14);-webkit-backdrop-filter:blur(18px) saturate(1.14);border-bottom:1px solid var(--line)}.docs-mobile-bar .brand{margin-right:auto}.docs-mobile-bar .brand img{width:35px;height:35px}.docs-mobile-bar .brand strong{font-size:25px}html{scroll-padding-top:100px}.article-section{scroll-margin-top:100px}.article-hero{padding:30px;min-height:260px;border-radius:20px}.article-hero h1{font-size:40px;letter-spacing:-1.3px}.article-lead{font-size:15px}.hero-watermark{font-size:180px;bottom:-45px}.docs-stats{gap:9px;margin:24px 0 30px}.docs-stats>div{padding:17px 13px}.docs-stats strong{font-size:26px}.docs-stats span{font-size:10px}.article-tools{font-size:10px}.guide-grid,.category-grid{gap:12px}.guide-card{padding:21px}.guide-card strong{font-size:16px}.article-section{margin-top:42px}.article-section>p,.detail-block>p{font-size:calc(14px * var(--reading-scale))}.docs-footer{margin-top:44px;font-size:11px}dialog::backdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-preferences .preferences-tabs button>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:480px){.docs-main{padding-inline:16px}.article-hero{padding:28px 24px}.article-hero h1{font-size:35px}.article-kicker{font-size:10px;letter-spacing:.07em}.article-lead{font-size:14px;line-height:1.8}.guide-grid,.category-grid{grid-template-columns:1fr}.copy-page>span{display:none}.copy-page{padding:8px}.article-tools>span{max-width:80%}.article-tools>span .category-icon{width:15px;height:15px}.docs-stats>div{padding:15px 10px}.docs-stats span{font-size:10px;line-height:1.5}.article-outline{gap:7px 14px;font-size:10px}.steps>li{padding:18px;gap:12px}.steps h3{font-size:16px}.article-pagination{gap:10px}.article-pagination>a{padding:16px}.article-pagination strong{font-size:13px}.article-meta{font-size:10px}.docs-footer{align-items:flex-start;flex-direction:column;gap:10px}}
/* Glyx surfaces: main.css cookies and dev-spanel.css dialogs, without global CSS. */
:root{
  --docs-glass-border:rgba(255,255,255,.1);
  --docs-glass-shadow:0 24px 60px rgba(0,0,0,.34);
  --docs-glass-filter:blur(18px) saturate(1.14);
  --docs-module-background:rgba(255,255,255,.04);
  --docs-module-border:rgb(34,34,48);
  --docs-module-shadow:0 25px 50px -12px rgba(0,0,0,.4);
  --docs-module-filter:blur(9px) saturate(1.3);
  --docs-module-header:#171c24;
}
:is(.article-hero,.docs-stats>div,.guide-card,.category-grid>a,.steps>li,.table-scroll,.code-sample,.article-figure>button,.configure-link,.category-summary,.callout,.translation-note,.article-pagination>a){
  background:transparent;
  border:1px solid var(--docs-glass-border);
  border-radius:18px;
  box-shadow:var(--docs-glass-shadow);
  backdrop-filter:var(--docs-glass-filter);
  -webkit-backdrop-filter:var(--docs-glass-filter);
}
.article-hero{border-radius:24px}
.callout.warning{background:transparent;border-color:rgba(242,182,87,.22)}
.translation-note{border-left:2px solid var(--accent)}
.sidebar,.docs-mobile-bar{background:transparent;backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter)}
.sidebar{border-right:1px solid var(--docs-glass-border)}
.navigation-dialog{background:transparent;backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter)}
.sidebar-footer{background:transparent}
.docs-primary{background:transparent;border-color:var(--docs-glass-border);border-radius:18px;box-shadow:var(--docs-glass-shadow);backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter);color:var(--text)}
.docs-primary:hover{background:transparent;border-color:rgba(148,163,184,.35);color:var(--text)}
.docs-panel-icon{display:block;flex:none;width:20px;height:20px;background:currentColor;mask:url('/assets/img/apanel/server.svg') center/contain no-repeat;-webkit-mask:url('/assets/img/apanel/server.svg') center/contain no-repeat}
.sidebar-footer>div{justify-content:center}
.docs-settings{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:46px;height:46px;padding:0;backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter)}
.docs-settings>svg{display:block;width:24px;height:24px;margin:0}
.article-figure-portrait{max-width:620px;margin-inline:auto}
.figure-image{position:relative;display:block}
.figure-image>img{display:block;width:100%;height:auto}
.figure-image>.figure-annotation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;color:#f2c75c;filter:drop-shadow(0 1px 2px rgba(0,0,0,.85))}
.figure-annotation path{stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.docs-settings.icon-button{background:transparent;border-color:var(--docs-glass-border);box-shadow:var(--docs-glass-shadow)}
.docs-settings.icon-button:hover{background:transparent;border-color:rgba(148,163,184,.35)}
.sidebar-search{background:transparent;border-color:var(--docs-glass-border);border-radius:18px;box-shadow:var(--docs-glass-shadow);backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter)}
:is(.copy-page,.sidebar-toggle,.icon-button){background:rgba(148,163,184,.06);color:#aebaca;border:1px solid rgba(148,163,184,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
:is(.copy-page,.sidebar-toggle,.icon-button):hover{background:rgba(148,163,184,.1);border-color:rgba(148,163,184,.35);color:var(--text)}
.guide-card:hover{background:transparent;border-color:color-mix(in srgb,var(--category) 30%,var(--docs-glass-border));box-shadow:var(--docs-glass-shadow),0 0 24px color-mix(in srgb,var(--category) 6%,transparent)}
.category-grid>a:hover,.article-pagination>a:hover,.configure-link:hover{background:transparent;border-color:rgba(148,163,184,.35)}
/* Headers get a tint; inner table rows and prose do not need another blur layer. */
.code-sample>div,th,.search-form,.site-preferences .preferences-header{background:var(--docs-module-header)}
.code-sample>div,th{color:var(--text)}
dialog,.site-preferences{background:var(--docs-module-background);border-color:var(--docs-module-border);box-shadow:var(--docs-module-shadow);backdrop-filter:var(--docs-module-filter);-webkit-backdrop-filter:var(--docs-module-filter)}
.docs-toast{background:transparent;border-color:var(--docs-glass-border);box-shadow:var(--docs-glass-shadow);backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter)}
:is(.search-form>.icon-button,.mobile-close,.figure-dialog>.icon-button,.site-preferences .preferences-close){width:36px;height:36px;min-height:36px;padding:0;border:1px solid rgba(148,163,184,.2);border-radius:11px;background:rgba(148,163,184,.06);color:#aebaca;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .2s,border-color .2s,color .2s,transform .18s}
:is(.search-form>.icon-button,.mobile-close,.figure-dialog>.icon-button,.site-preferences .preferences-close):hover{background:rgba(251,113,133,.09);border-color:rgba(251,113,133,.3);color:#fda4af;transform:none}
:is(.search-form>.icon-button,.mobile-close,.figure-dialog>.icon-button,.site-preferences .preferences-close):hover>svg{animation:docsCloseTwist .42s cubic-bezier(.2,.8,.2,1)}
:is(.search-form>.icon-button,.mobile-close,.figure-dialog>.icon-button,.site-preferences .preferences-close):active{transform:scale(.94)}
/* One shared home background is visible through the article and sidebar glass. */
body{isolation:isolate}
.docs-main{position:relative;isolation:isolate;min-height:100dvh}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(16,24,32,.64),rgba(11,15,20,.88)),url('/assets/img/home-hero-storm-gray.jpg') center/cover no-repeat,#101820}
.article-section>p{max-width:70ch;line-height:1.85;color:#c7d2df}
.article-section>h2{margin-bottom:24px}
.callout{gap:16px;padding:26px 28px;background:rgba(var(--ui-accent-rgb,0,224,164),.075);border-color:rgba(var(--ui-accent-rgb,0,224,164),.12);box-shadow:none}
.callout>svg{width:22px;height:22px;margin-top:3px}
.callout>div{min-width:0;flex:1}
.callout h3{font-size:16px;line-height:1.6;font-weight:650;color:var(--text)}
.callout p{font-size:calc(14px * var(--reading-scale));line-height:1.85;color:#c7d2df}
.callout.detail-block{margin:22px 0;border:1px solid rgba(var(--ui-accent-rgb,0,224,164),.12);border-radius:18px}
.callout.detail-block p{margin:10px 0 0}
.callout.warning{background:rgba(242,182,87,.055)}
@media(max-width:800px){.callout{padding:22px;gap:13px}.callout h3{font-size:15px}.callout p{font-size:calc(13px * var(--reading-scale))}}
@media(max-width:480px){.callout{padding:19px;gap:11px}.callout>svg{width:20px;height:20px}}
.docs-nav-link,.nav-category>summary{transition:background .22s,color .22s}
.article-hero{display:flex;flex-direction:column;justify-content:flex-end;min-height:350px;padding:54px 56px}
.article-hero h1{font-size:clamp(38px,4.7vw,68px);line-height:1.07;max-width:900px}
.article-lead{max-width:70ch;color:#d1d8e2;line-height:1.8}
.article-sections>.article-section:first-child{margin-top:64px}
.category-summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.5fr);gap:32px;align-items:center;margin:64px 0;padding:30px 32px;background:rgba(var(--ui-accent-rgb,0,224,164),.075);box-shadow:none}
.category-summary>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.category-summary p{font-size:16px;line-height:1.85;color:#d1d8e2}
.category-summary .category-icon{width:21px;height:21px}
.category-summary span{font-size:13px}
.article-section>h2{display:flex;align-items:center;justify-content:space-between;gap:18px}
.section-count{font-size:24px;font-weight:400;color:var(--muted);font-variant-numeric:tabular-nums}
.steps-compact>li{align-items:center;padding:18px 22px;gap:14px;box-shadow:none}
.steps-compact .step-number{display:grid;place-items:center;min-width:32px;width:32px;height:32px;border-radius:50%;background:var(--accent-soft);font-size:14px;color:var(--text)}
.steps-compact p{margin:0;color:#d1d8e2;font-size:14px;line-height:1.8}
.feature-catalog{display:grid;gap:10px;margin-top:26px}
.feature-row{display:grid;grid-template-columns:28px minmax(180px,1fr) minmax(0,2fr) 17px;align-items:center;gap:20px;padding:24px;border:1px solid var(--docs-glass-border);border-radius:16px;background:rgba(255,255,255,.025);backdrop-filter:var(--docs-glass-filter);-webkit-backdrop-filter:var(--docs-glass-filter);transition:background .2s,border-color .2s}
.feature-row:hover{background:rgba(148,163,184,.06);border-color:color-mix(in srgb,var(--category) 35%,transparent);color:var(--text)}
.feature-number{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.feature-row h3{font-size:16px;font-weight:650;line-height:1.5}
.feature-row p{font-size:14px;line-height:1.8;color:#c7d2df}
.feature-row>svg{width:17px;height:17px;color:var(--muted);transition:transform .2s}
.feature-row:hover>svg{transform:translateX(3px);color:var(--category)}
.feature-row .planned-label{margin:5px 0 0 8px;vertical-align:middle}
.docs-nav-link[data-category-link]{min-height:44px}
.docs-nav-link[aria-current]{background:rgba(var(--ui-accent-rgb,0,224,164),.12)}
html[data-sidebar-collapsed=true] #sidebar .brand{gap:3px}
html[data-sidebar-collapsed=true] #sidebar .brand img{width:20px;height:20px}
html[data-sidebar-collapsed=true] #sidebar .brand strong{display:block;font-size:11px;letter-spacing:-.4px}
@media(max-width:1150px){.article-hero{padding:38px;min-height:310px}.category-summary{grid-template-columns:1fr;gap:18px}.feature-row{grid-template-columns:24px minmax(140px,1fr) minmax(0,1.5fr) 16px;gap:14px;padding:20px}}
@media(max-width:800px){.article-hero{min-height:290px;padding:32px}.article-sections>.article-section:first-child{margin-top:40px}.category-summary{margin:36px 0;padding:24px}.category-summary p{font-size:14px}.feature-row{grid-template-columns:22px minmax(0,1fr) 16px;gap:10px 14px}.feature-row p{grid-column:2;grid-row:2;font-size:13px}.feature-row>svg{grid-column:3;grid-row:1}.feature-row h3{font-size:15px}}
@media(max-width:480px){.article-hero{padding:28px 24px;min-height:260px}.article-hero h1{font-size:35px}.steps-compact>li{padding:16px;gap:12px}.feature-row{padding:18px}.category-summary{padding:22px}}
html:not([data-sidebar-collapsed=true]) #sidebar :is(.sidebar-intro,.sidebar-back,.sidebar-search,.nav-caption,.docs-nav-link>span,.nav-category>summary>span,.sidebar-footer span){animation:docsSidebarReveal .24s cubic-bezier(.2,.8,.2,1) both}
html[data-ui-motion=reduced] #sidebar *,html[data-ui-focus=true] #sidebar *{animation:none!important;transition:none!important}
@keyframes docsSidebarReveal{from{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}
@keyframes docsCloseTwist{0%,100%{transform:rotate(0)}50%{transform:rotate(90deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
