@charset "UTF-8";
:root{--bg:#fcfdfb;--surface:#fff;--soft:#f3f6f2;--line:#e4e9e2;--text:#202c28;--muted:#6c7972;--green:#08795e;--green-hover:#045d47;--green-soft:#e9f3e9;--code:#16251f;--shadow:0 24px 70px #18392b12;color-scheme:light}
:root[data-theme=dark]{--bg:#131c18;--surface:#1b2721;--soft:#202e26;--line:#304137;--text:#e6efe8;--muted:#a0b2a6;--green:#7fd9ac;--green-hover:#a5eaca;--green-soft:#203b2d;--code:#101b15;--shadow:0 24px 70px #0003;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei UI","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}a,button,input{outline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green)}::selection{background:#8ddbb966}svg{vertical-align:middle}img{max-width:100%}button{border:0;background:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;font-weight:650}h1{letter-spacing:-1.8px}h2{letter-spacing:-.6px}code,kbd,pre,.mono{font-family:"Cascadia Code","SFMono-Regular",Consolas,monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;background:var(--green);color:var(--bg);padding:10px 18px;border-radius:5px;z-index:100}.skip-link:focus{top:10px}[hidden]{display:none!important}
.header{height:78px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{height:100%;max-width:1424px;margin:auto;padding:0 48px;display:flex;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-size:23px;font-weight:750;letter-spacing:-.6px}.brand>span:last-child{display:flex;align-items:center}.brand-mark{width:35px;height:35px;background:#08795e;border-radius:10px;display:grid;place-items:center}.brand-mark img{width:28px}.brand-divider{height:18px;width:1px;margin:0 13px;background:var(--line)}.brand-docs{font-size:13px;font-weight:500;letter-spacing:.4px;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;white-space:nowrap}.desktop-nav a{font-size:13px;color:var(--muted);padding:27px 0;position:relative}.desktop-nav a.active{color:var(--green);font-weight:600}.desktop-nav a.active:after{content:"";height:2px;position:absolute;bottom:0;left:0;right:0;background:var(--green)}.header-actions{display:flex;align-items:center;gap:19px}.search-trigger{display:flex;gap:9px;align-items:center;color:var(--muted);padding:7px 9px;background:var(--soft);border:1px solid var(--line);border-radius:7px;font-size:12px;white-space:nowrap}.search-icon{display:inline-block;width:14px;height:14px;border:1.6px solid currentColor;border-radius:50%;position:relative;flex-shrink:0;margin:0 3px 3px 0}.search-icon:after{position:absolute;content:"";right:-4px;bottom:-3px;width:6px;height:1.5px;background:currentColor;transform:rotate(45deg)}kbd{font-size:10px;line-height:1.6;background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:1px 4px;color:var(--muted);white-space:nowrap}.icon-button{width:24px;height:28px;display:grid;place-items:center;padding:0;color:var(--muted)}.header-install{font-size:12px;color:var(--green);font-weight:600;white-space:nowrap}.header-install span{margin-left:6px}.mobile-toggle,.mobile-nav{display:none}
.container{max-width:1232px;padding:0 32px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-family:"Segoe UI",sans-serif;font-size:11px;font-weight:650;color:var(--green)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:700px;height:700px;top:-220px;right:-160px;background:radial-gradient(ellipse,#dceedd77,transparent 68%);pointer-events:none}.hero-grid{padding-top:75px;padding-bottom:64px;display:grid;grid-template-columns:.91fr 1.12fr;gap:58px;align-items:center;position:relative}.version-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #cfe3d3;background:var(--green-soft);border-radius:20px;padding:4px 11px 4px 6px;font-size:11px;color:var(--green);margin-bottom:24px}.version-pill span{border-radius:12px;padding:1px 8px;background:var(--surface);font-family:Consolas,monospace;font-weight:600}.hero h1{font-size:clamp(36px,3.55vw,49px);line-height:1.4;margin-bottom:20px;white-space:nowrap;font-weight:720}.hero h1 em{font-style:normal;color:var(--green);position:relative}.hero h1 em:after{content:"";height:5px;border-radius:50%;background:#9ad5b783;position:absolute;bottom:-8px;left:0;right:0;transform:rotate(-1deg)}.hero-lead{font-size:15px;color:var(--muted);line-height:1.95;max-width:420px;margin-bottom:26px}.hero-buttons{display:flex;gap:12px;align-items:center;margin-bottom:25px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 21px;border:1px solid var(--line);border-radius:7px;background:var(--surface);font-size:13px;font-weight:600;transition:transform .2s,background .2s,border-color .2s}.button:hover{border-color:var(--green);transform:translateY(-1px)}.button.primary{background:var(--green);border-color:var(--green);color:var(--bg)}.button.primary:hover{background:var(--green-hover)}.hero-meta{display:flex;gap:15px;color:var(--muted);font-size:10px;align-items:center}.hero-meta span{display:flex;align-items:center;gap:5px}.hero-meta i{width:3px;height:3px;border-radius:50%;background:#b5c1b8}.editor-wrap{position:relative;padding-bottom:29px}.editor-window{background:var(--code);border-radius:11px;box-shadow:0 20px 50px #153e2c24;overflow:hidden;color:#b7c8bd;border:1px solid #35463d;transform:rotate(-1deg);transition:transform .3s}.editor-window:hover{transform:rotate(0)}.editor-top{height:37px;background:#1f2e26;display:flex;align-items:center;padding:0 14px;justify-content:space-between;font-size:10px;letter-spacing:.2px;border-bottom:1px solid #314238}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#f98275}.window-dots i:nth-child(2){background:#edc969}.window-dots i:nth-child(3){background:#7bbf95}.editor-top>span:last-child{font-size:8px;color:#8faba0;letter-spacing:1px}.editor-main{display:grid;grid-template-columns:113px 1fr;min-height:273px}.editor-explorer{border-right:1px solid #314238;font-size:10px;padding:16px 12px;line-height:2.4}.explorer-title{font-size:8px;font-weight:600;letter-spacing:1.5px;margin-bottom:12px;color:#8faba0}.tree-root{color:#deebe1}.tree-item{padding-left:10px}.tree-item.deep{padding-left:18px;color:#9dbbaa}.tree-item.active{color:#a4e5bd;background:#334b3a;margin-left:-12px;padding-left:30px;margin-right:-12px}.tree-item .file-v{color:#a1dcb3;margin-right:4px}.editor-area{min-width:0}.editor-tabs{height:37px;background:#1b2a22;display:flex;border-bottom:1px solid #314238}.editor-tabs button{font-size:10px;color:#7f988a;padding:0 15px;border-right:1px solid #2e4035}.editor-tabs button.selected{color:#d0e9d7;background:#16251f;border-top:2px solid #8dce9e}.editor-tabs .file-v{color:#9adba9;margin-right:6px}.editor-code{padding:17px 12px 12px 0;font-size:10px;line-height:1.9;min-height:236px;overflow:hidden}.editor-code .line{display:flex;white-space:pre}.line-num{width:33px;text-align:right;padding-right:14px;flex-shrink:0;color:#4e6c59;user-select:none}.syntax-key{color:#b8a4df}.syntax-type{color:#d6ce9d}.syntax-string{color:#b5d694}.syntax-number{color:#e5b891}.syntax-comment{color:#6c8878}.syntax-signal{color:#87cdb8}.editor-status{height:24px;display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#315c40;color:#d2e3d5;font-size:8px}.editor-status span:last-child{display:flex;gap:14px}.floating-success{position:absolute;bottom:8px;right:-17px;background:var(--surface);border:1px solid var(--line);box-shadow:0 7px 25px #17452c14;border-radius:8px;padding:12px 20px 12px 13px;display:flex;gap:11px;align-items:center;font-size:11px;transform:rotate(1deg)}.floating-success .success-icon{width:28px;height:28px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;color:var(--green)}.floating-success strong{display:block;font-size:11px;font-weight:600}.floating-success small{color:var(--muted);font-size:9px}.demo-caption{font-size:9px;position:absolute;bottom:-2px;left:8px;color:var(--muted)}
.wave-demo{padding:15px 15px 5px;font-family:Consolas,monospace;font-size:10px}.wave-scale{display:flex;justify-content:space-between;padding-left:73px;color:#718d7c;font-size:8px;margin-bottom:14px}.wave-row{display:flex;align-items:center;height:44px;border-top:1px solid #294033}.wave-label{width:73px;flex-shrink:0;color:#a6c7b1;font-size:9px}.wave-drawing{width:100%;min-width:0;height:34px;overflow:visible}.wave-footer{color:#83b69a;font-size:9px;margin-top:12px;text-align:right}.hero-demo-wave .editor-explorer{display:none}.hero-demo-wave .editor-main{grid-template-columns:1fr}.hero-demo-wave .editor-code{padding:0}
.compatibility{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.compatibility-label{color:var(--muted);font-size:11px}.compatibility-tools{display:flex;gap:28px;align-items:center;color:var(--muted);font-size:12px;letter-spacing:.4px}.compatibility-tools strong{color:var(--text);font-weight:600}.tool-tiny{display:inline-flex;align-items:center;gap:7px}.tool-tiny i{width:6px;height:6px;background:#81a78b;border-radius:2px;transform:rotate(45deg)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px;gap:24px}.section-heading h2{font-size:26px;margin:8px 0 0}.section-heading p{font-size:13px;color:var(--muted);margin-bottom:2px}.text-link{font-size:12px;color:var(--green);white-space:nowrap}.text-link svg{margin-left:7px}.learning-section{padding-top:58px;padding-bottom:59px}.learning-path{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface)}.learning-step{padding:23px 24px 22px;position:relative;border-right:1px solid var(--line);transition:background .2s}.learning-step:last-child{border:0}.learning-step:hover{background:var(--green-soft)}.step-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:17px}.step-number{font-family:Consolas,monospace;font-size:11px;letter-spacing:1px;color:var(--green)}.step-top>svg{color:#b8c6bd}.learning-step h3{font-size:15px;margin-bottom:6px}.learning-step p{color:var(--muted);font-size:11px;margin-bottom:14px;line-height:1.85}.step-meta{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:5px}.learning-step:first-child .step-meta{color:var(--green)}
.feature-section{border-top:1px solid var(--line);background:var(--soft);padding:55px 0 59px}.feature-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:16px}.feature-card{padding:25px 26px 23px;background:var(--surface);border:1px solid var(--line);border-radius:9px;min-width:0;position:relative;transition:border-color .2s,transform .2s}.feature-card:hover{border-color:#9ebca9;transform:translateY(-3px)}.feature-icon{width:34px;height:34px;border-radius:8px;background:var(--green-soft);color:var(--green);display:grid;place-items:center;margin-bottom:17px}.feature-card h3{font-size:15px;margin-bottom:7px}.feature-card p{color:var(--muted);font-size:12px;line-height:1.85;margin-bottom:17px}.feature-link{font-size:11px;color:var(--green);display:flex;align-items:center;justify-content:space-between}.feature-link span{display:flex;gap:6px;align-items:center}.tag{font-size:9px;padding:1px 6px;border-radius:4px;color:var(--muted);background:var(--soft);font-weight:400;margin-left:6px;vertical-align:middle}.feature-card.feature-trace{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:linear-gradient(125deg,var(--surface) 30%,var(--green-soft));align-items:center}.trace-illustration{display:flex;align-items:center;font-family:Consolas,monospace;gap:7px;font-size:10px;color:var(--green)}.trace-box{border:1px solid #a9c9b2;background:var(--surface);border-radius:6px;padding:11px 10px;text-align:center;min-width:61px;box-shadow:0 4px 12px #29663c08}.trace-box small{display:block;font-size:8px;color:var(--muted);margin-top:2px}.trace-line{width:17px;border-top:1px dashed var(--green);position:relative}.trace-line:after{content:"";width:4px;height:4px;border-right:1px solid var(--green);border-top:1px solid var(--green);transform:rotate(45deg);position:absolute;right:0;top:-3px}
.handbook-section{padding:62px 0}.handbook-layout{display:grid;grid-template-columns:260px 1fr;gap:65px}.handbook-intro h2{font-size:27px;margin:8px 0 13px}.handbook-intro p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:20px}.handbook-index{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.handbook-row{padding:15px 0;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:12px}.handbook-row .row-number{font-size:10px;color:var(--muted);font-family:Consolas,monospace}.handbook-row h3{font-size:13px;margin:0 0 3px}.handbook-row p{font-size:10px;color:var(--muted);margin:0}.handbook-row>svg{margin-left:auto;color:var(--muted)}.handbook-row:hover h3{color:var(--green)}
.cta-section{padding-bottom:64px}.cta-box{display:flex;justify-content:space-between;gap:30px;align-items:center;border-radius:10px;background:#e8f1e6;border:1px solid #d8e6d6;padding:30px 37px;color:#264a35;position:relative;overflow:hidden}.cta-box:after{content:"{}";position:absolute;right:215px;font-family:Consolas,monospace;font-size:140px;font-weight:bold;color:#65876910;line-height:1;top:-13px}.cta-box h2{font-size:22px;margin-bottom:6px}.cta-box p{font-size:12px;color:#63806a;margin-bottom:0}.cta-box .button{position:relative;z-index:1;background:#08795e;color:white;border-color:#08795e}.footer{display:flex;gap:32px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);max-width:1360px;padding:30px 64px;margin:auto;font-size:10px;color:var(--muted)}.footer-logo{font-size:18px;font-weight:750;letter-spacing:-.6px;color:var(--text)}.footer-logo span{font-size:10px;letter-spacing:0;font-weight:400;margin-left:13px;color:var(--muted)}.footer p{font-size:9px;margin:4px 0 0}.footer-links{display:flex;gap:24px}.footer-links a:hover{color:var(--green)}.footer-meta{font-size:9px;line-height:1.9;text-align:right}.footer-meta span{color:var(--muted)}
.docs-shell{max-width:1424px;margin:auto;display:grid;grid-template-columns:245px minmax(0,1fr) 195px;padding:0 40px;gap:44px;align-items:start}.docs-sidebar{position:sticky;top:78px;max-height:calc(100vh - 78px);overflow:auto;border-right:1px solid var(--line);padding:30px 20px 35px 0;scrollbar-width:thin}.sidebar-title{font-size:11px;font-weight:600;display:flex;align-items:center;gap:9px;color:var(--green);margin-bottom:23px}.sidebar-group{margin-bottom:23px}.sidebar-group h3{font-size:11px;font-weight:650;margin-bottom:8px;padding-left:12px}.sidebar-group a{font-size:12px;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:5px;color:var(--muted);line-height:1.6}.sidebar-group a:hover{color:var(--text);background:var(--soft)}.sidebar-group a.current{color:var(--green);background:var(--green-soft);font-weight:600}.sidebar-check{color:var(--green);font-size:9px;margin-left:auto}.sidebar-progress{padding:14px 12px;background:var(--soft);border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;display:block}.progress-line{height:3px;border-radius:3px;background:var(--line);margin:9px 0 7px;overflow:hidden}.progress-line span{display:block;height:100%;background:var(--green)}.docs-article{padding:38px 0 62px;min-width:0}.breadcrumbs{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--muted);margin-bottom:23px}.breadcrumbs svg{color:#9aada0}.article-kicker{font-size:11px;color:var(--green);margin-bottom:10px}.docs-article h1{font-size:32px;letter-spacing:-.7px;margin-bottom:12px}.article-description{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:18px}.article-meta{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:10px;padding-bottom:25px;border-bottom:1px solid var(--line);margin-bottom:29px}.article-meta span{display:flex;align-items:center;gap:5px}.article-meta .level-badge{padding:2px 7px;background:var(--green-soft);color:var(--green);border-radius:4px}.article-body{font-size:13px;line-height:1.95;overflow-wrap:anywhere}.article-body h2{font-size:21px;margin:35px 0 14px;scroll-margin-top:103px;letter-spacing:-.3px}.article-body h2 a{font-size:15px;color:var(--muted);opacity:0;margin-left:7px;font-weight:400}.article-body h2:hover a,.article-body h2 a:focus-visible{opacity:1}.article-body h3{font-size:16px;margin:25px 0 12px}.article-body p{margin-bottom:15px}.article-body ul,.article-body ol{padding-left:22px;margin:0 0 19px}.article-body li{padding-left:3px;margin-bottom:8px}.article-body li::marker{color:var(--green)}.article-body a{color:var(--green);text-decoration:underline;text-underline-offset:4px;text-decoration-color:color-mix(in srgb,var(--green) 35%,transparent)}.article-body a:hover{text-decoration-color:var(--green)}.article-body code{font-size:.9em;background:var(--soft);border:1px solid var(--line);padding:2px 5px;border-radius:4px;color:var(--green);word-break:break-word}.code-block{margin:19px 0 23px;overflow:hidden;border:1px solid #32453a;border-radius:7px;background:var(--code);color:#c6d8ca}.code-toolbar{display:flex;align-items:center;justify-content:space-between;background:#213329;border-bottom:1px solid #32453a;padding:7px 12px;font-size:9px;color:#92b49b;letter-spacing:.4px}.copy-button{display:flex;align-items:center;gap:5px;color:#abc8b4;font-size:9px;letter-spacing:0;padding:2px 3px}.copy-button:hover{color:white}.code-block pre{padding:16px 18px;margin:0;overflow-x:auto;font-size:11px;line-height:1.8;scrollbar-width:thin;white-space:pre}.article-body .code-block code{background:none;border:0;color:inherit;font-size:inherit;padding:0;word-break:normal;white-space:pre}.table-wrap{overflow-x:auto;margin:19px 0 23px;border:1px solid var(--line);border-radius:6px}.article-body table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.75}.article-body th{background:var(--soft);font-weight:600;color:var(--text)}.article-body th,.article-body td{padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top;min-width:100px}.article-body tr:last-child td{border-bottom:0}.article-body td code{font-size:10px}.article-body .note{background:var(--green-soft);border-left:3px solid var(--green);border-radius:0 6px 6px 0;padding:14px 17px;margin:20px 0;color:var(--text);font-size:12px;line-height:1.85}.note p:last-child{margin-bottom:0}.article-body .note.warning{background:color-mix(in srgb,#cfa35d 12%,var(--surface));border-left-color:#b68c4f}.doc-toc{position:sticky;top:116px;padding:0 0 0 19px;border-left:1px solid var(--line);font-size:10px;color:var(--muted);margin-top:40px}.toc-title{font-weight:600;color:var(--text);font-size:10px;margin-bottom:12px}.doc-toc a{display:block;margin-bottom:9px;line-height:1.8;transition:color .2s}.doc-toc a.active,.doc-toc a:hover{color:var(--green)}.toc-divider{height:1px;background:var(--line);margin:20px 0}.toc-download{color:var(--green)!important;display:flex!important;gap:6px;align-items:center}.read-complete{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);margin-top:36px;padding-top:24px;font-size:11px;color:var(--muted)}.complete-button{display:flex;align-items:center;gap:7px;background:var(--green-soft);border:1px solid var(--line);border-radius:5px;color:var(--green);padding:7px 12px;font-size:11px}.complete-button.done{background:var(--green);color:var(--bg);border-color:var(--green)}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.pager-link{border:1px solid var(--line);border-radius:7px;padding:14px 17px;min-width:0}.pager-link:hover{border-color:var(--green)}.pager-link.next{text-align:right}.pager-label{font-size:9px;color:var(--muted);margin-bottom:3px}.pager-title{font-size:12px;color:var(--green);font-weight:500}.mobile-doc-bar{display:none}.not-found{max-width:760px;margin:95px auto;text-align:center;padding:0 24px}.not-found h1{font-size:40px}.not-found p{color:var(--muted)}.not-found .button{margin:10px}.permalink-copy{cursor:pointer}
dialog{margin:12vh auto 0;padding:0;border:1px solid var(--line);border-radius:12px;width:min(620px,calc(100vw - 32px));background:var(--surface);color:var(--text);box-shadow:0 30px 100px #0003;overflow:hidden}dialog::backdrop{background:#0f251a70;backdrop-filter:blur(5px)}.search-input-wrap{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:15px 20px}.search-input-wrap .search-icon{color:var(--green);width:17px;height:17px}.search-input-wrap input{width:100%;border:0;background:none;outline:0;color:var(--text);font-size:14px}.close-search{padding:0}.search-bottom{padding:10px 18px;background:var(--soft);color:var(--muted);font-size:9px;display:flex;align-items:center;justify-content:space-between}.search-bottom kbd{margin-left:3px}#search-results{max-height:55vh;overflow:auto;padding:10px}.search-prompt{padding:20px 15px;color:var(--muted);font-size:12px}.search-prompt strong{color:var(--text);font-size:12px;display:block;margin-bottom:10px}.search-quick{display:flex;gap:7px;flex-wrap:wrap}.search-quick button{font-size:11px;border:1px solid var(--line);border-radius:5px;padding:4px 9px;background:var(--soft)}.search-quick button:hover{color:var(--green);border-color:var(--green)}.search-result{display:block;padding:11px 13px;border-radius:6px;border:1px solid transparent}.search-result:hover,.search-result.selected{background:var(--green-soft);border-color:color-mix(in srgb,var(--green) 30%,transparent)}.search-result strong{font-size:13px;font-weight:600}.search-result small{display:block;color:var(--muted);font-size:10px;line-height:1.7;margin-top:3px}.result-group{font-size:9px;color:var(--green);margin-bottom:3px}.search-count{font-size:10px;color:var(--muted);padding:4px 13px 8px}.empty-search{padding:35px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-search strong{display:block;color:var(--text);font-size:14px;margin-bottom:6px}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);padding:9px 18px;background:var(--text);color:var(--bg);border-radius:7px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;box-shadow:var(--shadow)}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1600px){.hero-grid{padding-top:90px;padding-bottom:80px}.editor-main{min-height:295px}.editor-code{font-size:11px;line-height:1.95}.editor-tabs{height:40px}.hero h1{font-size:51px}}
@media(max-width:1250px){.header-inner{padding:0 30px;gap:25px}.desktop-nav{gap:21px}.header-actions{gap:14px}.brand-docs,.brand-divider{display:none}.hero-grid{gap:35px}.hero h1{font-size:40px}.compatibility-tools{gap:21px}.docs-shell{grid-template-columns:210px minmax(0,1fr) 160px;gap:30px;padding:0 27px}.editor-main{grid-template-columns:100px 1fr}.editor-tabs button{padding:0 11px}.floating-success{right:-7px}.trace-illustration{gap:4px;font-size:9px}.trace-box{min-width:51px;padding:10px 7px}}
@media(max-width:1000px){.hero-grid{gap:25px;padding-top:54px}.hero h1{font-size:34px}.hero-lead{font-size:13px}.hero-meta{gap:9px;font-size:9px}.editor-explorer{display:none}.editor-main{grid-template-columns:1fr}.editor-code{font-size:10px}.search-trigger>span:not(.search-icon),.search-trigger kbd{display:none}.search-trigger{background:none;border:0;padding:5px}.header-actions{gap:18px}.compatibility-tools{gap:16px;font-size:10px}.learning-step{padding:20px}.feature-card{padding:22px}.handbook-layout{gap:35px;grid-template-columns:220px 1fr}.handbook-index{gap:0 24px}.docs-shell{grid-template-columns:200px minmax(0,1fr);gap:32px}.doc-toc{display:none}.footer{padding:28px 32px}.footer-links{gap:15px}.feature-card.feature-trace{grid-template-columns:1fr}.trace-illustration{display:none}.desktop-nav a{font-size:12px}.desktop-nav{gap:22px}.docs-article h1{font-size:29px}}
@media(max-width:760px){.header{height:64px}.header-inner{padding:0 20px;gap:15px}.brand{font-size:21px}.brand-mark{width:31px;height:31px;border-radius:8px}.brand-mark img{width:25px}.brand-docs,.brand-divider{display:block}.brand-docs{font-size:10px}.brand-divider{height:14px;margin:0 10px}.desktop-nav,.header-install{display:none}.header-actions{margin-left:auto;gap:15px}.mobile-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px}.mobile-toggle span{width:17px;height:1.5px;background:currentColor}.mobile-nav{display:grid;position:absolute;top:64px;left:0;right:0;padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);gap:6px}.mobile-nav a{font-size:13px;padding:7px 5px}.container{padding:0 22px}.hero-grid{grid-template-columns:1fr;padding-top:36px;gap:34px;padding-bottom:33px}.version-pill{margin-bottom:20px;font-size:10px}.hero h1{font-size:39px;letter-spacing:-1.3px;margin-bottom:18px}.hero-lead{font-size:13px;max-width:430px;margin-bottom:22px}.hero-buttons{margin-bottom:20px}.hero-meta{font-size:9px;gap:13px}.button{font-size:12px;padding:10px 18px}.editor-wrap{max-width:530px;width:100%;justify-self:center;margin-top:2px}.editor-main{grid-template-columns:105px 1fr;min-height:259px}.editor-explorer{display:block}.editor-code{font-size:10px;line-height:1.9}.floating-success{right:0;padding:10px 14px}.editor-window{transform:rotate(-.6deg)}.compatibility{flex-wrap:wrap;justify-content:center;gap:9px;padding:15px 0}.compatibility-label{font-size:9px}.compatibility-tools{width:100%;justify-content:center;gap:18px;font-size:10px;flex-wrap:wrap}.section-heading{align-items:start;margin-bottom:21px}.section-heading h2{font-size:23px}.section-heading p{display:none}.section-heading>.text-link{margin-top:28px;font-size:10px}.eyebrow{font-size:9px;letter-spacing:1.8px}.learning-section{padding-top:36px;padding-bottom:37px}.learning-path{grid-template-columns:1fr 1fr}.learning-step{padding:20px 18px;border-bottom:1px solid var(--line)}.learning-step:nth-child(2){border-right:0}.learning-step:nth-child(3){border-bottom:0}.learning-step h3{font-size:14px}.learning-step p{font-size:10px}.step-top{margin-bottom:12px}.feature-section{padding:35px 0 39px}.feature-grid{grid-template-columns:1fr 1fr;gap:11px}.feature-card{padding:20px 18px}.feature-card h3{font-size:14px}.feature-card p{font-size:11px}.feature-icon{margin-bottom:13px;width:31px;height:31px}.feature-card.feature-trace{grid-column:span 1;display:block;background:var(--surface)}.feature-card .tag{display:none}.handbook-section{padding:38px 0}.handbook-layout{grid-template-columns:1fr;gap:17px}.handbook-intro h2{font-size:23px;margin-bottom:9px}.handbook-intro p{margin-bottom:12px}.handbook-intro p br{display:none}.handbook-intro>.text-link{display:none}.handbook-index{gap:0 23px}.handbook-row{padding:13px 0;gap:9px}.handbook-row h3{font-size:12px}.handbook-row p{font-size:9px}.cta-section{padding-bottom:37px}.cta-box{padding:25px;display:block}.cta-box h2{font-size:20px}.cta-box p{font-size:11px}.cta-box .button{margin-top:19px}.cta-box:after{right:10px;top:14px}.footer{display:grid;grid-template-columns:1fr auto;gap:20px;padding:25px 22px}.footer-logo{font-size:17px}.footer-logo span{display:none}.footer-links{gap:16px;font-size:10px}.footer-meta{text-align:left;grid-column:span 2;font-size:8px}.footer-meta br{display:none}.footer-meta span:before{content:" · "}.docs-shell{display:block;padding:0 22px}.docs-sidebar{display:none;position:fixed;top:108px;left:0;width:280px;max-height:calc(100dvh - 108px);height:calc(100dvh - 108px);background:var(--surface);padding:23px 18px 35px;z-index:29;border-right:1px solid var(--line);box-shadow:20px 0 50px #132e2019}.docs-sidebar.open{display:block}.mobile-doc-bar{position:sticky;top:64px;display:flex;align-items:center;justify-content:space-between;height:44px;border-bottom:1px solid var(--line);padding:0 22px;background:var(--bg);z-index:28;font-size:10px;color:var(--muted)}.mobile-doc-bar button{display:flex;align-items:center;gap:7px;color:var(--green);padding:0}.mobile-doc-bar a{display:flex;align-items:center;gap:5px}.docs-article{padding-top:25px;padding-bottom:40px}.breadcrumbs{font-size:9px;gap:7px;margin-bottom:21px}.docs-article h1{font-size:28px;margin-bottom:10px}.article-description{font-size:13px}.article-meta{font-size:9px;gap:12px;padding-bottom:20px;margin-bottom:24px}.article-body{font-size:13px}.article-body h2{font-size:20px;margin-top:30px;scroll-margin-top:127px}.article-body h2 a{opacity:.5}.code-block pre{font-size:10px;padding:14px}.article-body .note{font-size:11px;padding:13px 14px}.article-body th,.article-body td{padding:9px 10px}.article-pager{gap:10px}.pager-link{padding:12px}.pager-title{font-size:11px}.read-complete{font-size:10px;gap:10px}.complete-button{font-size:10px;white-space:nowrap;padding:7px 9px}.search-bottom{font-size:8px}.search-bottom>span:last-child{display:none}.doc-toc{display:none}dialog{margin-top:8vh}.not-found{margin:60px auto}.not-found h1{font-size:30px}}
@media(max-width:390px){.brand-docs,.brand-divider{display:none}.hero h1{font-size:33px}.hero-meta{gap:9px;font-size:8px}.editor-explorer{display:none}.editor-main{grid-template-columns:1fr}.editor-code{font-size:10px}.feature-grid{grid-template-columns:1fr}.feature-card.feature-trace{grid-column:auto}.feature-card{padding:21px}.feature-card p{max-width:260px}.handbook-index{grid-template-columns:1fr}.footer-links{font-size:9px;gap:11px}.compatibility-tools{gap:13px}}
.demo-caption a{color:var(--green);text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.article-body table{min-width:560px}.table-wrap:focus-visible{outline:2px solid var(--green);outline-offset:3px}.handbook-intro h2 br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important;transform:none!important}}