.btn[data-astro-cid-xilk536t]{isolation:isolate;appearance:none;border-radius:var(--r-control);letter-spacing:-.009em;height:28px;color:var(--canvas);white-space:nowrap;cursor:pointer;transition:translate .25s var(--ease), scale .5s var(--spring);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:0 11px;font:600 12px Inter,system-ui,sans-serif;text-decoration:none;display:inline-flex;position:relative}.btn[data-astro-cid-xilk536t]:before{content:"";z-index:-1;border-radius:inherit;background:var(--ink);transition:box-shadow .25s var(--ease), background-color .2s var(--ease);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #12121229}@supports (corner-shape:squircle){.btn[data-astro-cid-xilk536t],.btn[data-astro-cid-xilk536t]:before{corner-shape:squircle}}@media (hover:hover) and (pointer:fine){.btn-squish[data-astro-cid-xilk536t]:hover:before{animation:squish .55s var(--ease)}}@keyframes squish{0%,to{scale:1}30%{scale:1.045 .9}55%{scale:.99 1.04}75%{scale:1.005 .985}}.btn[data-astro-cid-xilk536t]:active{transition:translate 90ms ease-out,scale 90ms ease-out;translate:0 1px;scale:.96}.btn[data-astro-cid-xilk536t]:active:before{transition:box-shadow 90ms ease-out;box-shadow:inset 0 1px #ffffff1f,0 0 #12121229}.btn-quiet[data-astro-cid-xilk536t]{color:var(--charcoal);transition:color .2s var(--ease), translate .25s var(--ease), scale .5s var(--spring);font-weight:500}.btn-quiet[data-astro-cid-xilk536t]:before{box-shadow:inset 0 0 0 1px var(--edge);background:0 0}@media (hover:hover) and (pointer:fine){.btn-quiet[data-astro-cid-xilk536t]:hover{color:var(--ink)}.btn-quiet[data-astro-cid-xilk536t]:hover:before{background:var(--white);box-shadow:inset 0 0 0 1px var(--edge), 0 1px 2px #1212120d}}.btn-quiet[data-astro-cid-xilk536t]:active:before{box-shadow:inset 0 0 0 1px var(--edge)}.faces[data-astro-cid-xilk536t]{place-items:center;display:grid}.face[data-astro-cid-xilk536t]{transition:opacity .18s var(--ease), filter .18s var(--ease), transform .18s var(--ease);grid-area:1/1;align-items:center;gap:6px;transition-delay:.14s;display:inline-flex}.face[data-astro-cid-xilk536t].busy,.face[data-astro-cid-xilk536t].done,.btn[data-astro-cid-xilk536t].busy .face[data-astro-cid-xilk536t].base,.btn[data-astro-cid-xilk536t].done .face[data-astro-cid-xilk536t].base{opacity:0;filter:blur(4px);transition-delay:0s;transform:scale(.25)}.btn[data-astro-cid-xilk536t].busy .face[data-astro-cid-xilk536t].busy,.btn[data-astro-cid-xilk536t].done .face[data-astro-cid-xilk536t].done{opacity:1;filter:blur();transition-delay:.14s;transform:none}.btn[data-astro-cid-xilk536t][data-outcome=success]{--mark:var(--grass)}.btn[data-astro-cid-xilk536t][data-outcome=warning]{--mark:#e0a100}.btn[data-astro-cid-xilk536t][data-outcome=error]{--mark:#ff6b5f}.mark[data-astro-cid-xilk536t]{color:var(--mark)}.btn-quiet[data-astro-cid-xilk536t] .face[data-astro-cid-xilk536t].done{color:var(--ink)}.spinner[data-astro-cid-xilk536t]{opacity:.8;width:11px;height:11px;animation:spin .7s var(--ease) infinite;border:1.5px solid;border-right-color:#0000;border-radius:50%}@keyframes spin{to{transform:rotate(1turn)}}.draw[data-astro-cid-xilk536t]{stroke-dasharray:15;stroke-dashoffset:15px;transition:stroke-dashoffset .22s var(--ease)}.btn[data-astro-cid-xilk536t].done .draw[data-astro-cid-xilk536t]{stroke-dashoffset:0;transition-delay:.2s}@media (prefers-reduced-motion:reduce){.btn[data-astro-cid-xilk536t],.btn[data-astro-cid-xilk536t]:hover,.btn[data-astro-cid-xilk536t]:active{transition:none;translate:0;scale:1}.btn-squish[data-astro-cid-xilk536t]:hover:before{animation:none}.face[data-astro-cid-xilk536t]{transition:opacity .2s var(--ease);filter:none;transform:none}.spinner[data-astro-cid-xilk536t]{animation:none}.draw[data-astro-cid-xilk536t]{transition:none}}.segmented[data-astro-cid-dw3eapao]{--pad:2px;--r:var(--r-control);isolation:isolate;padding:var(--pad);border-radius:var(--r);background:var(--sand);box-shadow:inset 0 0 0 1px var(--edge);grid-auto-columns:1fr;grid-auto-flow:column;display:inline-grid;position:relative}.segmented[data-astro-cid-dw3eapao].fill{width:100%;display:grid}.thumb[data-astro-cid-dw3eapao]{z-index:-1;top:var(--pad);bottom:var(--pad);left:var(--pad);width:calc((100% - 2 * var(--pad)) / var(--count));border-radius:calc(var(--r) - var(--pad));background:var(--white);box-shadow:0 0 0 1px var(--edge), 0 1px 2px #1212120f, 0 3px 8px -4px #1212121f;transform:translateX(calc(var(--index) * 100%));transition:transform .22s var(--ease);position:absolute}@supports (corner-shape:squircle){.segmented[data-astro-cid-dw3eapao],.thumb[data-astro-cid-dw3eapao]{corner-shape:squircle}}.segment[data-astro-cid-dw3eapao]{appearance:none;border-radius:calc(var(--r) - var(--pad));letter-spacing:-.01em;min-width:26px;height:24px;color:var(--muted);cursor:pointer;transition:color .16s var(--ease), transform .12s var(--ease);background:0 0;border:0;padding:0 10px;font:500 12px Inter,system-ui,sans-serif}@media (hover:hover) and (pointer:fine){.segment[data-astro-cid-dw3eapao]:hover{color:var(--charcoal)}}.segment[data-astro-cid-dw3eapao][aria-checked=true]{color:var(--ink)}.segmented[data-astro-cid-dw3eapao].compact{--r:7px}.segmented[data-astro-cid-dw3eapao].compact .segment[data-astro-cid-dw3eapao]{min-width:0;height:20px;padding:0 8px;font-size:11.5px}.segment[data-astro-cid-dw3eapao]:active{transform:scale(.96)}.segment[data-astro-cid-dw3eapao]:focus-visible{outline-offset:-1px}@media (prefers-reduced-motion:reduce){.thumb[data-astro-cid-dw3eapao]{transition:none}.segment[data-astro-cid-dw3eapao]:active{transform:none}}.icon{flex:none;display:block}.icon [data-color=color-2]{color:var(--icon-accent,currentColor)}.feature[data-astro-cid-xqfxiz45]{appearance:none;text-align:left;background:var(--white);width:100%;height:100%;box-shadow:0 0 0 1px var(--stone), var(--lift);border-radius:var(--r-card);font:inherit;letter-spacing:inherit;color:var(--brown);cursor:pointer;transition:transform .14s var(--ease), box-shadow .14s var(--ease);border:0;flex-direction:column;padding:0 0 18px;display:flex;overflow:hidden}@media (hover:hover) and (pointer:fine){.feature[data-astro-cid-xqfxiz45]:hover{box-shadow:0 0 0 1px #e3dfd8, var(--lift)}.feature[data-astro-cid-xqfxiz45]:hover .art-scene[data-astro-cid-xqfxiz45]{transform:scale(1.05)}.feature[data-astro-cid-xqfxiz45]:hover .f-title[data-astro-cid-xqfxiz45]{color:var(--ink)}}.feature[data-astro-cid-xqfxiz45]:active{box-shadow:0 0 0 1px var(--stone), var(--lift);transform:translateY(0)scale(.985)}.art[data-astro-cid-xqfxiz45]{background:var(--sand);height:168px;box-shadow:inset 0 -1px 0 var(--stone);place-items:center;margin-bottom:16px;display:grid;position:relative;overflow:hidden}.art-scene[data-astro-cid-xqfxiz45]{transition:transform .34s var(--ease);position:absolute;inset:0}.feature[data-astro-cid-xqfxiz45].hit .art-scene[data-astro-cid-xqfxiz45]{animation:art-nod .4s var(--ease)}@keyframes art-nod{30%{transform:scale(1.06)}to{transform:scale(1)}}.f-title[data-astro-cid-xqfxiz45]{transition:color .2s var(--ease);letter-spacing:-.018em;color:var(--ink);margin-bottom:5px;padding:0 16px;font-size:14.5px;font-weight:500;display:block}.f-desc[data-astro-cid-xqfxiz45]{color:var(--muted);text-wrap:pretty;padding:0 16px;font-size:12.5px;line-height:1.5;display:block}@media (prefers-reduced-motion:reduce){.feature[data-astro-cid-xqfxiz45]:active,.feature[data-astro-cid-xqfxiz45]:hover .art-scene[data-astro-cid-xqfxiz45]{transform:none}.feature[data-astro-cid-xqfxiz45].hit .art-scene[data-astro-cid-xqfxiz45]{animation:none}}.sect-head[data-astro-cid-vethvpy5]{max-width:640px;margin-bottom:clamp(28px,4vw,40px)}h2[data-astro-cid-vethvpy5]{letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:500;line-height:1.12}.sect-lede[data-astro-cid-vethvpy5]{max-width:56ch;color:var(--muted);text-wrap:pretty;margin:12px 0 0;font-size:15px;line-height:1.6}.praise[data-astro-cid-zcamo34s]{width:100%;max-width:860px;margin:24px auto 0;padding-block:5px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 13% 87%,#0000 100%)}.praise-track[data-astro-cid-zcamo34s]{width:max-content;animation:praise-roll var(--speed,64s) linear infinite;display:flex}.praise[data-astro-cid-zcamo34s]:hover .praise-track[data-astro-cid-zcamo34s]{animation-play-state:paused}@keyframes praise-roll{to{transform:translate(-50%)}}.praise-run[data-astro-cid-zcamo34s]{gap:5px;padding-right:5px;display:flex}.quote[data-astro-cid-zcamo34s]{background:var(--white);border-radius:var(--r-panel);white-space:nowrap;align-items:center;gap:8px;margin:0;padding:4px 10px;display:flex;box-shadow:inset 0 0 0 1px #12121212,0 1px 2px #1212120a}@supports (corner-shape:squircle){.quote[data-astro-cid-zcamo34s]{corner-shape:squircle}}.quote[data-astro-cid-zcamo34s] blockquote[data-astro-cid-zcamo34s]{letter-spacing:-.01em;max-width:200px;color:var(--ink);text-overflow:ellipsis;margin:0;font-size:11px;overflow:hidden}figcaption[data-astro-cid-zcamo34s]{letter-spacing:-.01em;flex:none;align-items:baseline;gap:5px;font-size:11px;display:flex}.is-feature[data-astro-cid-zcamo34s]{gap:6px}.is-feature[data-astro-cid-zcamo34s] svg[data-astro-cid-zcamo34s]{color:var(--honey);flex:none}.feat[data-astro-cid-zcamo34s]{letter-spacing:-.01em;color:var(--faint);font-size:11px}.is-feature[data-astro-cid-zcamo34s] .where[data-astro-cid-zcamo34s]{letter-spacing:-.01em;font-size:11px}.who[data-astro-cid-zcamo34s]{color:var(--faint)}.where[data-astro-cid-zcamo34s]{color:var(--charcoal);align-items:center;gap:4px;font-weight:500;display:inline-flex}.where[data-astro-cid-zcamo34s] svg[data-astro-cid-zcamo34s]{flex:none}@media (width<=620px){.quote[data-astro-cid-zcamo34s] blockquote[data-astro-cid-zcamo34s]{max-width:150px}}@media (prefers-reduced-motion:reduce){.praise[data-astro-cid-zcamo34s]{overflow-x:auto}.praise-track[data-astro-cid-zcamo34s]{animation:none}}.typepad[data-astro-cid-vyfqqv4b]{border-radius:var(--r-panel);background:var(--sand);width:100%;height:46px;box-shadow:inset 0 0 0 1px var(--edge);letter-spacing:-.015em;font-kerning:none;font-feature-settings:"kern" 0, "liga" 0, "calt" 0;font-variant-ligatures:none;cursor:text;font:500 18px/1 Inter,system-ui,sans-serif;transition:background .16s,box-shadow .16s;display:block;position:relative}@supports (corner-shape:squircle){.typepad[data-astro-cid-vyfqqv4b]{corner-shape:squircle}}.typepad[data-astro-cid-vyfqqv4b]:focus-within{background:var(--white);box-shadow:inset 0 0 0 1px #12121238}.tp-input[data-astro-cid-vyfqqv4b],.tp-mirror[data-astro-cid-vyfqqv4b]{font:inherit;letter-spacing:inherit;padding:0 14px;position:absolute;inset:0}.tp-input[data-astro-cid-vyfqqv4b]{appearance:none;color:#0000;width:100%;height:100%;caret-color:var(--ink);background:0 0;border:0;outline:none;margin:0}.tp-input[data-astro-cid-vyfqqv4b]::placeholder{color:var(--faint)}.tp-input[data-astro-cid-vyfqqv4b]::selection{color:#0000;background:#0086fc29}.tp-mirror[data-astro-cid-vyfqqv4b]{color:var(--ink);white-space:pre;pointer-events:none;align-items:center;display:flex;overflow:hidden}.tp-track[data-astro-cid-vyfqqv4b]{white-space:pre;display:inline-block}.typepad[data-astro-cid-vyfqqv4b] .tp-ch{white-space:pre;transform-origin:50% 85%;display:inline-block}.typepad[data-astro-cid-vyfqqv4b] .tp-ch.in{animation:tp-in .64s var(--ease) both}@keyframes tp-in{0%{opacity:0;transform:translateY(.35em)scale(.5,1.35)}35%{opacity:1;transform:translateY(-.12em)scale(1.18,.84)}60%{transform:translateY(0)scale(.95,1.06)}80%{transform:scale(1.02,.98)}to{transform:none}}.typepad[data-astro-cid-vyfqqv4b] .tp-ghost{white-space:pre;transform-origin:50% 85%;color:var(--ink);pointer-events:none;animation:tp-out .22s var(--ease) forwards;position:absolute}@keyframes tp-out{to{opacity:0;transform:translateY(-.2em)scale(.6)}}.typepad[data-astro-cid-vyfqqv4b] .tp-dot{background:var(--c);pointer-events:none;width:3px;height:3px;animation:tp-dot .64s var(--ease) forwards;border-radius:50%;margin:-1.5px 0 0 -1.5px;position:absolute}@keyframes tp-dot{to{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.2)}}@media (prefers-reduced-motion:reduce){.typepad[data-astro-cid-vyfqqv4b] .tp-ch.in{animation:none}}.kb[data-astro-cid-gxygzaf7]{-webkit-user-select:none;user-select:none;width:100%;position:relative}.kb-base[data-astro-cid-gxygzaf7]{pointer-events:none;width:100%;height:100%;display:block}.kb-key[data-astro-cid-gxygzaf7]{appearance:none;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0;padding:0;position:absolute}.kb-down[data-astro-cid-gxygzaf7],.kb-lit[data-astro-cid-gxygzaf7],.kb-lit-down[data-astro-cid-gxygzaf7]{background-image:var(--sheet);opacity:0;pointer-events:none;background-repeat:no-repeat;position:absolute;inset:0}.kb-down[data-astro-cid-gxygzaf7]{transition:opacity 90ms ease-out}.kb-key[data-astro-cid-gxygzaf7].is-down .kb-down[data-astro-cid-gxygzaf7]{opacity:1;transition:none}.kb[data-astro-cid-gxygzaf7].caps-on .kb-lit[data-astro-cid-gxygzaf7],.kb[data-astro-cid-gxygzaf7].caps-on .kb-key[data-astro-cid-gxygzaf7].is-down .kb-lit-down[data-astro-cid-gxygzaf7]{opacity:1}.kb-key[data-astro-cid-gxygzaf7]:focus-visible{outline:1.5px solid var(--blue);outline-offset:-3px;border-radius:10px}.kb-missing[data-astro-cid-gxygzaf7]{color:var(--muted);text-align:center;margin:0;padding:24px;font-size:13px}@media (prefers-reduced-motion:reduce){.kb-down[data-astro-cid-gxygzaf7]{transition:none}}.loop[data-astro-cid-uw5xo7sn]{object-fit:cover;width:100%;height:100%;display:block}@supports (corner-shape:squircle){.studio,.scope,.tile,.stage,.feature,.art,.command,.copy,.code-card,.tab{corner-shape:squircle}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}section,header,footer,.tagline{animation:rise .64s var(--ease) backwards;animation-delay:calc(var(--i,0) * 70ms + 80ms)}.hero{text-align:center;padding-top:clamp(48px,9vw,104px)}.hero-pill{background:var(--white);box-shadow:var(--hairline);letter-spacing:-.01em;color:var(--muted);transition:color .2s var(--ease);border-radius:6px;align-items:center;gap:7px;margin-bottom:22px;padding:4px 9px 4px 8px;font-size:12px;text-decoration:none;display:inline-flex}@supports (corner-shape:squircle){.hero-pill{corner-shape:squircle}}.hero-pill svg{color:var(--ink)}.hero-pill strong{color:var(--charcoal);font-weight:500}.hero-pill .arrow{color:var(--faint);transition:transform .2s var(--ease)}@media (hover:hover){.hero-pill:hover{color:var(--charcoal)}.hero-pill:hover .arrow{transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.hero-pill,.hero-pill .arrow{transition:none}}.hero h2{letter-spacing:-.038em;max-width:15ch;color:var(--ink);text-wrap:balance;margin:0 auto;font-size:clamp(38px,6.4vw,66px);font-weight:500;line-height:1.03}@media (width<=640px){.hero h2{letter-spacing:-.03em;font-size:34px;line-height:1.12}}.hero h2 em{font-family:var(--serif);letter-spacing:-.01em;color:var(--ember);font-size:1.1em;font-style:italic;font-weight:400}.tagline{max-width:54ch;color:var(--muted);text-wrap:pretty;margin:20px auto 0;font-size:16.5px;line-height:1.6}.tagline strong{color:var(--charcoal);font-weight:500}@media (width<=640px){.tagline{font-size:15px}}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.studio{background:var(--white);border-radius:var(--r-window);box-shadow:0 0 0 1px var(--stone), var(--lift-lg);text-align:left;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"stage insp""cues cues";margin:clamp(30px,4vw,46px) auto 0;display:grid;overflow:hidden}.pane{flex-direction:column;min-width:0;display:flex}.pane-stage{grid-area:stage}.pane-insp{box-shadow:inset 1px 0 0 var(--edge);grid-area:insp}.pane-cues{background:var(--white);box-shadow:inset 0 1px 0 var(--edge);grid-area:cues}.pane-head{height:38px;box-shadow:inset 0 -1px 0 var(--edge);justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}.pane-title{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.pane-note{font-family:var(--mono);letter-spacing:0;color:var(--faint);white-space:nowrap;font-size:10px}.pane-body{flex-direction:column;flex:1;min-height:0;padding:10px;display:flex}@media (width<=900px){.studio{grid-template-columns:1fr;grid-template-areas:"stage""cues""insp"}.pane-insp{box-shadow:inset 0 1px 0 var(--edge)}.pane-stage .pane-note{display:none}}.scope{border-radius:var(--r-panel);background:var(--canvas);min-height:200px;box-shadow:inset 0 0 0 1px var(--edge);flex:1;position:relative;overflow:hidden}@media (width<=900px){.scope{min-height:150px}}.scope svg{width:100%;height:100%;position:absolute;inset:0}.scope .trace{fill:none;stroke:var(--wave,var(--ink));stroke-width:1.5px;vector-effect:non-scaling-stroke;transition:stroke .22s var(--ease)}.scope-caption{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:16px;left:18px}.cap-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);transition:color .22s var(--ease);font-size:30px;font-style:italic;line-height:1}.cap-desc{letter-spacing:-.008em;color:var(--muted);font-size:12.5px}.scope.preview .cap-name{color:var(--faint)}.props{flex-direction:column;display:flex}.prop{min-height:44px;box-shadow:inset 0 -1px 0 var(--edge);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 14px;display:flex}.prop:last-child{box-shadow:none}.prop-label{letter-spacing:-.008em;color:var(--muted);flex:none;font-size:12px}.prop-val{text-align:right;min-width:3ch;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:0;color:var(--ink);flex:none;font-size:11px}.prop-end{align-items:center;gap:8px;display:flex}@media (hover:none){.row-hover{display:none}}.weights{align-items:center;display:flex}.weight{cursor:pointer;border-radius:6px;place-items:center;width:16px;height:20px;display:grid}.weight i{width:var(--d);height:var(--d);transition:background .16s var(--ease), transform .22s var(--spring);background:#1212121f;border-radius:50%}.weight:has(input:checked) i,.weight:has(~.weight input:checked) i{background:var(--wave)}.weight:has(input:focus-visible){outline:1.5px solid var(--blue)}@media (hover:hover) and (pointer:fine){.weight:hover i{transform:scale(1.2)}}.weight:active i{transform:scale(.75)}.keycaps{gap:4px;display:flex}.keycap{cursor:pointer}.keycap span{background:var(--white);letter-spacing:-.01em;text-transform:capitalize;height:22px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--edge), inset 0 -2px 0 #1212120f, 0 1px 1.5px #1212120f;transition:transform .12s var(--ease), box-shadow .12s var(--ease), background .16s var(--ease), color .16s var(--ease);border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:11.5px;font-weight:500;display:flex}.keycap i{width:4px;height:4px;transition:background .16s var(--ease);background:#12121224;border-radius:50%}.keycap:has(input:checked) span{background:var(--sand);color:var(--ink);box-shadow:inset 0 0 0 1px var(--edge), inset 0 1px 2px #12121212;transform:translateY(1px)}.keycap:has(input:checked) i{background:var(--wave)}.keycap:has(input:focus-visible) span{outline:1.5px solid var(--blue);outline-offset:2px}@media (hover:hover) and (pointer:fine){.keycap:hover span{color:var(--charcoal)}}.keycap:active span{transform:translateY(1px)}.volume{cursor:ew-resize;background:radial-gradient(circle at 12px,#12121224 1px,#0000 1.5px) 0 0/24px 100% repeat-x;position:relative}.volume:before,.volume:after{content:"";pointer-events:none;transition:background .22s var(--ease);position:absolute}.volume:before{width:calc(var(--f,.7) * 100%);background:color-mix(in srgb, var(--wave) 9%, var(--white));top:0;bottom:1px;left:0}.volume:after{left:clamp(2px, calc(var(--f,.7) * 100%), calc(100% - 2px));background:var(--wave);border-radius:1px;width:2px;margin-left:-1px;top:12px;bottom:12px}.volume input{-webkit-appearance:none;appearance:none;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.volume input::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:44px}.volume input::-moz-range-thumb{border:0;width:1px;height:44px}.volume .prop-label,.volume .prop-val{pointer-events:none;position:relative}.volume:has(input:focus-visible){outline:1.5px solid var(--blue);outline-offset:-3px;border-radius:6px}section{position:relative}.band{padding-top:clamp(76px,10vw,116px)}.step-note b{color:var(--charcoal);font-weight:500}.bento{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);grid-auto-rows:minmax(172px,auto);gap:10px;display:grid}.tile{background:var(--white);border-radius:var(--r-card);box-shadow:0 0 0 1px var(--stone), var(--lift);flex-direction:column;gap:14px;padding:16px;display:flex}.tile-wide{grid-row:span 2}.tile-head{flex-direction:column;align-items:flex-start;gap:9px;display:flex}.tile-top{color:var(--muted);align-items:center;gap:8px;display:flex}.tile-head p{max-width:46ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:13px;line-height:1.5}.stage{border-radius:var(--r-panel);background:var(--canvas);box-shadow:inset 0 0 0 1px var(--edge);flex:1;place-items:center;padding:20px;display:grid}.type-stage{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.type-field{width:min(100%,400px)}@media (width<=760px){.bento{grid-template-columns:1fr}.tile-wide{grid-row:auto}.type-stage{min-height:150px}}.ledger{box-shadow:inset 0 1px 0 var(--edge)}.ledger-row{box-shadow:inset 0 -1px 0 var(--edge);grid-template-columns:190px minmax(0,1fr) 300px;align-items:center;gap:32px;padding:30px 0;display:grid}.ledger-label{color:var(--muted);flex-direction:column;align-items:flex-start;gap:10px;display:flex}.ledger-name{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);font-size:27px;font-style:italic;line-height:1}.ledger-desc{max-width:44ch;color:var(--muted);text-wrap:pretty;margin:0;font-size:14px;line-height:1.6}.ledger-control{flex-direction:column;align-items:center;gap:12px;display:flex}@media (width<=860px){.ledger-row{grid-template-columns:1fr;gap:14px;padding:26px 0}.ledger-control{align-items:flex-start}}.glass-stage{place-items:center;display:grid;position:relative}.ripple{pointer-events:none;width:72px;height:72px;animation:ripple .64s var(--ease) forwards;border-radius:50%;margin:-36px 0 0 -36px;position:absolute;box-shadow:0 0 0 1px #12121238}@keyframes ripple{0%{opacity:1;transform:scale(.12)}to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ripple{display:none}}.button-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.sheet{background:var(--white);box-shadow:inset 0 1px 0 var(--edge), inset 0 -1px 0 var(--edge);margin-top:clamp(76px,10vw,116px);padding-block:clamp(56px,7vw,84px)}.switch{appearance:none;background:var(--stone);cursor:pointer;width:28px;height:16px;transition:background .2s ease, transform .1s var(--ease);border:0;border-radius:9999px;padding:2px;box-shadow:inset 0 0 0 1px #0000000a}.switch:active{transform:scale(.96)}.switch[aria-checked=true]{background:var(--charcoal)}.switch .knob{background:var(--white);width:12px;height:12px;transition:transform .22s var(--spring), width .12s var(--ease);border-radius:50%;display:block;box-shadow:0 1px 2px #00000024}.switch[aria-checked=true] .knob{transform:translate(12px)}.switch:active .knob{width:15px}.switch[aria-checked=true]:active .knob{transform:translate(9px)}.features{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (width<=900px){.features{grid-template-columns:repeat(2,1fr)}}@media (width<=460px){.features{grid-template-columns:1fr;gap:14px}}.art-badge{z-index:1;font:600 11px/1 var(--mono);letter-spacing:0;color:var(--ink);position:absolute;top:10px;right:12px}.ship{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:stretch;gap:32px;display:grid}@media (width<=860px){.ship{grid-template-columns:1fr;gap:20px}}.step{color:var(--charcoal);margin:0 0 8px;font-size:13px;font-weight:500}.step-note{color:var(--muted);text-wrap:pretty;margin:10px 0 24px;font-size:13px;line-height:1.55}.step-note:last-child{margin-bottom:0}.code-card{background:var(--white);box-shadow:var(--hairline), var(--lift);border-radius:var(--r-card);flex-direction:column;display:flex;overflow:hidden}.code-head{box-shadow:inset 0 -1px 0 var(--stone);justify-content:space-between;align-items:center;padding:7px 8px 7px 7px;display:flex}.tabs{gap:2px;display:flex}.tab{appearance:none;border-radius:var(--r-control);font-family:var(--mono);color:var(--muted);cursor:pointer;transition:background .16s ease, color .16s ease, transform .1s var(--ease);background:0 0;border:0;padding:5px 12px;font-size:11px}.tab:active{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.tab:hover{color:var(--charcoal)}}.tab.active{background:var(--sand);color:var(--ink)}.panes{flex:1;min-height:0;display:grid}.code{font-family:var(--mono);color:var(--charcoal);opacity:0;filter:blur(3px);pointer-events:none;transition:opacity .2s var(--ease), filter .2s var(--ease);grid-area:1/1;gap:18px;margin:0;padding:18px 20px;font-size:12px;line-height:1.75;display:flex;overflow-x:auto}.code.active{opacity:1;filter:blur();pointer-events:auto}.code .ln{text-align:right;color:#cfccc7;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;flex:none}.code .src{flex:auto;min-width:0}.code .k{color:var(--muted)}.code .s{color:var(--ember)}.code .c{color:#b5b2ae}@media (prefers-reduced-motion:reduce){section,header,footer,.tagline{animation:none}.switch:active,.copy:active,.weight:hover i,.weight:active i{transform:none}.switch:active .knob{width:12px}.switch[aria-checked=true]:active .knob{transform:translate(12px)}.btn .face,.copy svg{filter:none;transition:opacity .2s;transform:none}.code{filter:none;transition:opacity .2s}.btn:hover,.ghost:hover{transform:none}.scope.settled .trace{opacity:0;transition:opacity .4s .3s;transform:none}}