:root{color-scheme:dark;--bg:#101b1d;--surface:#18272a;--accent:#7dcccf;--text:#e4e9e2;--muted:#a4b5b1;--line:#334649}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}h2{letter-spacing:-1.8px;margin:18px 0 22px;font-size:clamp(32px,3.6vw,46px);font-weight:450;line-height:1.14}h3{letter-spacing:-.3px;margin:44px 0 10px;font-size:19px;font-weight:500}p{color:var(--muted)}code{font-family:ui-monospace,monospace}.wrap{max-width:1260px;margin:0 auto;padding-left:48px;padding-right:48px}.skip{z-index:70;background:var(--accent);color:var(--bg);padding:10px;position:absolute;top:-70px;left:20px}.skip:focus{top:10px}.nav{justify-content:space-between;align-items:center;height:100px;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:24px;font-weight:650;display:flex}.nav nav{color:var(--muted);gap:32px;font-size:13px;display:flex}.nav a:hover,.text-link:hover,.link-list a:hover{color:var(--accent)}.nav .source{color:var(--text)}.eyebrow{letter-spacing:1.5px;color:var(--accent);font:11px/1.5 ui-monospace,monospace;display:block}.button{border-radius:3px;gap:30px;padding:15px 23px;font-size:14px;display:inline-flex}.primary{background:var(--accent);color:#122325}.text-link{border-bottom:1px solid var(--line);padding-bottom:5px;font-size:14px;display:inline-block}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding-top:30px;padding-bottom:40px;font-size:12px;display:flex}#boot{z-index:60;background:var(--bg);pointer-events:none;place-items:center;animation:.7s ease-in 1.6s forwards boot-out;display:grid;position:fixed;inset:0}.boot-lockup{opacity:0;justify-items:center;gap:20px;animation:.8s cubic-bezier(.22,.9,.24,1) .12s forwards boot-in;display:grid;transform:scale(.72)rotate(-22deg)}.boot-mark{width:132px;height:132px}.boot-orbit{fill:none;stroke:#9ccbfb;stroke-opacity:.5;stroke-width:2.1px;stroke-linecap:round}.boot-moon{fill:#bcd6f2;stroke:#e2eefb;stroke-opacity:.6;stroke-width:1px}.boot-star-a{fill:#d3bfe6}.boot-star-b{fill:#e2e9f1;fill-opacity:.85}.boot-star-c{fill:#9ccbfb}.boot-word{letter-spacing:4px;color:var(--text);font-size:24px}@keyframes boot-in{to{opacity:1;transform:none}}@keyframes boot-out{to{opacity:0;visibility:hidden}}.hero{padding-top:56px}.banner{width:100%;height:auto;display:block}.tagline{color:var(--text);margin:34px 0 0;font-size:22px;font-weight:500}.hero-note{max-width:780px;margin:12px 0 0;font-size:15px}.actions{flex-wrap:wrap;align-items:center;gap:26px;margin:30px 0 0;display:flex}.section{border-top:1px solid var(--line);padding-top:86px;padding-bottom:86px}.callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:var(--surface);color:var(--muted);border-radius:0 10px 10px 0;margin:0 0 26px;padding:18px 22px;font-size:14px}.steps{gap:12px;max-width:760px;margin:26px 0 0;padding:0;list-style:none;display:grid}.steps li{color:var(--muted);border-top:1px solid var(--line);gap:14px;padding-top:12px;font-size:15px;display:flex}.steps span{color:var(--accent);font:11px ui-monospace,monospace}.shortcuts{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.shortcuts th,.shortcuts td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.shortcuts thead th{letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;font:11px/1.5 ui-monospace,monospace}.shortcuts tbody th{color:var(--text);white-space:nowrap;font-weight:500}.shortcuts tbody td{color:var(--muted)}.shortcuts code{color:var(--accent);font-size:12px}.link-list{grid-template-columns:1fr 1fr;gap:0 50px;margin-top:10px;display:grid}.link-list a{border-bottom:1px solid var(--line);justify-content:space-between;padding:16px 0;font-size:14px;display:flex}.contributors{flex-wrap:wrap;gap:16px;margin:22px 0 0;padding:0;list-style:none;display:flex}.contributor{border:1px solid var(--line);background:var(--surface);border-radius:12px;justify-items:center;gap:6px;width:180px;padding:18px 22px;display:grid}.contributor:hover{border-color:var(--accent)}.contributor img{object-fit:cover;background:var(--bg);border-radius:50%;width:72px;height:72px}.contributor-name{color:var(--text);font-size:14px}.contributor-role{letter-spacing:1.2px;color:var(--muted);text-transform:uppercase;font:10px ui-monospace,monospace}.inline-link{color:var(--accent);border-bottom:1px solid var(--line)}@media (width<=1000px){.wrap{padding-left:30px;padding-right:30px}.link-list{grid-template-columns:1fr}}@media (width<=680px){.wrap{padding-left:22px;padding-right:22px}.nav{height:80px}.nav nav{gap:17px}.nav nav>a:not(.source){display:none}.hero{padding-top:38px}.eyebrow{letter-spacing:1px;font-size:9px}.tagline{font-size:18px}.actions{gap:18px}.button{padding:12px 16px}.text-link{font-size:12px}.section{padding-top:60px;padding-bottom:60px}.boot-mark{width:96px;height:96px}.shortcuts tbody th{white-space:normal}footer{flex-wrap:wrap;gap:20px}footer>span{flex-basis:100%;order:3}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#boot{display:none}}.docs-badge{letter-spacing:2px;color:var(--accent);margin-left:14px;font:10px ui-monospace,monospace}.docs-layout{grid-template-columns:230px minmax(0,1fr);gap:65px;padding-top:48px;padding-bottom:100px;display:grid}.docs-sidebar{align-self:start;position:sticky;top:35px}.docs-sidebar .eyebrow{font-size:9px}.docs-sidebar nav{gap:6px;margin:24px 0;display:grid}.docs-sidebar nav a{color:var(--muted);border-radius:10px;justify-content:space-between;padding:12px 14px;font-size:14px;display:flex}.docs-sidebar nav a[aria-current]{color:var(--accent);background:#243839}.docs-sidebar p{font-size:11px;line-height:1.8}.docs-main{min-width:0;max-width:850px}.docs-main h1{letter-spacing:-2.8px;margin-top:20px;font-size:clamp(40px,5vw,64px)}.docs-main h2{letter-spacing:-1px;margin:52px 0 18px;scroll-margin-top:28px;font-size:29px}.docs-main h3{letter-spacing:-.3px;margin:28px 0 10px;font-size:19px}.docs-main p,.docs-main li{font-size:14px;line-height:1.85}.docs-main .docs-lead{max-width:700px;font-size:18px}.docs-main a:not(.button){color:var(--accent)}.docs-main p code,.docs-main li code,.docs-main td code{overflow-wrap:anywhere;background:#ffffff09;border-radius:4px;padding:2px 5px;font-size:12px}.docs-main ul,.docs-main ol{padding-left:22px}.docs-main li{color:var(--muted);margin:7px 0}.doc-callout{border:1px solid var(--line);border-left:3px solid var(--accent);background:#192a2b;border-radius:0 12px 12px 0;margin:28px 0;padding:22px 25px}.doc-callout p{margin:0}.doc-callout strong{color:var(--text)}.code-block{border:1px solid var(--line);background:#0c1618;border-radius:12px;margin:24px 0;overflow:hidden}.code-block figcaption{letter-spacing:1px;color:var(--muted);background:#1a2a2c;justify-content:space-between;align-items:center;padding:10px 16px;font:10px ui-monospace,monospace;display:flex}.code-block button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:6px;padding:5px 10px;font-size:11px}.code-block pre{color:#c3e0dc;tab-size:2;margin:0;padding:20px;font:12px/1.85 ui-monospace,monospace;overflow:auto}.copy-feedback{color:var(--accent);padding:0 16px;font-size:11px;display:block}.copy-feedback:not(:empty){padding-bottom:10px}.table-scroll{margin:22px 0;overflow-x:auto}.docs-main table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.docs-main th{color:var(--text);font-weight:500}.docs-main td{color:var(--muted)}.docs-main th,.docs-main td{border-bottom:1px solid var(--line);vertical-align:top;padding:13px 12px}.docs-main th:first-child,.docs-main td:first-child{padding-left:0}.docs-main details{border:1px solid var(--line);border-radius:12px;margin:12px 0;padding:15px 20px}.docs-main summary{cursor:pointer;font-size:15px}.docs-main details[open] summary{color:var(--accent)}.docs-main figure.doc-image{border:1px solid var(--line);border-radius:12px;margin:28px 0;overflow:hidden}.doc-image img{width:100%;height:auto;display:block}.doc-image figcaption{color:var(--muted);padding:10px 15px;font-size:11px}.doc-toc{flex-wrap:wrap;gap:8px;margin:24px 0;display:flex}.doc-toc a{border:1px solid var(--line);border-radius:7px;padding:7px 12px;font-size:12px}.module-playground{border:1px solid var(--line);background:var(--surface);border-radius:16px;margin:28px 0;padding:24px}.module-preview{background:#10191d;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:18px;display:flex}.module-preview-bar{color:#17212e;white-space:nowrap;background:#c4b5fd;border-radius:18px;justify-content:space-between;align-items:center;width:90%;max-width:100%;height:48px;padding:0 18px;font-size:12px;display:flex;overflow:hidden}.module-form{grid-template-columns:1fr 1fr;gap:15px;margin:22px 0;display:grid}.module-form label{color:var(--muted);gap:8px;font-size:12px;display:grid}.module-form input{width:100%;min-width:0;accent-color:var(--accent)}.module-form input[type=color]{background:0 0;border:0;height:28px;padding:0}.module-playground textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--text);background:#0e1a1c;border-radius:8px;padding:16px;font:12px/1.6 ui-monospace,monospace}.docs-main .api-method{white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px}@media (width<=900px){.docs-layout{grid-template-columns:190px minmax(0,1fr);gap:32px}}@media (width<=680px){.docs-layout{grid-template-columns:1fr;gap:30px;padding-top:20px}.docs-sidebar{position:static}.docs-sidebar nav{grid-template-columns:1fr 1fr;gap:5px;margin:15px 0;display:grid}.docs-sidebar nav a{padding:9px 10px;font-size:12px}.docs-sidebar p,.docs-sidebar>.text-link{display:none}.docs-main h1{letter-spacing:-2px;font-size:42px}.docs-main .docs-lead{font-size:16px}.docs-main h2{font-size:26px}.module-form{grid-template-columns:1fr 1fr}.code-block pre{padding:15px;font-size:11px}.docs-main table{min-width:520px}}
