@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-ext-400-normal.C2je3j2s.woff2) format("woff2"),url(/_astro/instrument-serif-latin-ext-400-normal.CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-ext-400-italic.C9HzH3YL.woff2) format("woff2"),url(/_astro/instrument-serif-latin-ext-400-italic.D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2) format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-ext-wght-normal.DjL33-gN.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-cyrillic-wght-normal.BEAKL7Jp.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-vietnamese-wght-normal.6IgcOCM7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-ext-wght-normal.DC-KSUi6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-latin-wght-normal.BgDaEnEv.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-ext-wght-normal.X_5orZeX.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-cyrillic-wght-normal.DiZS0aHC.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-symbols2-wght-normal.CO5SzqOn.woff2) format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-vietnamese-wght-normal.DadHysG0.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-ext-wght-normal.Bwz-egvJ.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/geist-mono-latin-wght-normal.XN7g48iV.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:dark;--bg: #0b0d0c;--bg-2: #0e1110;--panel: #101312;--panel-2: #141817;--panel-3: #1a1f1d;--line: rgb(236 231 222 / .085);--line-2: rgb(236 231 222 / .15);--line-3: rgb(236 231 222 / .26);--text: #ece7de;--text-2: #bdb8ae;--muted: #94908a;--dim: #6f6c67;--jade: #3be0a6;--jade-2: #1fb985;--jade-ink: #04140e;--jade-soft: rgb(59 224 166 / .12);--coral: #ff7a5c;--coral-soft: rgb(255 122 92 / .13);--amber: #f2b544;--amber-soft: rgb(242 181 68 / .13);--f-display: "Instrument Serif", ui-serif, Georgia, serif;--f-ui: "Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--f-mono: "Geist Mono Variable", ui-monospace, "SF Mono", Menlo, monospace;--fs-display: clamp(2.7rem, 1.2rem + 4.4vw, 5.6rem);--fs-h2: clamp(2.1rem, 1.25rem + 2.5vw, 3.7rem);--fs-h3: clamp(1.05rem, 1rem + .25vw, 1.2rem);--fs-lede: clamp(1.02rem, .96rem + .3vw, 1.18rem);--fs-mono: .72rem;--r-s: 6px;--r-m: 10px;--r-l: 16px;--bar-h: 48px;--status-h: 28px;--explorer-w: 252px;--inspector-w: 284px;--ease: cubic-bezier(.2, .7, .1, 1);--ease-spring: cubic-bezier(.34, 1.4, .5, 1);--tone: var(--jade);--tone-soft: var(--jade-soft)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + 12px);background:var(--bg);@media(prefers-reduced-motion:reduce){scroll-behavior:auto}}body{margin:0;min-height:100dvh;font-family:var(--f-ui);font-size:1rem;line-height:1.6;color:var(--text);background:var(--bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--jade);color:var(--jade-ink)}:focus-visible{outline:2px solid var(--jade);outline-offset:2px;border-radius:4px}.visually-hidden{position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;background:var(--jade);color:var(--jade-ink);border-radius:var(--r-s);font-weight:600;translate:0 -150%;transition:translate .2s var(--ease);&:focus{translate:0 0}}.mono{font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:.02em}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-mono);font-size:var(--fs-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);&:before{content:"";width:18px;height:1px;background:var(--tone)}}.display{font-family:var(--f-display);font-weight:400;font-size:var(--fs-display);line-height:.98;letter-spacing:-.012em;text-wrap:balance;& em{font-style:italic;color:var(--tone)}}.h2{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h2);line-height:1.02;letter-spacing:-.01em;text-wrap:balance;& em{font-style:italic;color:var(--tone)}}.lede{font-size:var(--fs-lede);line-height:1.6;color:var(--text-2);max-width:62ch;text-wrap:pretty}kbd,.kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;font-family:var(--f-mono);font-size:.66rem;line-height:1;color:var(--muted);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:4px;background:var(--panel-2)}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;font-family:var(--f-mono);font-size:.68rem;letter-spacing:.02em;color:var(--pill-c, var(--jade));background:color-mix(in srgb,var(--pill-c, var(--jade)) 11%,transparent);border:1px solid color-mix(in srgb,var(--pill-c, var(--jade)) 28%,transparent);border-radius:99px;white-space:nowrap;&:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}&.is-amber{--pill-c: var(--amber)}&.is-coral{--pill-c: var(--coral)}&.is-plain:before{display:none}}.btn{--btn-bg: var(--panel-2);--btn-c: var(--text);--btn-b: var(--line-2);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:0 18px;font-size:.92rem;font-weight:500;color:var(--btn-c);background:var(--btn-bg);border:1px solid var(--btn-b);border-radius:999px;text-decoration:none;white-space:nowrap;transition:background .2s var(--ease),border-color .2s var(--ease),translate .2s var(--ease),box-shadow .25s var(--ease);& svg{width:16px;height:16px;transition:translate .25s var(--ease)}&:hover{--btn-b: var(--line-3);background:var(--panel-3);& svg{translate:3px 0}}&:active{translate:0 1px}&.is-primary{--btn-bg: var(--jade);--btn-c: var(--jade-ink);--btn-b: var(--jade);font-weight:600;&:hover{background:#5cf0bb;box-shadow:0 0 0 4px #3be0a629,0 10px 30px -10px #3be0a699}}&.is-sm{min-height:32px;padding:0 12px;font-size:.82rem;gap:8px}}.app{display:grid;grid-template-columns:var(--explorer-w) minmax(0,1fr);grid-template-rows:var(--bar-h) 1fr;grid-template-areas:"bar bar" "explorer canvas";min-height:100dvh;padding-bottom:var(--status-h);@media(min-width:1360px){grid-template-columns:var(--explorer-w) minmax(0,1fr) var(--inspector-w);grid-template-areas:"bar bar bar" "explorer canvas inspector"}@media(max-width:959px){grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;grid-template-areas:"bar" "canvas";padding-bottom:calc(86px + env(safe-area-inset-bottom))}}.canvas{grid-area:canvas;position:relative;min-width:0;isolation:isolate;&:focus{outline:none}}body[data-tone=sal] :is(.explorer,.tabbar,.inspector,.drawer){--tone: var(--coral);--tone-soft: var(--coral-soft)}.docs{position:relative;z-index:1}.doc{--pad-x: clamp(20px, 4vw, 64px);position:relative;container:doc / inline-size;padding:clamp(40px,6vw,88px) var(--pad-x) clamp(56px,8vw,120px);border-bottom:1px solid var(--line);scroll-margin-top:var(--bar-h);&[data-tone=sal]{--tone: var(--coral);--tone-soft: var(--coral-soft)}}.doc-intro{display:grid;gap:18px;max-width:860px;margin-block:34px clamp(32px,4vw,52px)}.frame{position:relative;border:1px solid var(--line);border-radius:var(--r-l);background:linear-gradient(180deg,#141817bf,#0e1110bf);backdrop-filter:blur(6px)}.ticks{position:absolute;inset:-5px;pointer-events:none;background:linear-gradient(var(--line-3),var(--line-3)) top left / 9px 1px,linear-gradient(var(--line-3),var(--line-3)) top left / 1px 9px,linear-gradient(var(--line-3),var(--line-3)) top right / 9px 1px,linear-gradient(var(--line-3),var(--line-3)) top right / 1px 9px,linear-gradient(var(--line-3),var(--line-3)) bottom left / 9px 1px,linear-gradient(var(--line-3),var(--line-3)) bottom left / 1px 9px,linear-gradient(var(--line-3),var(--line-3)) bottom right / 9px 1px,linear-gradient(var(--line-3),var(--line-3)) bottom right / 1px 9px;background-repeat:no-repeat}.seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--bg-2)}.seg [role=tab]{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);font-size:.9rem;transition:color .2s,background .2s,border-color .2s;&:hover{color:var(--text)}&[aria-selected=true]{color:var(--text);background:var(--panel-3);border-color:var(--line-2);box-shadow:inset 0 1px #ffffff0a,0 6px 18px -10px #000c}}@media(prefers-reduced-motion:no-preference){@supports ((animation-timeline: view()) and (animation-range: entry)){@keyframes rise-in{0%{opacity:0;translate:0 28px}}.reveal{animation:rise-in auto var(--ease) backwards;animation-timeline:view();animation-range:entry 0% entry 60%}}}html[data-motion=off] *:not(.reveal),html[data-motion=off] *:before,html[data-motion=off] *:after{animation-play-state:paused!important}@view-transition{navigation:auto}