:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e9eee8;background:#09100d;font-synthesis:none}*{box-sizing:border-box}html{min-height:100%;background:#09100d}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 78% 8%,rgba(115,226,167,.09),transparent 26rem),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#09100d;background-size:auto,32px 32px,32px 32px,auto}button,a{font:inherit}a{color:#9ee7bf}main{width:min(780px,calc(100% - 40px));margin:0 auto;padding:64px 0 48px}main.gallery-page{width:min(1180px,calc(100% - 40px))}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;color:#73e2a7;font-weight:700;letter-spacing:.08em;text-decoration:none}.brand img{width:25px;height:25px;border-radius:6px}.tabs{display:flex;gap:6px;padding:4px;background:#121a16bf;border:1px solid #26352d;border-radius:9px}.tabs a{padding:7px 11px;color:#87958e;border-radius:6px;text-decoration:none;font-size:.82rem;transition:color .15s,background .15s}.tabs a:hover{color:#d7e3dc}.tabs a[aria-current=page]{color:#e9eee8;background:#24342c}h1{max-width:900px;margin:54px 0 24px;font:700 clamp(3rem,8.6vw,6rem)/.94 system-ui,sans-serif;letter-spacing:-.065em;text-wrap:balance}.lede{max-width:680px;color:#b6c1bb;font-size:1.08rem;line-height:1.7}section+section{margin-top:44px}section>h2{font:650 1.15rem system-ui,sans-serif}.install-section{margin-top:54px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.section-heading h2{margin:0;font:650 1.15rem system-ui,sans-serif}.architecture-switch{display:flex;padding:3px;background:#121a16;border:1px solid #33453c;border-radius:7px}.architecture-switch button{padding:6px 10px;color:#87958e;background:transparent;border:0;border-radius:5px;cursor:pointer;font-size:.76rem}.architecture-switch button.active{color:#09110d;background:#73e2a7;font-weight:700}.small{color:#87958e;font-size:.88rem;line-height:1.6}footer{display:flex;flex-wrap:wrap;gap:20px;margin-top:72px;font-size:.82rem}.code-block{position:relative}.code-block pre{overflow-x:auto;margin:0;padding:20px 108px 20px 20px;color:#d7e3dc;background:#121a16f0;border:1px solid #26352d;border-radius:8px;line-height:1.65}.code-block button{position:absolute;top:10px;right:10px;display:flex;align-items:center;gap:6px;padding:7px 9px;color:#91a199;background:#1a2721;border:1px solid #33453c;border-radius:6px;cursor:pointer;font-size:.75rem}.code-block button:hover{color:#e9eee8;border-color:#73e2a7}.code-block svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.tool-toy{margin:42px 0 0;background:#0e1512e6;border:1px solid #2b3e34;border-radius:12px;box-shadow:0 24px 80px #00000040;overflow:hidden}.tool-switch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #2b3e34}.tool-switch button{display:flex;align-items:baseline;gap:10px;padding:15px 18px;color:#7f9087;text-align:left;background:transparent;border:0;cursor:pointer}.tool-switch button+button{border-left:1px solid #2b3e34}.tool-switch button[aria-selected=true]{color:#e9eee8;background:#18251f;box-shadow:inset 0 -2px #73e2a7}.tool-switch b{color:#73e2a7;font-size:1rem}.tool-switch span{font-size:.76rem}.toy-screen{display:grid;grid-template-columns:minmax(0,.88fr) minmax(300px,1.12fr);gap:32px;min-height:310px;padding:30px;align-items:center}.toy-copy code{color:#73e2a7}.toy-copy h2{margin:18px 0 28px;font:650 1.7rem/1.2 system-ui,sans-serif;letter-spacing:-.025em}.toy-copy a{font-size:.8rem}.toy-report{display:grid;grid-template-columns:160px 1fr;gap:24px;align-items:center}.toy-chart{position:relative;width:160px;height:160px;border-radius:50%;background:conic-gradient(#5584b4 0,#5584b4 46%,#f79029 46%,#f79029 72%,#5baa50 72%,#5baa50 88%,#e7565b 88%,#e7565b 96%,#30373d 96%);transition:transform .35s}.toy-chart:after{content:"";position:absolute;top:42px;right:42px;bottom:42px;left:42px;background:#0e1512;border-radius:50%}.toy-report.pq .toy-chart{background:conic-gradient(#5584b4 0,#5584b4 29%,#f79029 29%,#f79029 48%,#5baa50 48%,#5baa50 62%,#e7565b 62%,#e7565b 70%,#30373d 70%)}.toy-report.pq .toy-chart i{position:absolute;z-index:1;border:5px solid transparent;border-top-color:#73e2a7;border-radius:50%}.toy-report.pq .toy-chart i:nth-child(1){top:10px;right:10px;bottom:10px;left:10px;transform:rotate(28deg)}.toy-report.pq .toy-chart i:nth-child(2){top:24px;right:24px;bottom:24px;left:24px;transform:rotate(116deg);border-top-color:#67e8f9}.toy-report.pq .toy-chart i:nth-child(3){top:36px;right:36px;bottom:36px;left:36px;transform:rotate(220deg);border-top-color:#f79029}.toy-rows{display:grid;gap:13px}.toy-rows div{display:grid;grid-template-columns:8px 1fr auto auto;gap:9px;align-items:center;color:#aab7b0;font-size:.73rem}.toy-rows span{width:7px;height:18px;background:#5584b4}.toy-rows div:nth-child(2) span{background:#f79029}.toy-rows div:nth-child(3) span{background:#5baa50}.toy-rows b{color:#d7e3dc;font-weight:500}.toy-rows em{color:#73e2a7;font-style:normal}.toy-rows small{width:40px;color:#7f9087;text-align:right}.gallery{margin-top:38px;overflow-anchor:none}.gallery-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.gallery-toolbar button{padding:9px 13px;color:#d7e3dc;background:#121a16;border:1px solid #33453c;border-radius:6px;cursor:pointer}.gallery-toolbar button:hover{border-color:#73e2a7}.gallery-toolbar button:disabled{cursor:default;opacity:.35}.gallery-count{margin-left:auto;color:#87958e;font-size:.82rem}.slides{overflow-anchor:none}.slides:focus-visible{outline:2px solid #73e2a7;outline-offset:5px}.slides figure{margin:0}.slide-stage{position:relative;height:min(68vh,720px);min-height:480px;overflow:hidden;background:#171717;border:1px solid #26352d;border-radius:9px;box-shadow:0 28px 90px #00000047}.slides img{display:block;width:100%;height:100%;object-fit:contain;object-position:left top}.feature-frame{position:absolute;right:24px;bottom:24px;display:grid;gap:10px;width:min(330px,38%);padding:18px;color:#b9c5be;background:#09100df0;border:1px solid #496052;border-radius:8px;box-shadow:0 12px 35px #0006;font-size:.82rem;line-height:1.5}.feature-frame strong{color:#73e2a7;font:650 1rem system-ui,sans-serif}.slides figcaption{margin-top:11px;color:#aab7b0;font-size:.84rem}.gallery-dots{display:flex;justify-content:center;gap:9px;margin-top:16px}.gallery-dots button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:#33453c;cursor:pointer;transition:transform .15s,background .15s}.gallery-dots button.active{background:#73e2a7;transform:scale(1.25)}@media(max-width:760px){main{padding-top:28px}h1{margin-top:42px}.toy-screen{grid-template-columns:1fr}.toy-report{grid-template-columns:130px 1fr}.toy-chart{width:130px;height:130px}.slide-stage{height:auto;min-height:0;overflow:visible;background:transparent;border:0}.slides img{height:auto;background:#171717;border:1px solid #26352d;border-radius:8px}.feature-frame{position:static;width:100%;margin-top:10px}}@media(max-width:520px){main{width:min(100% - 28px,780px)}.site-header{gap:12px}.tabs a{padding-inline:8px}.tool-switch button{align-items:flex-start;flex-direction:column;gap:3px}.toy-screen{padding:22px}.toy-report{grid-template-columns:1fr}.toy-chart{margin:0 auto}.section-heading{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}