.sb{--bg:#f5f5f4;--ink:#161616;--ink-2:#6b6b68;--edge:#2e2e2e;--grid:#e7e7e5;--top:#f1f1ee;--left:#fff;--right:#ececea;--ptop:#f1f1ee;--well:#dcdcd8;--tape:#6b6b68;--dark:#ccccc8;--screen:#1f1f1f;--accent:#2b5bd7;--accent-soft:#dce4fa;--led-off:#d4d4d1;--sans:var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, monospace;background:var(--bg);height:100dvh;color:var(--ink);font-family:var(--sans);font-size:15px;line-height:24px;position:relative;overflow:hidden}.sb-scene{width:100%;height:100%;display:block;position:absolute;inset:0}.sb-veil{pointer-events:none;background:linear-gradient(90deg, var(--bg) 0%, var(--bg) 56%, #f5f5f400 100%);width:32%;height:100%;position:absolute;top:0;left:0}.sb-cover{left:var(--cx,50%);top:var(--cy,50%);background:var(--bg);pointer-events:none;z-index:5;width:400vmax;height:100vmax;position:absolute;transform:translate(-50%,-50%)rotate(30deg)scaleY(0)}.sb-ui{pointer-events:none;position:absolute;inset:0}.sb-ui>*{pointer-events:auto}.sb-name{font:400 12px/16px var(--mono);letter-spacing:.06em;color:var(--ink);text-decoration:none;position:absolute;top:40px;left:48px}.sb-nav{font:11px/16px var(--mono);letter-spacing:.04em;gap:28px;display:flex;position:absolute;top:40px;right:48px}.sb-nav a{color:var(--ink-2);text-decoration:none}.sb-nav a:hover{color:var(--ink)}.sb-copy{width:440px;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.sb-copy>*{animation:.38s cubic-bezier(.16,.9,.25,1) both sb-read}.sb-copy>:nth-child(2){animation-delay:70ms}.sb-copy>:nth-child(3){animation-delay:.14s}@keyframes sb-read{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.is-still .sb-copy>*{animation:none}@media (prefers-reduced-motion:reduce){.sb-copy>*{animation:none}}.sb-h1{font:400 clamp(28px, 2.7vw, 40px)/1.2 var(--sans);letter-spacing:-.015em;text-wrap:balance;margin:0}.sb-meta{font:11px/16px var(--mono);letter-spacing:.04em;color:var(--ink-2);text-transform:uppercase;margin-top:24px}.sb-open{border:1px solid var(--accent);width:max-content;font:12px/16px var(--mono);letter-spacing:.04em;color:var(--accent);background:0 0;align-items:center;gap:10px;margin-top:40px;padding:11px 16px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.sb-open:hover{background:var(--accent);color:#fff}.sb-open:active{background:#234bb0;border-color:#234bb0}.sb-open:focus-visible{outline:1px dashed var(--ink);outline-offset:3px}.is-still .sb-open{transition:none}.sb-key{fill:currentColor;flex:none;transition:transform .15s ease-out}.sb-open:hover .sb-key{transform:translate(2px)}.sb-open:active .sb-key{transform:translate(1px)}.is-still .sb-key{transition:none}.sb-motion{border:1px solid var(--ink);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:flex;position:absolute;bottom:32px;right:32px}.sb-motion svg{width:20px;height:20px}.sb-motion .sb-slash{display:none}.sb-motion[aria-pressed=true]{background:var(--ink);color:#fff}.sb-motion[aria-pressed=true] .sb-slash{display:block}.sb-motion:focus-visible{outline:1px dashed var(--ink);outline-offset:4px}.is-still .sb-motion,.is-still .sb-scene .dark,.is-still .sb-scene .tag{transition:none}.sb-scene .top,.sb-scene .fl,.sb-scene .fr,.sb-scene .ptop{stroke:var(--edge);stroke-width:1px;stroke-linejoin:round}.sb-scene .top{fill:var(--top)}.sb-scene .fl{fill:var(--left)}.sb-scene .fr{fill:var(--right)}.sb-scene .ptop{fill:var(--ptop)}.sb-scene .well{fill:var(--well);stroke:var(--edge);stroke-width:1px}.sb-scene .tape{fill:var(--tape);stroke:var(--edge);stroke-width:1px}.sb-scene .dark{fill:var(--dark);stroke:var(--edge);stroke-width:1px;transition:fill .15s}.sb-scene .screen{fill:var(--screen);stroke:var(--edge);stroke-width:1px}.sb-scene .grid{fill:none;stroke:var(--grid);stroke-width:1px}.sb-scene .shadow{fill:#1414141a;stroke:none}.sb-scene .ring{fill:none;stroke:var(--accent);stroke-width:1px}.sb-scene .plumb{fill:none;stroke:#c9c9c6;stroke-width:1px;stroke-dasharray:2 4}.sb-scene .glyph{fill:var(--edge)}.sb-scene .pole{fill:#3a3a3c;stroke:var(--edge);stroke-width:1px}.sb-scene .led{fill:var(--led-off)}.sb-scene .led.on{fill:var(--accent)}.sb-scene .tag{transition:fill .15s}.sb-scene .cart{cursor:pointer}.sb-scene .cart.on.free .dark{fill:var(--accent-soft);stroke:var(--accent)}.sb-scene .cart.on.free .tag{fill:var(--accent)}.sb-scene .key{cursor:pointer}.sb-scene .key.ready .cap{fill:var(--accent-soft);stroke:var(--accent)}.sb-scene .key.ready .glyph{fill:var(--accent)}@media (prefers-reduced-motion:reduce){.sb-scene .dark,.sb-scene .tag{transition:none}}.sb-list{display:none}@media (max-width:860px){.sb{height:auto;overflow:auto}.sb-scene,.sb-veil,.sb-ui{display:none}.sb-list{padding:32px 16px;display:block}.sb-list .sb-h1{margin:16px 0 28px}.sb-li{border-top:1px solid var(--grid);color:var(--ink);grid-template-columns:36px 1fr 60px;gap:12px;padding:14px 0;text-decoration:none;display:grid}.sb-li:last-child{border-bottom:1px solid var(--grid)}.sb-li span:first-child,.sb-li span:last-child{font-family:var(--mono);color:var(--ink-2);font-size:11px}}.sb-name,.sb-nav,.sb-meta,.sb-open,.sb-scene text,.sb-li span{font-variant-numeric:tabular-nums}