:root{color-scheme:light;--bg:#f7f8fa;--panel:#fff;--panel-soft:#f3f5f7;--text:#20242b;--muted:#6f7885;--subtle:#929aa5;--border:#e6e9ed;--accent:#227c6d;--accent-strong:#176b5d;--accent-soft:#e8f4f0;--code:#171c24;--code-text:#e7edf4;--shadow:0 14px 40px rgba(30,45,55,.06)}
html[data-theme="dark"]{color-scheme:dark;--bg:#11151a;--panel:#171d24;--panel-soft:#1d252d;--text:#e9edf1;--muted:#a0abb7;--subtle:#7f8a96;--border:#2a333d;--accent:#62c3a9;--accent-strong:#82d7bf;--accent-soft:#203b35;--code:#0b0e12;--code-text:#e7edf4;--shadow:0 16px 45px rgba(0,0,0,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif;font-size:15px;line-height:1.7}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.site-shell{min-height:100vh}.topbar{height:68px;position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:30px;padding:0 30px;background:color-mix(in srgb,var(--panel) 92%,transparent);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;min-width:236px;color:var(--text);font-family:Manrope,sans-serif;font-size:16px;font-weight:800;letter-spacing:-.4px}.brand:hover{text-decoration:none}.brand small{margin-left:7px;color:var(--muted);font:600 9px "DM Mono",monospace;letter-spacing:1.7px}.brand-mark{height:30px;width:30px;display:grid;place-items:center;border-radius:9px;background:#162d29;color:#fff;font-size:20px;line-height:1}.brand-mark span{color:#72d0b0}.search-wrap{height:38px;width:min(470px,42vw);display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--muted)}.search-wrap input,.dialog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.search-wrap input::placeholder,.dialog-search input::placeholder{color:var(--subtle)}.search-icon{font-size:22px;line-height:1}.search-wrap kbd,.dialog-search kbd{white-space:nowrap;padding:2px 6px;border:1px solid var(--border);border-radius:5px;color:var(--subtle);font:11px "DM Mono",monospace}.top-actions{display:flex;align-items:center;gap:20px;margin-left:auto}.github-link{color:var(--text);font-size:13px;font-weight:600}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:8px;background:var(--panel);color:var(--text);font-size:17px;cursor:pointer}.mobile-menu{display:none}.docs-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 208px;max-width:1600px;margin:0 auto}.sidebar{height:calc(100vh - 68px);position:sticky;top:68px;display:flex;flex-direction:column;overflow:auto;padding:27px 17px 18px 25px;border-right:1px solid var(--border);background:var(--panel)}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-group{margin:21px 0 5px 11px;color:var(--subtle);font:500 10px "DM Mono",monospace;letter-spacing:1.4px;text-transform:uppercase}.nav-link{display:block;padding:7px 11px;border-radius:6px;color:var(--muted);font-size:13px;line-height:1.4;transition:background .15s,color .15s}.nav-link:hover{background:var(--panel-soft);color:var(--text);text-decoration:none}.nav-link.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.sidebar-footer{display:grid;grid-template-columns:9px 1fr;align-items:center;gap:4px 8px;margin-top:auto;padding:18px 10px 2px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.status-dot,.eyebrow-dot{display:block;width:7px;height:7px;border-radius:50%;background:#58b28c;box-shadow:0 0 0 3px color-mix(in srgb,#58b28c 15%,transparent)}.version-label{grid-column:2;color:var(--subtle)}.version-label code{color:var(--muted)}.article{min-width:0;padding:54px 50px 35px}.article-inner{max-width:790px;margin:0 auto}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:var(--accent-strong);font:500 10px "DM Mono",monospace;letter-spacing:1.35px;text-transform:uppercase}.eyebrow{margin-bottom:18px}.eyebrow-dot{width:6px;height:6px;box-shadow:none}.hero-section{padding-bottom:45px}.hero-section h1{margin:0 0 19px;font:800 clamp(38px,5vw,59px)/1.08 Manrope,sans-serif;letter-spacing:-2.9px}.lead{max-width:670px;margin:0;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:11px;margin:27px 0 26px}.button{min-height:42px;display:inline-flex;align-items:center;gap:14px;padding:0 15px;border:1px solid var(--border);border-radius:7px;font-size:13px;font-weight:700}.button:hover{text-decoration:none;transform:translateY(-1px)}.button-primary{border-color:#1e7164;background:#1e7164;color:white}.button-secondary{background:var(--panel);color:var(--text)}.terminal-card{overflow:hidden;border:1px solid #303a44;border-radius:10px;background:var(--code);box-shadow:var(--shadow)}.terminal-top,.code-head{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.09);color:#8f9aa6;font:11px "DM Mono",monospace}.terminal-dots{display:flex;gap:5px}.terminal-dots i{width:7px;height:7px;border-radius:50%;background:#ec695e}.terminal-dots i:nth-child(2){background:#e5b54b}.terminal-dots i:nth-child(3){background:#58bb7a}.terminal-card pre,.code-card pre{overflow:auto;margin:0;padding:16px 18px;color:var(--code-text);font:12px/1.8 "DM Mono",monospace}.prompt{margin-right:9px;color:#67d3ae}.copy-button{padding:3px 8px;border:1px solid rgba(255,255,255,.17);border-radius:5px;background:transparent;color:#bac3cc;font:10px "DM Mono",monospace;cursor:pointer}.copy-button:hover{border-color:var(--accent);color:#fff}.feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.feature-strip>div{display:grid;grid-template-columns:24px 1fr;align-items:center;padding:11px 12px;border:1px solid var(--border);border-radius:8px;background:var(--panel)}.strip-icon{grid-row:span 2;color:var(--accent);font-size:16px}.feature-strip b{font-size:12px}.feature-strip small{color:var(--muted);font-size:10px}.doc-section{padding:35px 0 22px;border-top:1px solid var(--border);scroll-margin-top:88px}.doc-section h2{margin:7px 0 13px;font:700 29px/1.25 Manrope,sans-serif;letter-spacing:-.85px}.doc-section h3{margin:0 0 7px;font:700 15px Manrope,sans-serif}.doc-section p{margin:10px 0 15px;color:var(--muted)}.doc-section p code,.clean-list code,.table-wrap code,.callout code,.version-label code{padding:2px 5px;border:1px solid var(--border);border-radius:4px;background:var(--panel-soft);color:var(--text);font:12px "DM Mono",monospace}.doc-section a{font-weight:600}.card-grid{display:grid;gap:12px;margin:19px 0}.card-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{padding:17px 17px 15px;border:1px solid var(--border);border-radius:9px;background:var(--panel);box-shadow:0 5px 20px rgba(20,35,45,.025)}.info-card p{margin:5px 0 0;font-size:13px;line-height:1.6}.card-icon{width:29px;height:29px;display:grid;place-items:center;margin-bottom:12px;border-radius:8px;font-size:15px}.card-icon.lavender{background:#efedfb;color:#7064bd}.card-icon.mint{background:#e6f4ef;color:#338e71}.card-icon.peach{background:#fbede5;color:#bb7352}.card-icon.blue{background:#e8f0fc;color:#567dbb}.callout{display:flex;align-items:flex-start;gap:12px;margin:18px 0;padding:13px 15px;border:1px solid var(--border);border-radius:8px;background:var(--panel);font-size:13px}.callout>span{flex:none;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font:700 12px "DM Mono",monospace}.callout p{margin:0}.callout-info{border-left:3px solid #68a9d0}.callout-info>span{background:#e8f3f9;color:#347ba0}.callout-warn{border-left:3px solid #d5a14a}.callout-warn>span{background:#fff5df;color:#9d6c13}.code-card{overflow:hidden;margin:17px 0;border:1px solid #303a44;border-radius:8px;background:var(--code)}.code-head{height:35px}.code-head .copy-button{border-color:rgba(255,255,255,.15)}.syntax-key{color:#c7a4fa}.syntax-string{color:#98d6aa}.syntax-comment{color:#87939e;font-style:italic}.clean-list{display:grid;gap:7px;margin:10px 0 17px;padding-left:21px;color:var(--muted)}.clean-list li::marker{color:var(--accent)}.table-wrap{overflow:auto;margin:18px 0;border:1px solid var(--border);border-radius:8px;background:var(--panel)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th,td{padding:11px 13px;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--panel-soft);color:var(--text);font:600 10px "DM Mono",monospace;letter-spacing:.5px;text-transform:uppercase}td{color:var(--muted)}td:first-child{color:var(--text)}tr:last-child td{border-bottom:0}.code-inline{display:inline-block;margin-top:11px;padding:5px 8px;border-radius:5px;background:var(--code);color:#c7eadf;font:11px "DM Mono",monospace}.article-footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding:24px 0 8px;border-top:1px solid var(--border)}.footer-label{font:700 10px "DM Mono",monospace;letter-spacing:1.2px;color:var(--text)}.article-footer p{margin:4px 0 0;color:var(--muted);font-size:11px}.footer-links{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:11px}.toc{height:calc(100vh - 68px);position:sticky;top:68px;padding:74px 18px 20px 17px;color:var(--muted)}.toc-title{margin-bottom:13px;color:var(--subtle);font:500 9px "DM Mono",monospace;letter-spacing:1.35px}.toc>a{display:block;margin:0 0 9px;padding-left:10px;border-left:1px solid var(--border);color:var(--muted);font-size:11px;line-height:1.45}.toc>a:hover{border-color:var(--accent);color:var(--accent-strong);text-decoration:none}.toc-note{margin-top:30px;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--panel);font-size:10px;line-height:1.6}.toc-note a{display:inline-block;margin-top:5px;font-weight:700}.search-overlay{display:none;position:fixed;inset:0;z-index:50;align-items:flex-start;justify-content:center;padding:14vh 18px 20px;background:rgba(13,20,25,.42);backdrop-filter:blur(3px)}.search-overlay.open{display:flex}.search-dialog{width:min(590px,100%);overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 25px 90px rgba(0,0,0,.25)}.dialog-search{height:55px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid var(--border);color:var(--muted);font-size:20px}.dialog-search input{font-size:14px}.search-results{max-height:55vh;overflow:auto;padding:8px}.search-hint{padding:18px;color:var(--muted);font-size:12px}.search-result{display:block;padding:10px 12px;border-radius:7px;color:var(--text)}.search-result:hover,.search-result:focus{background:var(--accent-soft);text-decoration:none;outline:none}.search-result b{display:block;font-size:13px}.search-result span{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.no-results{padding:18px;color:var(--muted);font-size:12px}
@media(max-width:1200px){.docs-layout{grid-template-columns:230px minmax(0,1fr)}.toc{display:none}.article{padding-inline:clamp(24px,6vw,65px)}}
@media(max-width:760px){.topbar{height:58px;gap:11px;padding:0 13px}.mobile-menu{display:grid;flex:none;width:31px;height:31px;font-size:15px}.brand{min-width:0;font-size:14px}.brand-mark{width:27px;height:27px}.brand small{font-size:8px}.search-wrap{width:auto;flex:1;height:34px;padding:0 8px}.search-wrap kbd{display:none}.top-actions{gap:9px}.github-link{display:none}.theme-toggle{width:31px;height:31px}.docs-layout{display:block}.sidebar{width:min(300px,88vw);height:calc(100dvh - 58px);position:fixed;z-index:25;top:58px;left:0;transform:translateX(-105%);transition:transform .2s ease;box-shadow:var(--shadow)}.sidebar.open{transform:translateX(0)}.article{padding:38px 20px 25px}.hero-section h1{font-size:clamp(36px,10vw,52px);letter-spacing:-2.1px}.lead{font-size:16px}.feature-strip{grid-template-columns:1fr}.feature-strip>div{padding:9px 12px}.card-grid.three,.card-grid.two{grid-template-columns:1fr}.doc-section{padding-top:29px}.doc-section h2{font-size:25px}.article-footer{flex-direction:column}.footer-links{flex-wrap:wrap}.search-wrap:focus-within{position:absolute;left:54px;right:58px;width:auto;background:var(--panel)} }
