:root{color:#edf5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#07111c;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#edf5ff;background:#07111c;min-width:320px;margin:0}img{max-width:100%;display:block}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}code,pre{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}a{color:inherit}.docs-shell{color:#e5edf7;background:#07111c;grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#0b1520;border-right:1px solid #94a3b82e}.sidebar-inner{padding:24px 20px 40px;position:sticky;top:0}.brand-row{align-items:center;gap:12px;padding:8px 6px 18px;display:flex}.brand-logo{border-radius:12px;width:42px;height:auto;display:block}.brand-name{color:#f8fbff;font-size:1.08rem;font-weight:700}.side-nav{gap:8px;margin-top:12px;display:grid}.side-nav a{color:#b8c9db;border-radius:10px;padding:9px 10px;text-decoration:none;transition:background .2s,color .2s}.side-nav a:hover{color:#f8fbff;background:#94a3b81f}.sidebar-card{background:#0f172acc;border:1px solid #94a3b824;border-radius:14px;margin-top:32px;padding:16px 14px}.sidebar-label{letter-spacing:.12em;text-transform:uppercase;color:#8ea6c9;margin:0 0 12px;font-size:.72rem;font-weight:700}.sidebar-card ul{color:#c9d6ea;margin:0;padding-left:18px;line-height:1.8}.main-content{padding:0 32px 72px}.topbar{border-bottom:1px solid #94a3b82e;justify-content:space-between;align-items:center;min-height:72px;display:flex}.topbar-left{align-items:center;display:flex}.eyebrow{color:#8ea6c9;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:700}.github-link{color:#edf5ff;background:#0f172ae6;border:1px solid #94a3b82e;border-radius:10px;padding:.7rem .9rem;text-decoration:none}.hero{max-width:820px;padding-top:64px}.hero h1,.section-head h2{color:#f8fbff;letter-spacing:-.05em;margin:0;line-height:1.05}.hero h1{margin-top:10px;font-size:clamp(2.8rem,4vw,4.2rem)}.lede{color:#b8c9db;max-width:700px;margin-top:18px;font-size:1.08rem;line-height:1.75}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.stat-box{background:#0f172acc;border:1px solid #94a3b829;border-radius:14px;padding:16px 18px}.stat-box span{color:#8ea6c9;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px;font-size:.72rem;display:block}.stat-box strong{color:#f8fbff;font-size:1.12rem}.callout-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0 18px;display:grid}.callout-item{background:linear-gradient(#0f172ae6,#0c121ce6);border:1px solid #94a3b824;border-radius:14px;padding:16px 18px}.step-num{color:#7cc7ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:.72rem;font-weight:700;display:inline-block}.callout-item p{color:#dfeaf7;margin:0;line-height:1.6}.doc-section{padding-top:56px}.section-head{margin-bottom:18px}.section-head h2{margin-top:10px;font-size:clamp(2rem,2.8vw,2.8rem)}.code-block{border-radius:16px;padding:22px 20px;overflow-x:auto}.dark-box{color:#e5edf7;background:#0f1a2a;border:1px solid #94a3b824;box-shadow:inset 0 1px #ffffff0a}.code-block code{white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9rem;line-height:1.8;display:block}.large code{font-size:.88rem}.code-line{flex-wrap:wrap;min-height:1.5em;display:flex}.token-keyword{color:#7cc7ff}.token-string{color:#9ae6b4}.token-number{color:#ffd166}.token-comment{color:#6b7280}.token-type{color:#7dd3fc}.token-func{color:#f9a8d4}.token-constant{color:#c4b5fd}.token-operator{color:#dfe7f5}.token-default{color:#edf5ff}.info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.info-card{background:#0f172acc;border:1px solid #94a3b824;border-radius:14px;padding:18px 18px 16px}.info-card h3{color:#f8fbff;margin:0 0 8px;font-size:1.14rem}.info-card p{color:#b8c9db;margin:0;line-height:1.7}.reference-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 24px;display:grid}.api-card{background:#0f172acc;border:1px solid #94a3b824;border-radius:14px;padding:18px 18px 14px}.api-card h3{color:#f8fbff;margin:0 0 10px;font-size:1.02rem}.api-card ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.api-card li{color:#dfeaf7;background:#94a3b814;border:1px solid #94a3b824;border-radius:999px;padding:7px 10px;font-size:.76rem}.reference-block{margin-top:20px}.pattern-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px;display:grid}.pattern-card{background:#0f172acc;border:1px solid #94a3b824;border-radius:14px;padding:18px}.pattern-card h3{color:#f8fbff;margin:0 0 8px}.pattern-card p{color:#bdd0e8;margin:0;line-height:1.7}.examples-section{padding-top:56px}@media (width<=980px){.docs-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #94a3b82e;border-right:none}.sidebar-inner{padding-bottom:20px;position:static}.main-content{padding:0 20px 48px}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.stats-grid,.callout-row,.info-grid,.reference-grid,.pattern-grid{grid-template-columns:1fr}.topbar{min-height:60px}}