:root{--page:#f5f1ea;--page-2:#efe9e0;--ink:#1d1d1f;--ink-2:#3a3a3f;--muted:#6e6e73;--line:#3c32281f;--accent:#0a66d9;--accent-2:#0b57c2;--panel:#fff9;--panel-edge:#ffffffd9;--panel-shadow:0 1px 1px #281e140a, 0 14px 38px #3c281414;--glass:linear-gradient(180deg, #ffffff4d, #ffffff21);--glass-edge:#ffffff73;--glass-shine:#ffffffb3;--glass-ink:#1d1d1f;--pill-dark:#1e1e208f;--arc-guide:#ffffff8c;--code-bg:#16171b;--code-ink:#e9e9ec;--hero-ink:#1b1b22;--hero-muted:#3b3b48;--copy-panel:#ffffff7a;--thumb-ring:#0a84ff;--reveal-bg:#fcfbf9e6;--reveal-ink:#1d1d1f;--reveal-edge:#ffffffe6;--spring:linear(0, .063, .22, .428, .648, .851, 1.016, 1.135, 1.206, 1.233, 1.225, 1.192, 1.145, 1.094, 1.045, 1.004, .974, .955, .946, .946, .953, .963, .975, .987, .997, 1.005, 1.01, 1.012, 1.013, 1.011, 1.009, 1.006, 1.004, 1.001, .999, .998, .997, .997, .997, .998, 1);--spring-soft:linear(0, .07, .232, .431, .627, .795, .924, 1.014, 1.067, 1.091, 1.094, 1.084, 1.067, 1.048, 1.03, 1.015, 1.004, .997, .993, .991, .991, .993, .994, .996, .998, .999, 1, 1, 1.001, 1.001, 1.001, 1.001, 1);--wp-sky-0:#5d7cc0;--wp-sky-1:#9ba8d4;--wp-sky-2:#e9b28e;--wp-sky-3:#f6cd95;--wp-glow:#ffe3b6;--wp-sun:#fff4dc;--wp-cloud:#ffffff57;--wp-bird:#3434548c;--wp-hill-far:#a3829a;--wp-hill-near:#74597a;--wp-cliff:#5f4b66;--wp-cliff-edge:#ffd6aa59;--wp-horizon:#fde6c6;--wp-sea-0:#a8b9d4;--wp-sea-1:#6780a6;--wp-sea-2:#3e5075;--wp-sparkle:#ffe7c0;--wp-foam:#fff;--wp-sand-0:#eccda6;--wp-sand-1:#c89c77;--wp-rock:#3a3037;--wp-rock-lit:#5b4a52;--wp-rock-dark:#221c21;--wp-rock-edge:#ffdcbe38}@media (prefers-color-scheme:dark){:root{--page:#0c0d11;--page-2:#121319;--ink:#f5f5f7;--ink-2:#d2d2d7;--muted:#9a9aa2;--line:#ffffff1a;--accent:#5aa6ff;--accent-2:#7bb8ff;--panel:#22232a94;--panel-edge:#ffffff1a;--panel-shadow:0 1px 1px #0000004d, 0 16px 40px #00000059;--glass:linear-gradient(180deg, #3c405257, #1e202c38);--glass-edge:#ffffff2e;--glass-shine:#ffffff47;--glass-ink:#f5f5f7;--pill-dark:#1212169e;--arc-guide:#c8d2ff59;--hero-ink:#f5f5f7;--hero-muted:#c7c9d6;--copy-panel:#1416206b;--thumb-ring:#5aa6ff;--reveal-bg:#1c1d26e6;--reveal-ink:#f5f5f7;--reveal-edge:#ffffff29;--wp-sky-0:#070a18;--wp-sky-1:#141b3a;--wp-sky-2:#2c2c55;--wp-sky-3:#463a64;--wp-glow:#6d6fb0;--wp-sun:#f1eee2;--wp-cloud:#96a0d21f;--wp-hill-far:#28243d;--wp-hill-near:#1b1a2d;--wp-cliff:#16152a;--wp-cliff-edge:#aab4ff24;--wp-horizon:#6e6aa0;--wp-sea-0:#262d52;--wp-sea-1:#151b36;--wp-sea-2:#0a0e1f;--wp-sparkle:#d8dcf3;--wp-foam:#b9c2ec;--wp-sand-0:#3b3346;--wp-sand-1:#231e2b;--wp-rock:#0c0b12;--wp-rock-lit:#1d1b29;--wp-rock-dark:#050409;--wp-rock-edge:#aab4ff1f}}body{font:16px/1.55 var(--font-sans);color:var(--ink);background:radial-gradient(1100px 700px at 8% 18%, #ffb8802e, transparent 62%), radial-gradient(900px 700px at 94% 48%, #6084de29, transparent 62%), radial-gradient(900px 600px at 30% 88%, #d296be24, transparent 60%), var(--page);min-height:100vh}a{color:var(--accent);text-underline-offset:3px}code,kbd,pre{font-family:var(--font-mono)}:not(pre)>code{background:#78788024;border-radius:6px;padding:.1em .35em;font-size:.88em}.noscript{max-width:640px;margin:80px auto;padding:0 16px}.site-header{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(180%);background:#faf8f4a3;border-bottom:1px solid #fff6;height:52px;position:fixed;inset:0 0 auto;box-shadow:0 1px #0000000a}@media (prefers-color-scheme:dark){.site-header{background:#12131a9e;border-bottom-color:#ffffff14}}.site-nav{align-items:center;gap:24px;max-width:1240px;height:100%;margin:0 auto;padding:0 clamp(16px,3vw,28px);display:flex}.brand{color:var(--ink);font:700 19px/1 var(--font-rounded);letter-spacing:-.02em;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.mark .mark-bg{fill:#6c86c8}.mark .mark-fg{fill:#fff}.mark .mark-arc{fill:none;stroke:#fff;stroke-width:5.5px;stroke-linecap:round}.nav-links{gap:22px;margin-left:auto;font-size:14px;display:flex}.nav-links a{color:var(--ink-2);text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-cta{background:var(--ink);color:var(--page);border-radius:999px;padding:7px 14px;font-size:14px;font-weight:600;text-decoration:none}.nav-cta:hover{opacity:.88}.hero{min-height:max(100svh,820px);color:var(--hero-ink);position:relative;overflow:hidden}.desktop{position:absolute;inset:0;container:desktop/size}.wallpaper{width:100%;max-width:none;height:100%;position:absolute;inset:0}.wp-night{display:none}@media (prefers-color-scheme:dark){.wp-night{display:inline}.wp-day{display:none}}.slots{--v:clamp(50px, min(5.3cqw, 8.6cqh), 84px);--v5:clamp(84px, min(8.4cqw, 13.4cqh), 126px);--edge:clamp(14px, 2.2cqw, 32px);--top:60px;position:absolute;inset:0}.slot{width:0;height:0;position:absolute}.slot[data-index="1"]{left:50%;top:calc(var(--top) + var(--v) / 2)}.slot[data-index="2"]{left:calc(100% - var(--edge) - var(--v) / 2);top:calc(var(--top) + var(--v) / 2)}.slot[data-index="3"]{left:calc(100% - var(--edge) - var(--v) / 2);top:50%}.slot[data-index="4"]{left:calc(100% - var(--edge) - var(--v) / 2);top:calc(100% - var(--edge) - var(--v) / 2)}.slot[data-index="5"]{left:50%;top:calc(100% - 4px - var(--v5) / 2)}.slot[data-index="6"]{left:calc(var(--edge) + var(--v) / 2);top:calc(100% - var(--edge) - var(--v) / 2)}.slot[data-index="7"]{left:calc(var(--edge) + var(--v) / 2);top:50%}.slot[data-index="8"]{left:calc(var(--edge) + var(--v) / 2);top:calc(var(--top) + var(--v) / 2)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-edge);box-shadow:inset 0 1px .5px var(--glass-shine), inset 1.5px 2px 5px #ffffff47, inset -1.5px -2.5px 6px #14143214, 0 8px 24px #0a0a1e29;color:var(--glass-ink)}.idle .visual{left:calc(var(--v) / -2);top:calc(var(--v) / -2);width:var(--v);height:var(--v);border-radius:50%;padding:0;position:absolute;overflow:hidden}.slot.idle{animation:.7s cubic-bezier(.34,1.4,.5,1) both slide-in;animation-delay:calc(var(--i,0) * 70ms + .12s)}.idle .visual:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 30% 12%,#ffffff61,#0000 42%);position:absolute;inset:0}.idle .visual.bump{animation:.42s cubic-bezier(.3,1.6,.5,1) bump}.slot[data-side=top],.slot[data-side=top-left],.slot[data-side=top-right]{--from:0px, calc(var(--v) * -2.4)}.slot[data-side=bottom-left],.slot[data-side=bottom-right]{--from:0px, calc(var(--v) * 2.4)}.slot[data-side=left]{--from:calc(var(--v) * -2.4), 0px}.slot[data-side=right]{--from:calc(var(--v) * 2.4), 0px}.slot[data-index="1"]{--i:0}.slot[data-index="2"]{--i:1}.slot[data-index="3"]{--i:2}.slot[data-index="4"]{--i:3}.slot[data-index="6"]{--i:5}.slot[data-index="7"]{--i:6}.slot[data-index="8"]{--i:7}@keyframes slide-in{0%{transform:translate(var(--from))}}@keyframes bump{40%{transform:scale(1.12)}}.drawing{width:100%;height:100%;position:absolute;inset:0}.ink-stroke{stroke:var(--glass-ink)}.ink-fill{fill:var(--glass-ink)}.eye-white{fill:#fff}.eye-pupil{fill:#111}.monogram{font:700 46px var(--font-rounded)}.gauge-track{stroke:#0000001f}@media (prefers-color-scheme:dark){.gauge-track{stroke:#ffffff29}}.gauge-value{stroke-dasharray:100;animation:5s ease-in-out infinite alternate gauge}@keyframes gauge{0%{stroke-dashoffset:78px}to{stroke-dashoffset:30px}}.spin-slow,.spin-record{transform-origin:50px 50px;animation:24s linear infinite spin}.spin-record{animation-duration:6s}@keyframes spin{to{transform:rotate(360deg)}}.pulse{transform-origin:50px 50px;animation:2.4s ease-in-out infinite pulse}@keyframes pulse{50%{transform:scale(1.3)}}.arc-guide{left:calc(var(--v) * -3.2);top:calc(var(--v) * -3.2);width:calc(var(--v) * 6.4);height:calc(var(--v) * 6.4);pointer-events:none;max-width:none;position:absolute;overflow:visible}.arc-guide path{fill:none;stroke:var(--arc-guide);stroke-width:1.5px;stroke-linecap:round;stroke-dasharray:1 7;vector-effect:non-scaling-stroke}.hotkey-pill{left:calc(var(--x) * var(--v));top:calc(var(--y) * var(--v));background:var(--pill-dark);-webkit-backdrop-filter:blur(14px)saturate(150%);color:#fff;font:600 11px/1.2 var(--font-sans);white-space:nowrap;pointer-events:none;border:1px solid #ffffff24;border-radius:999px;padding:3px 8px 3px 4px;position:absolute;transform:translate(-50%,-50%)}.hotkey-pill kbd{font:600 10.5px/1.3 var(--font-sans);background:#ffffff2e;border-radius:999px;margin-right:3px;padding:1px 5px;display:inline-block}.featured .bubble{--level:0;width:0;height:0;transition:transform .55s cubic-bezier(.34,1.4,.5,1);animation:.8s cubic-bezier(.34,1.35,.5,1) .2s both rise;position:absolute;top:0;left:0}.featured .bubble.out{transform:translateY(calc(var(--v5) * 3.4));transition:transform .38s cubic-bezier(.5,0,.9,.5)}@keyframes rise{0%{transform:translateY(calc(var(--v5) * 3.4))}}.arc-item{left:calc(var(--x) * var(--v5));top:calc(var(--y) * var(--v5));transform:translate(-50%, -50%) rotate(var(--r,0deg)) translateY(8px) scale(.94);opacity:0;pointer-events:none;transition:opacity .28s,transform .5s cubic-bezier(.34,1.4,.5,1);position:absolute}.arc-item.on{opacity:1;pointer-events:auto;transform:translate(-50%, -50%) rotate(var(--r,0deg))}.pill{cursor:default;padding:calc(var(--v5) * .055) calc(var(--v5) * .085);border-radius:calc(var(--v5) * .07);font:600 clamp(11px, calc(var(--v5) * .105), 14px) / 1.15 var(--font-sans);white-space:nowrap;display:inline-block}.pill.dark{background:var(--pill-dark);color:#fff;-webkit-backdrop-filter:blur(16px)saturate(160%);border:1px solid #ffffff24;box-shadow:0 2px 10px #00000029}.cover-group{transform:translate(-50%, calc(-100% + var(--v5) * .11)) translateY(10px) scale(.94);transform-origin:50% 100%;flex-direction:column;align-items:center;display:flex}.cover-group.on{transform:translate(-50%, calc(-100% + var(--v5) * .11))}.cover-frame{width:calc(var(--v5) * 1.3);aspect-ratio:1;border-radius:calc(var(--v5) * .075);background:#222;border:3px solid #242428d1;overflow:hidden;box-shadow:0 10px 28px #00000047}.cover-art{width:100%;height:100%;display:block}.caption{max-width:calc(var(--v5) * 1.3);margin-top:calc(var(--v5) * .06);text-align:center;display:block}.clip-line{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.note-group{transform:translate(-50%, calc(-100% + var(--v5) * .2)) rotate(var(--r,0deg)) translateY(10px) scale(.94);transform-origin:50% 100%}.note-group.on{transform:translate(-50%, calc(-100% + var(--v5) * .2)) rotate(var(--r,0deg))}.note{width:calc(var(--v5) * .98);padding:calc(var(--v5) * .06) calc(var(--v5) * .085);border-radius:calc(var(--v5) * .1);text-align:left;white-space:normal;font-size:clamp(10.5px, calc(var(--v5) * .098), 13px);line-height:1.3;display:block}.clip-lines{-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.visual.cassette{left:calc(var(--v5) / -2);top:calc(var(--v5) / -2);width:var(--v5);height:var(--v5);position:absolute}.level-orb{opacity:calc(var(--level) * 1.1);transform:scale(calc(.7 + var(--level) * .55));pointer-events:none;background:radial-gradient(circle,#ffeecdd9,#ffd6a040 45%,#0000 70%);border-radius:50%;position:absolute;inset:4%}.cassette-glass{--hole:calc(var(--v5) * .09);border-radius:calc(var(--v5) * .07);-webkit-backdrop-filter:blur(10px)saturate(190%)brightness(1.06);width:90%;height:58%;-webkit-mask:radial-gradient(circle at 27.78% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px)), radial-gradient(circle at 72.22% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px));-webkit-mask-composite:source-in;-webkit-mask:radial-gradient(circle at 27.78% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px)), radial-gradient(circle at 72.22% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px));mask:radial-gradient(circle at 27.78% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px)), radial-gradient(circle at 72.22% 50%, transparent var(--hole), #000 calc(var(--hole) + .75px));background:linear-gradient(#ffffff5c,#ffffff1f 60%,#fff3);border:1px solid #ffffff8c;position:absolute;top:21%;left:5%;box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -3px 8px #ffffff24;-webkit-mask-composite:source-in;mask-composite:intersect}@media (prefers-color-scheme:dark){.cassette-glass{background:linear-gradient(#bec8ff38,#7882c814 60%,#a0aaf024);border-color:#ffffff4d;box-shadow:inset 0 1px 1px #ffffff59,inset 0 -3px 8px #ffffff0f}}.cassette-ink{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cassette-ink .label{fill:#fff9}.cassette-ink .label-text{fill:#1c1c1c;font:600 6px var(--font-sans);letter-spacing:.4px}.cassette-ink .window{fill:#3a2a1a8c}.cassette-ink .hole-rim{fill:none;stroke:#1414188c;stroke-width:1.4px}.cassette-ink .reel{fill:none;stroke:#1c1c1c;stroke-width:1.6px;stroke-linecap:round}@media (prefers-color-scheme:dark){.cassette-ink .reel{stroke:#e8e8f0}.cassette-ink .hole-rim{stroke:#e6e6ff66}}.chrome-buttons{left:0;top:calc(var(--v5) * -.47);gap:calc(var(--v5) * .1);opacity:0;pointer-events:none;transition:opacity .25s,transform .45s cubic-bezier(.34,1.4,.5,1);display:flex;position:absolute;transform:translate(-50%,-50%)scale(.8)}.chrome-buttons.on{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.round{width:clamp(28px, calc(var(--v5) * .28), 36px);height:clamp(28px, calc(var(--v5) * .28), 36px);border-radius:50%;place-items:center;padding:0;display:grid}.round svg,.down-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:58%;height:58%}.down-arrow{left:calc(var(--v5) * .72);top:calc(var(--v5) * .02);width:clamp(24px, calc(var(--v5) * .24), 30px);height:clamp(24px, calc(var(--v5) * .24), 30px);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;translate:-50% -50%}.featured-key{left:calc(var(--v5) * -.78);top:calc(var(--v5) * .02)}.ask-arcs{width:calc(var(--v5) * 4.4);height:calc(var(--v5) * 2.4);pointer-events:none;max-width:none;position:absolute;top:0;left:0;overflow:visible;transform:translate(-50%,-91.667%)}.question-text{font:700 .158px var(--font-sans);letter-spacing:.003px;fill:#fff;paint-order:stroke;stroke:#14141e59;stroke-width:.022px;stroke-linejoin:round;opacity:0;transition:opacity .3s}.question-text.on{opacity:1}.scale{opacity:0;transition:opacity .3s}.scale.on{opacity:1}.scale path{fill:none;stroke-linecap:round}.track-edge{stroke:#14142833;stroke-width:.15px}.track{stroke:#ffffff80;stroke-width:.124px}.track-fill{stroke:var(--thumb-ring);stroke-width:.085px}.step-dot{fill:#1e1e326b;transform-box:fill-box;transform-origin:50%;transition:transform .4s var(--spring), fill .2s ease}.step-dot.lit{fill:#fffffff2}.step-dot.next{transform:scale(1.7)}.track-hit{stroke:#0000;stroke-width:.34px;pointer-events:none;cursor:pointer;touch-action:none}.scale.on .track-hit{pointer-events:stroke}.bound{font:600 clamp(10px, calc(var(--v5) * .09), 12px) / 1 var(--font-sans);color:#fff;text-shadow:0 1px 3px #00000073;white-space:nowrap}.value-pill{font-size:clamp(11px, calc(var(--v5) * .1), 13px);padding:calc(var(--v5) * .035) calc(var(--v5) * .08);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px}.arc-item.bound,.arc-item.value-pill{pointer-events:none}.value-pill.live{box-shadow:0 0 0 2px color-mix(in srgb, var(--thumb-ring) 55%, transparent), 0 6px 18px #0a0a1e33}.thumb{width:clamp(20px, calc(var(--v5) * .2), 26px);height:clamp(20px, calc(var(--v5) * .2), 26px);border:2px solid var(--thumb-ring);cursor:grab;touch-action:none;border-radius:50%;display:block}.thumb.dragging{cursor:grabbing}.confirm svg{stroke-width:2.2px}.band-wrap{left:calc(var(--bx) * var(--v5));top:calc(var(--by) * var(--v5));width:calc(var(--bw) * var(--v5));height:calc(var(--bh) * var(--v5));opacity:0;pointer-events:none;transition:opacity .2s ease, transform .55s var(--spring-soft);position:absolute;transform:scaleX(.12)}.band-wrap.on{opacity:1;pointer-events:auto;transform:none}.band-glass{-webkit-backdrop-filter:blur(18px)saturate(180%);background:linear-gradient(#ffffff75,#ffffff3d);transition:background .25s;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.band-ink{pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0;overflow:visible}.band-edge{fill:none;stroke:#ffffffbf;stroke-width:.01px;transition:stroke .25s,stroke-width .25s}.band-wrap.tap.focused .band-edge{stroke:var(--thumb-ring);stroke-width:.018px}.band-bars{display:none}.band-bars.on{display:inline}.band-bars line{stroke:#ff3b30;stroke-width:.024px;stroke-linecap:round;opacity:.92}.band-text{font:600 .13px var(--font-sans);fill:var(--glass-ink)}.band-text.empty{fill-opacity:.55}.band-text .caret{fill-opacity:0;font-weight:300}.band-text .caret.on{fill:var(--thumb-ring);fill-opacity:1;animation:1s step-end infinite caret}@keyframes caret{50%{fill-opacity:0}}.band-text.shimmer{animation:1.2s ease-in-out infinite shimmer}@keyframes shimmer{50%{fill-opacity:.45}}.band-hit,.band-form,.band-input{background:0 0;border:0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.band-hit{cursor:pointer}.band-input{opacity:0;cursor:text;font-size:16px}.option{min-width:calc(var(--v5) * .8);text-align:center;font-size:clamp(12px, calc(var(--v5) * .115), 15px);padding:calc(var(--v5) * .07) calc(var(--v5) * .12);border-radius:999px;display:block}.tap{cursor:pointer;transition:transform .62s var(--spring), box-shadow .25s ease, background .25s ease, border-color .25s ease, filter .25s ease}.glass.tap{box-shadow:inset 0 1px .5px var(--glass-shine), inset 1.5px 2px 5px #ffffff4d, 0 0 0 .5px #ffffff59, 0 3px 10px #0a0a1e33;background:linear-gradient(#ffffff70,#fff3);border-color:#ffffffb3}.pill.dark.tap{border-color:#ffffff52;box-shadow:inset 0 1px #ffffff1f,0 3px 12px #00000038}.band-wrap.tap .band-edge{stroke:#ffffffe6;stroke-width:.014px}@media (hover:hover){.tap:hover,.tap.hot,.band-wrap.tap.on:hover{transform:translateY(-2px)scale(1.07)}.band-wrap.tap.on:hover{transform:translateY(-1px)scale(1.02)}.glass.tap:hover,.glass.tap.hot{box-shadow:inset 0 1px .5px var(--glass-shine), inset 1.5px 2px 5px #ffffff59, 0 0 0 3px #ffffff4d, 0 10px 24px #0a0a1e42;background:linear-gradient(#ffffffa8,#fff6);border-color:#fffffff2}.pill.dark.tap:hover{background:#2c2c32b8;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff2e,0 10px 24px #0000004d}.band-wrap.tap.on:hover .band-glass{background:linear-gradient(#fff9,#ffffff57)}}.tap:active,.tap.pressing{transition-duration:.12s;transition-timing-function:cubic-bezier(.3,.7,.4,1);transform:translateY(0)scale(1.06,.9)}.thumb.tap:active,.thumb.dragging{transition-duration:.18s;transform:scale(1.18,1.06)}.tap.open{opacity:.6;transform:scale(.96)}@media (prefers-color-scheme:dark){.glass.tap{background:linear-gradient(#5c628275,#3438504d);border-color:#ffffff4d}.band-glass{background:linear-gradient(#5c628280,#34385057)}@media (hover:hover){.glass.tap:hover,.glass.tap.hot{box-shadow:inset 0 1px .5px var(--glass-shine), 0 0 0 3px #a0afff38, 0 10px 24px #0006;background:linear-gradient(#808ac48f,#56609c66);border-color:#ffffff80}.band-wrap.tap.on:hover .band-glass{background:linear-gradient(#808ac48f,#56609c66)}}}@media (prefers-reduced-motion:reduce){.tap,.tap:hover,.tap:active,.tap.hot,.tap.pressing,.thumb.dragging,.band-wrap{transition-duration:10ms!important;transform:none!important}}.notice{font-size:12px}.delivered{left:0;top:calc(var(--v5) * -1.05);font:500 13px/1.35 var(--font-sans);white-space:nowrap;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;animation:.5s cubic-bezier(.34,1.4,.5,1) both toast;display:flex;position:absolute;transform:translate(-50%,-50%)}.delivered code{background:0 0;padding:0;font-weight:600}.delivered .tick{color:#fff;background:#34c759;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:grid}@keyframes toast{0%{opacity:0;transform:translate(-50%,-20%)scale(.92)}}.reveal-layer{z-index:30;pointer-events:none;position:absolute;inset:0}.reveal-tip,.reveal-pop{background:var(--reveal-bg);color:var(--reveal-ink);-webkit-backdrop-filter:blur(22px)saturate(180%);border:1px solid var(--reveal-edge);position:absolute;box-shadow:inset 0 1px .5px #ffffff80,0 12px 32px #0a0a1e3d}.reveal-tip{max-width:min(280px,100% - 20px);font:600 13px/1.35 var(--font-sans);text-wrap:pretty;opacity:0;transform-origin:50% 100%;transition:opacity .14s ease, transform .45s var(--spring-soft);border-radius:12px;padding:7px 11px;transform:translate(-50%,-100%)scale(.88)}.reveal-tip.below{transform-origin:50% 0;transform:translate(-50%)scale(.88)}.reveal-tip.ready{opacity:1;transform:translate(-50%,-100%)}.reveal-tip.below.ready{transform:translate(-50%)}.reveal-tip.mono{max-width:min(560px,100% - 20px);font:500 12px/1.5 var(--font-mono);overflow-wrap:anywhere}.reveal-pop{font:600 14.5px/1.42 var(--font-sans);text-wrap:pretty;pointer-events:auto;cursor:pointer;animation:pop-in .62s var(--spring) both;border-radius:16px;padding:12px 15px}.reveal-pop.closing{pointer-events:none;animation:.22s cubic-bezier(.5,0,.75,0) both pop-out}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}}@keyframes pop-out{to{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.reveal-tip,.reveal-pop{transition:none;animation:none}}.hero-copy{z-index:2;text-align:center;pointer-events:none;width:100%;max-width:720px;margin:0 auto;padding:clamp(176px,20vh,220px) 20px 0;position:relative}.hero-copy>*{pointer-events:auto}.eyebrow{background:var(--copy-panel);-webkit-backdrop-filter:blur(14px)saturate(160%);font:600 12.5px/1.2 var(--font-sans);color:var(--hero-muted);border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:5px 12px;display:inline-flex}.eyebrow .dot{background:#34c759;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #34c75938}.hero h1{font:700 clamp(36px, 4.2vw, 58px) / 1.04 var(--font-sans);letter-spacing:-.035em;text-wrap:balance;text-shadow:0 1px 18px #ffffff40;margin:0 0 14px}@media (prefers-color-scheme:dark){.hero h1{text-shadow:0 2px 24px #0006}}.hero h1 .serif{font-family:var(--font-serif);letter-spacing:-.02em;font-style:italic;font-weight:500}.lede{max-width:660px;color:var(--hero-muted);text-wrap:pretty;margin:0 auto 18px;font-size:clamp(15.5px,1.25vw,17.5px);line-height:1.5}.install-row{background:var(--copy-panel);-webkit-backdrop-filter:blur(20px)saturate(170%);border:1px solid var(--glass-edge);border-radius:14px;align-items:center;gap:6px;width:100%;max-width:560px;margin:0 auto;padding:6px 6px 6px 16px;display:flex;box-shadow:0 10px 30px #14143224}.install-code{white-space:nowrap;text-align:left;scrollbar-width:none;flex:1;min-width:0;font-size:13.5px;overflow-x:auto;background:0 0!important;padding:6px 0!important}.copy-button{background:var(--ink);color:var(--page);font:600 13.5px var(--font-sans);border:0;border-radius:10px;flex:none;padding:9px 14px}.copy-button:hover{opacity:.88}.copy-button.large{border-radius:12px;padding:12px 18px;font-size:15px}.install-note{color:var(--hero-muted);margin:8px 0 14px;font-size:13px}.install-note a,.hero a{color:inherit;font-weight:600}.demo-controls{border-radius:14px;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto;padding:6px;display:flex}.segmented{background:#7878802e;border-radius:10px;flex:none;padding:2px;display:flex}.segmented button{font:600 13px var(--font-sans);color:inherit;background:0 0;border:0;border-radius:8px;padding:6px 13px}.segmented button.active{color:#1d1d1f;background:#ffffffeb;box-shadow:0 1px 3px #00000024}@media (prefers-color-scheme:dark){.segmented button.active{color:#fff;background:#787c9699}}.demo-command{white-space:nowrap;text-align:left;scrollbar-width:thin;flex:1;min-width:0;font-size:12px;overflow-x:auto;background:0 0!important;padding:4px 6px!important}.section{max-width:1120px;margin:0 auto;padding:clamp(64px,9vw,110px) clamp(16px,4vw,32px) 0;scroll-margin-top:40px}.section-head{max-width:720px;margin-bottom:32px}.kicker{font:700 12px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}.section h2{font:700 clamp(28px, 3.4vw, 44px) / 1.08 var(--font-sans);letter-spacing:-.03em;text-wrap:balance;margin:0 0 12px}.section-head p{color:var(--muted);text-wrap:pretty;margin:0;font-size:17px}.glass-panel{background:var(--panel);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--panel-edge);box-shadow:var(--panel-shadow);border-radius:20px}.install-card{align-items:center;gap:16px;padding:16px 16px 16px 24px;display:flex}.install-big{white-space:nowrap;flex:1;min-width:0;font-size:clamp(13px,1.6vw,18px);overflow-x:auto;background:0 0!important;padding:8px 0!important}.steps{counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:4px;padding:18px;display:flex}.steps li:before{content:counter(step);background:var(--ink);width:24px;height:24px;color:var(--page);font:700 12px var(--font-sans);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.steps span,.fine{color:var(--muted);font-size:14px}.fine{margin:18px 0 0}.key-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.key-card{padding:22px}.key-card h3,.silicon-steps h3,.fact h3,.drawing-callout h3{font:650 17px/1.3 var(--font-sans);letter-spacing:-.01em;margin:0 0 6px}.key-card p,.fact p,.silicon-steps p,.drawing-callout p{color:var(--muted);margin:0;font-size:14.5px}.keys{gap:6px;margin-bottom:14px;display:flex}.keys kbd{border:1px solid var(--line);min-width:38px;color:var(--ink);font:600 15px/1.1 var(--font-sans);text-align:center;background:#ffffffb3;border-bottom-width:2.5px;border-radius:9px;padding:7px 10px}@media (prefers-color-scheme:dark){.keys kbd{background:#3c3e4ab3}}.key-card.note{background:linear-gradient(160deg,#ffd6aa59,#fff6)}@media (prefers-color-scheme:dark){.key-card.note{background:linear-gradient(160deg,#785aa04d,#22232a80)}}.section-link{margin:22px 0 0;font-weight:600}.section-link a{text-decoration:none}.silicon-steps{counter-reset:sstep;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none;display:grid}.silicon-steps li{counter-increment:sstep;min-width:0}.silicon-steps h3:before{content:counter(sstep) ". ";color:var(--accent)}.silicon-steps p{margin-bottom:12px}.code-block{background:var(--code-bg);color:var(--code-ink);border:1px solid #ffffff0f;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #0a0a1429}.code-head{font:600 11.5px var(--font-sans);color:#e9e9ec99;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px 8px 16px;display:flex}.copy-mini{color:#e9e9ecd9;font:600 11px var(--font-sans);background:#ffffff0f;border:1px solid #ffffff29;border-radius:7px;padding:3px 9px}.copy-mini:hover{background:#ffffff24}.code-block pre{tab-size:2;margin:0;padding:14px 16px 16px;font-size:12.5px;line-height:1.6;overflow-x:auto}.drawing-callout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;margin-top:32px;padding:24px;display:grid}.drawing-callout p+p{margin-top:12px}.fact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.fact{color:inherit;padding:22px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.fact:hover{transform:translateY(-2px)}.fact h3:after{content:" →";color:var(--accent)}.docs-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.docs-column h3{font:700 18px var(--font-sans);align-items:baseline;gap:10px;margin:0 0 10px;display:flex}.docs-column h3 span{font:600 11px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.docs-column ul{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.docs-column a{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:180px minmax(0,1fr);gap:12px;padding:12px 4px;text-decoration:none;display:grid}.docs-column a:hover strong{color:var(--accent)}.docs-column strong{font-size:15px;font-weight:600}.docs-column span{color:var(--muted);font-size:14px}.site-footer{border-top:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(20px);margin-top:clamp(72px,10vw,120px)}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:40px;max-width:1120px;margin:0 auto;padding:40px clamp(16px,4vw,32px) 24px;display:flex}.footer-brand p{max-width:320px;color:var(--muted);margin:12px 0 0;font-size:14px}.footer-links{flex-wrap:wrap;gap:56px;display:flex}.footer-links div{flex-direction:column;gap:8px;display:flex}.footer-links h2{font:700 12px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}.footer-links a{color:var(--ink-2);font-size:14px;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto;padding:16px clamp(16px,4vw,32px) 28px;display:flex}.footer-meta{font-size:12px}.not-found{place-items:center;min-height:80vh;padding:96px 16px 32px;display:grid}.not-found-card{text-align:center;max-width:520px;padding:36px}.not-found-card h1{font:700 36px/1.1 var(--font-sans);letter-spacing:-.03em;margin:0 0 10px}.not-found-card p{color:var(--muted)}.not-found-links{justify-content:center;gap:20px;font-weight:600;display:flex}@media (max-width:1080px){.steps,.key-grid,.fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:860px){.nav-links a:not(.external):not([href=\/docs]){display:none}.hero{background:linear-gradient(180deg, var(--wp-sky-0), var(--wp-sky-1) 55%, var(--wp-sky-2));flex-direction:column;min-height:0;padding-top:52px;display:flex}.hero-copy{order:1;padding:36px 16px 24px}.desktop{border:1px solid #ffffff59;border-radius:24px;order:2;height:min(560px,142vw);margin:0 12px 12px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0a0a1e40}.slots{--v:clamp(38px, 10cqw, 58px);--v5:clamp(72px, 21cqw, 104px);--edge:10px;--top:12px}.idle .hotkey-pill{display:none}.question-text{font-size:.172px}.band-text{font-size:.15px}.silicon-steps,.docs-columns,.drawing-callout{grid-template-columns:minmax(0,1fr)}.docs-column a{grid-template-columns:minmax(0,1fr);gap:2px}}@media (max-width:600px){.steps,.key-grid,.fact-grid{grid-template-columns:minmax(0,1fr)}.install-card{flex-direction:column;align-items:stretch;padding:16px}.demo-controls{flex-direction:column;align-items:stretch}.segmented{justify-content:center}.segmented button{flex:1}.featured-key{display:none}.delivered{white-space:normal;width:min(300px,80vw)}}