@font-face{font-family:Schibsted Grotesk;src:url(/fonts/SchibstedGrotesk.woff2)format("woff2");font-weight:400 900;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/GeistMono.woff2)format("woff2");font-weight:400 600;font-display:swap}:root{--bench:#e4e4e0;--dot:#11111124;--plate:#f2f2ef;--well:#e9e9e5;--face:#fbfbf9;--ink:#111;--ink-2:#5c5c58;--rule:#11111126;--off:#c8c8c2;--hot:#ff4d00;--hot-hover:#ff6b2c;--on-hot:#111;--on-hot-line:#fff1e6;--lift:#1113;--warm:color-mix(in srgb, var(--hot) 20%, var(--face));--glow:#ffffff42;--shadow:#00000038;--hover-raised:var(--warm);--hover-row:var(--well);--sans:"Schibsted Grotesk", system-ui, sans-serif;--mono:"Geist Mono", ui-monospace, Menlo, monospace;--fs-label:10.5px;--fs-small:12px;--fs-ui:13px;--fs-body:15px;--fs-lead:18px;--r-hair:2px;--r-1:4px;--r-2:6px;--r-3:10px;--r-pill:999px;--out:cubic-bezier(.23, 1, .32, 1);--move:cubic-bezier(.77, 0, .175, 1);--c-slate:#5e7186;--c-sage:#6a8c62;--c-sand:#a8843f;--c-plum:#8b5e83;--c-sky:#4a84b3;--c-rose:#b25d77;--d-slate:#3f5164;--d-sage:#4a6b43;--d-sand:#7a5c22;--d-plum:#6b4063;--d-sky:#2f6591;--d-rose:#8e3f57;--gutter:clamp(16px, 4vw, 48px);--max:1320px;--section:clamp(88px, 10vw, 152px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bench:#121211;--dot:#ecece61a;--plate:#1b1b19;--well:#151514;--face:#252522;--ink:#ecece6;--ink-2:#a1a19a;--rule:#ecece629;--off:#3b3b37;--hot:#ff5a1a;--hot-hover:#ff7a42;--lift:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-slate:#93a6bb;--c-sage:#97b78d;--c-sand:#d1ae6e;--c-plum:#bc91b2;--c-sky:#82b3db;--c-rose:#db8ea5}}:root[data-theme=dark]{--bench:#121211;--dot:#ecece61a;--plate:#1b1b19;--well:#151514;--face:#252522;--ink:#ecece6;--ink-2:#a1a19a;--rule:#ecece629;--off:#3b3b37;--hot:#ff5a1a;--hot-hover:#ff7a42;--lift:#0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--c-slate:#93a6bb;--c-sage:#97b78d;--c-sand:#d1ae6e;--c-plum:#bc91b2;--c-sky:#82b3db;--c-rose:#db8ea5}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);font:400 var(--fs-body)/1.55 var(--sans);-webkit-font-smoothing:antialiased;background:var(--bench) radial-gradient(var(--dot) 1px, transparent 1.3px) 0 0 / 14px 14px;margin:0;overflow-x:hidden}::selection{background:var(--hot);color:var(--on-hot)}:focus-visible{outline:2px solid var(--hot);outline-offset:3px;border-radius:var(--r-1)}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance;font-weight:800}h2{letter-spacing:-.035em;font-size:clamp(34px,4.4vw,60px);line-height:1.02}h3{letter-spacing:-.015em;font-size:20px;font-weight:700;line-height:1.2}.lede{font-size:var(--fs-lead);color:var(--ink-2);text-wrap:pretty;max-width:44ch;line-height:1.5}.mono{font:500 var(--fs-label)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:var(--gutter);margin-inline:auto}.plate{background:var(--plate);border:1.5px solid var(--ink);border-radius:var(--r-3)}section{position:relative}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{--btn-bg:var(--face);--btn-ink:var(--ink);--btn-hover:var(--hover-raised);white-space:nowrap;height:44px;font:600 14px/1 var(--sans);letter-spacing:-.005em;color:var(--btn-ink);cursor:pointer;background:var(--btn-bg);border:1.5px solid var(--ink);border-radius:var(--r-1);box-shadow:0 2px 0 var(--ink);transition:transform .12s var(--out), box-shadow .12s var(--out), background-color .16s ease;align-items:center;gap:10px;padding:0 18px;text-decoration:none;display:inline-flex}.btn.hot{--btn-bg:var(--hot);--btn-ink:var(--on-hot);--btn-hover:var(--hot-hover)}.btn.small{height:34px;padding:0 13px;font-size:13px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--btn-hover)}}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(2px)}.btn svg{flex:none;width:16px;height:16px}.kbd{min-width:24px;height:22px;font:500 11px/1 var(--mono);color:var(--ink);background:var(--face);border:1px solid var(--ink);box-shadow:0 1.5px 0 var(--ink);border-radius:3px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}.num{width:28px;height:19px;font:500 11px/1 var(--mono);letter-spacing:.02em;color:var(--ink);background:var(--face);border:1px solid var(--ink);border-radius:3px;flex:none;place-items:center;transition:background-color .2s,color .2s;display:inline-grid}.nav{top:env(safe-area-inset-top,0px);z-index:20;position:sticky}.nav:before{content:"";background:color-mix(in srgb, var(--bench) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(140%);position:absolute;inset:0;-webkit-mask:linear-gradient(#000 70%,#0000);mask:linear-gradient(#000 70%,#0000)}.nav .wrap{align-items:center;gap:28px;height:68px;display:flex;position:relative}.brand{font:700 17px/1 var(--sans);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;text-decoration:none;display:inline-flex}.brand svg{flex:none;width:26px;height:26px}.mac{white-space:nowrap}.mac>svg.apl{aspect-ratio:19.55/24;vertical-align:baseline;fill:currentColor;flex:none;width:auto;height:1.08cap;margin:0 .08em 0 0;display:inline-block}.brand .wordmark{width:auto;height:21px;margin-top:5px}.nav nav{gap:26px;display:flex}.nav nav a{font:500 14px/1 var(--sans);color:var(--ink-2);text-decoration:none;transition:color .16s}.nav nav a:hover{color:var(--ink)}@media (width<=860px){.nav nav{display:none}}@media (prefers-reduced-transparency:reduce){.nav:before{background:var(--bench);-webkit-backdrop-filter:none;backdrop-filter:none}}.ctas{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.concept{position:relative}.mega{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(56px,10.6vw,188px);font-weight:800;line-height:.86}.mega>span{display:block}.mega .dot{color:var(--hot);display:inline}.rise{opacity:1}@media (prefers-reduced-motion:no-preference){.js .concept .rise{opacity:0;transform:translateY(14px)}.js .concept.go .rise{animation:rise .8s var(--out) calc(var(--d,0) * 1ms) forwards}}.ca{--p:0;height:250vh;margin-top:-68px}.ca-pin{height:100dvh;position:sticky;top:0;overflow:hidden}.ca-head{z-index:2;pointer-events:none;transform:translateY(calc(var(--p) * -24vh));opacity:clamp(0, calc(1 - var(--p) * 2.6), 1);position:absolute;top:clamp(88px,14vh,156px);left:0;right:0}.ca-head .mega>span{margin-bottom:-.06em;padding-bottom:.06em;overflow:hidden}.ca-head .mega>span>span{display:block}.ca-foot{z-index:3;pointer-events:none;justify-content:space-between;align-items:end;gap:24px;display:flex;position:absolute;bottom:clamp(28px,7vh,72px);left:0;right:0}.ca-foot>*{pointer-events:auto}.ca-foot .ctas{margin-top:0}.ca-foot .lede{max-width:34ch}.ca-art{z-index:1;aspect-ratio:1997/1180;height:min(104vh,62vw);transform:translate(calc(-50% + 6vw), calc(-50% + (1 - var(--p)) * 15vh)) rotate(calc((1 - var(--p)) * -9deg)) scale(calc(1.16 - var(--p) * .22));position:absolute;top:50%;left:50%}.ca-art svg{width:100%;height:100%;display:block;overflow:visible}.ca-art path,.ca-art circle,.ca-art polyline{vector-effect:non-scaling-stroke}.ca-art .a-body{stroke-width:2px}.ca-art .lead{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .7s var(--out), stroke .3s ease}.ca-art .lead.out{stroke-dashoffset:0}.ca-art .pin{opacity:0;transition:opacity .3s,fill .3s}.ca-art .pin.out{opacity:1}.ca-call{opacity:0;filter:blur(6px);pointer-events:none;transition:opacity .5s var(--out), filter .5s var(--out);align-items:center;gap:16px;display:flex;position:absolute;transform:translateY(-50%)}.ca-call.l{text-align:right;flex-direction:row-reverse;transform:translate(-100%,-50%)}.ca-call.out{opacity:1;filter:none;pointer-events:auto;cursor:default}.ca-call .big{font:500 clamp(30px, 3.2vw, 54px)/1 var(--mono);letter-spacing:-.04em;color:var(--ink-2);font-variant-numeric:tabular-nums;transition:color .3s}.ca-call.on .big{color:var(--hot)}.ca-call .t{gap:6px;display:grid}.ca-call b{font:700 clamp(15px, 1.2vw, 20px)/1.1 var(--sans);white-space:nowrap;letter-spacing:-.01em}.ca-call .t span{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;transition:color .3s}.ca-call.on .t span{color:var(--ink)}.ca-meter{z-index:3;right:max(14px, calc(var(--gutter) / 2));opacity:clamp(0, calc(var(--p) * 8), 1);gap:6px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.ca-meter i{background:var(--off);width:3px;height:20px;transition:background-color .3s ease, transform .3s var(--out);border-radius:2px}.ca-meter i.out{background:var(--ink-2)}.ca-meter i.on{background:var(--hot);transform:scaleY(1.3)}@media (prefers-reduced-motion:no-preference){.js .ca:not(.go) .a-body{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0}.js .ca:not(.go) .a-in{opacity:0}.ca.go .a-body{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0;animation:plot 1.6s var(--move) .1s forwards, fillin .6s ease 1.2s forwards}.ca.go .a-in{opacity:0;animation:.8s 1s forwards fade}.js .ca:not(.go) .mega>span>span{transform:translateY(105%)}.ca.go .mega>span>span{animation:lineup 1s var(--out) calc(.25s + var(--l) * .11s) forwards;transform:translateY(105%)}}@keyframes lineup{to{transform:none}}@media (width<=860px){.ca{height:auto}.ca-pin{flex-direction:column;height:auto;padding-block:92px 40px;display:flex;position:relative;overflow:hidden}.ca-head,.ca-foot{opacity:1;position:static;transform:none}.ca-head{order:1}.ca-art{order:2}.ca-foot{flex-direction:column;order:3;align-items:start;margin-top:8px}.ca-art{width:210%;height:auto;margin:0 0 0 -55%;position:relative;top:auto;left:auto;transform:none}.ca-call,.ca-art .lead,.ca-art .pin,.ca-meter{display:none}.ca-head .mega>span{overflow:visible}}@media (prefers-reduced-motion:reduce){.sk{height:auto}.sk-pin{height:auto;position:static}.ca{height:auto}.ca-pin{position:relative}.ca-head{opacity:1;transform:none}.ca-meter{display:none}}.fig{width:100%;position:relative}.fig svg{width:100%;height:auto;display:block;overflow:visible}.fig path,.fig rect,.fig circle,.fig line,.fig polyline,.dev path,.dev rect,.dev circle{vector-effect:non-scaling-stroke}.a-body{fill:var(--plate);stroke:var(--ink);stroke-width:1.7px;stroke-linejoin:round}.a-part{fill:var(--face);stroke:var(--ink);stroke-width:1.4px;transition:fill .22s}.a-seam{fill:none;stroke:var(--ink);stroke-width:1.15px;stroke-linecap:round}.a-fine{fill:none;stroke:var(--ink-2);stroke-width:.7px;stroke-linecap:round}.a-hatch{fill:none;stroke:var(--ink);stroke-width:.8px;stroke-linecap:round}.a-dot{fill:var(--ink)}.a-key{fill:var(--face);stroke:var(--ink);stroke-width:1px}.a-dish{fill:none;stroke:var(--ink-2);stroke-width:.6px}.a-part.on{fill:var(--hot)}.a-over{opacity:0;transition:opacity .22s}.a-over.on{opacity:1}.a-over path{fill:none;stroke:var(--on-hot-line);stroke-width:.9px;stroke-linecap:round}.lead{fill:none;stroke:var(--ink);stroke-width:1px;transition:stroke .22s}.pin{fill:var(--ink);transition:fill .22s}.lead.on{stroke:var(--hot)}.pin.on{fill:var(--hot)}.call{cursor:pointer;color:inherit;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:6px 0;display:flex;position:absolute;transform:translateY(-50%)}.call.l{text-align:right;flex-direction:row-reverse;transform:translate(-100%,-50%)}.call .t{gap:4px;display:grid}.call .name{font:600 13px/1.1 var(--sans);white-space:nowrap}.call .does{font:500 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;transition:color .22s}.call.on .num{background:var(--hot);color:var(--on-hot)}.call.on .does{color:var(--ink)}.figcap{display:none}.views{z-index:1;position:absolute;bottom:16px;left:18px}.views.seg button{height:28px;padding:0 11px;font-size:12px}@media (prefers-reduced-motion:no-preference){.js #hero-fig:not(.go) .a-body{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0}.js #hero-fig:not(.go) :is(.a-in,.pin){opacity:0}.js #hero-fig:not(.go) .lead{stroke-dasharray:1;stroke-dashoffset:1px}.js #hero-fig:not(.go) .call{opacity:0;filter:blur(4px)}#hero-fig.go .a-body{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0;animation:plot 1.2s var(--move) forwards, fillin .5s ease .8s forwards}#hero-fig.go .a-in{opacity:0;animation:.6s .7s forwards fade}#hero-fig.go .lead{stroke-dasharray:1;stroke-dashoffset:1px;animation:plot .5s var(--out) calc(1.05s + var(--i) * 70ms) forwards}#hero-fig.go .pin{opacity:0;animation:fade .3s ease calc(1.05s + var(--i) * 70ms) forwards}#hero-fig.go .call{opacity:0;filter:blur(4px);animation:callin .45s var(--out) calc(1.25s + var(--i) * 70ms) forwards}#hero-fig.go.out .a-body{animation:unplot .45s var(--move) forwards}#hero-fig.go.out :is(.a-in,.pin,.lead,.call){animation:.22s forwards fadeout}.js .hero .hero-copy>*{opacity:0;transform:translateY(10px)}.js .hero.go .hero-copy>*{animation:rise .7s var(--out) calc(var(--d,0) * 1ms) forwards}}@keyframes unplot{0%{stroke-dashoffset:0;fill-opacity:1}60%{fill-opacity:0}to{stroke-dashoffset:-1px;fill-opacity:0}}@keyframes fadeout{to{opacity:0;filter:blur(3px)}}@keyframes plot{to{stroke-dashoffset:0}}@keyframes fillin{to{fill-opacity:1}}@keyframes fade{to{opacity:1}}@keyframes rise{to{opacity:1;transform:none}}@keyframes callin{to{opacity:1;filter:blur()}}.apps{padding-top:var(--section);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(24px,4vw,64px);display:grid}.apps .copy{position:sticky;top:120px}.apps .lede{margin-top:22px}.board{overflow:hidden}.board header{border-bottom:1.5px solid var(--ink);flex-wrap:wrap;align-items:center;gap:14px;padding:14px 18px;display:flex}.board header .mono{color:var(--ink-2)}.seg{border:1.5px solid var(--ink);border-radius:var(--r-1);background:var(--face);display:inline-flex;overflow:hidden}.seg button{border:0;border-left:1px solid var(--ink);height:32px;color:var(--ink);cursor:pointer;font:600 13px/1 var(--sans);white-space:nowrap;background:0 0;padding:0 13px;transition:background-color .16s,color .16s}.seg button:first-child{border-left:0}@media (hover:hover) and (pointer:fine){.seg button:hover{background:var(--hover-raised)}}.seg button[aria-checked=true]{background:var(--ink);color:var(--plate)}.rows{margin:0;padding:0;list-style:none}.rows li{border-bottom:1px solid var(--rule);align-items:center;gap:14px;min-height:54px;padding:8px 18px;display:flex}.rows li:last-child{border-bottom:0}.rows .name{font:600 15px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rows .does{color:var(--ink-2);white-space:nowrap;align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.rows .does .k{gap:3px;display:inline-flex}.rows li.mine .num{background:var(--hot);color:var(--on-hot)}.rows li.mine .does{color:var(--ink);font-weight:600}.rows .does.swap{animation:swap .26s var(--out)}@keyframes swap{0%{opacity:0;filter:blur(3px);transform:translate(6px)}}.board footer{background:var(--well);border-top:1.5px solid var(--ink);color:var(--ink-2);align-items:center;gap:10px;min-height:52px;padding:14px 18px;font-size:14px;display:flex}.board footer b{background:var(--hot);flex:none;width:7px;height:7px}.ring{padding-top:var(--section)}.ringfig{aspect-ratio:1;justify-self:center;width:min(100%,680px);position:relative}.ov{-webkit-tap-highlight-color:transparent;width:100%;height:100%;display:block;overflow:visible}.ov:focus-visible{outline:none}.ov:focus-visible .ov-hub{stroke:var(--hot);stroke-width:2px}@media (hover:hover) and (pointer:fine){.ov{cursor:none}}.ov-root,.ov-face{filter:drop-shadow(0 6px 18px var(--shadow))}.ov-arc{fill:none;stroke:var(--hot);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0;transition:stroke-dashoffset .25s var(--out), opacity .2s}.ov-slot.lit .ov-arc{stroke:var(--on-hot)}.ring-key{border:1.5px solid var(--ink);border-radius:var(--r-1);background:var(--face);height:36px;box-shadow:0 2px 0 var(--ink);font:600 14px/1 var(--sans);opacity:0;transition:opacity .2s ease, transform .2s var(--out), box-shadow .12s;pointer-events:none;align-items:center;gap:8px;padding:0 14px;display:inline-flex;position:absolute;top:84%;left:50%;transform:translate(-50%,6px)}.ring-key.on{opacity:1;box-shadow:0 0 0 var(--ink);background:var(--hot);color:var(--on-hot);transform:translate(-50%,2px)}.ov-empty{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:3 4;opacity:.35}.ov-sec{fill:var(--face);stroke:var(--ink);stroke-width:1.5px;stroke-linejoin:round;transition:fill .11s ease-out}.ov-slot.lit .ov-sec{fill:var(--hot)}.ov-slot.held .ov-sec{fill:var(--plate)}.ov-icon{fill:none;stroke:var(--ink);stroke-linecap:round;stroke-linejoin:round;transition:stroke .11s ease-out}.ov-label{font-family:var(--sans);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-weight:600;transition:fill .11s ease-out}.ov-slot.lit .ov-icon{stroke:var(--on-hot)}.ov-slot.lit .ov-label{fill:var(--on-hot)}.ov-hub{fill:var(--plate)}.ov-ticks{fill:none;stroke:var(--ink-2);stroke-width:1px;opacity:.75}.ov-caret{fill:none;stroke:var(--hot);stroke-width:3px;stroke-linecap:round;opacity:0;transition:opacity .12s}.ov-title{font-family:var(--sans);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;font-weight:700}.ov-detail{font-family:var(--sans);fill:var(--ink-2);text-anchor:middle;dominant-baseline:middle;letter-spacing:.08em;font-weight:500}.ov-detail.keys{letter-spacing:.02em}.ov-bubble{fill:color-mix(in srgb, var(--ink) 50%, transparent);pointer-events:none;transition:fill .12s}.ov-bubble.snapped{fill:var(--glow)}.ringfig{--ring-k:1}.ringfig .ov{transform:scale(var(--ring-k));transition:transform .5s var(--out)}.ringfig[data-size=small]{--ring-k:.85}.ringfig[data-size=large]{--ring-k:1.15}.ov-tint{fill:var(--slot-c,transparent);stroke:none;opacity:0;pointer-events:none;transition:opacity .25s}.ov-slot.tinted .ov-tint{opacity:1}.ov-slot.tinted.lit .ov-sec{fill:var(--slot-d)}.ov-slot.tinted.lit .ov-icon{stroke:#fff}.ov-slot.tinted.lit .ov-label{fill:#fff}.ringfig[data-lit=orange] .ov-slot.tinted.lit .ov-sec{fill:var(--hot)}.ringfig[data-lit=orange] .ov-slot.tinted.lit .ov-icon{stroke:var(--on-hot)}.ringfig[data-lit=orange] .ov-slot.tinted.lit .ov-label{fill:var(--on-hot)}.ringfig[data-lit=accent] .ov-slot.lit .ov-sec{fill:#0a64d8}.ringfig[data-lit=graphite] .ov-slot.lit .ov-sec{fill:#5e5e59}.ringfig:is([data-lit=accent],[data-lit=graphite]) .ov-slot.lit .ov-icon{stroke:#fff}.ringfig:is([data-lit=accent],[data-lit=graphite]) .ov-slot.lit .ov-label{fill:#fff}.ringfig[data-outline=fine] .ov-sec{stroke-width:1px}.ringfig[data-outline=bold] .ov-sec{stroke-width:2.6px}.ringfig[data-labels=icon] .ov-label{display:none}.ringfig[data-labels=icon] .ov-icon{transform:translate(-11px,-11px)scale(1.1)}.ringfig[data-labels=name] .ov-icon{display:none}.ringfig[data-labels=name] .ov-label{transform:translateY(-.95em)}.ringfig[data-material=frosted] .ov-slot:not(.lit) .ov-sec,.ringfig[data-material=frosted] .ov-hub{fill-opacity:.42}.ringfig[data-material=glass] .ov-slot:not(.lit) .ov-sec,.ringfig[data-material=glass] .ov-hub{fill-opacity:.26}.ringfig[data-material=glass] .ov-sec{stroke:#ffffff80}.ringfig[data-material=glass] .ov-slot.lit .ov-sec{fill-opacity:.85}.ringfig[data-shadow=none] :is(.ov-root,.ov-face){filter:none}.ringfig[data-shadow=deep] :is(.ov-root,.ov-face){filter:drop-shadow(0 22px 44px #0000008c)}.ringfig[data-appearance=light]{--face:#fbfbf9;--plate:#f2f2ef;--ink:#111;--ink-2:#5c5c58;--on-hot:#111}.ringfig[data-appearance=dark]{--face:#252522;--plate:#1b1b19;--ink:#ecece6;--ink-2:#a1a19a}.ring-desk{border-radius:var(--r-3);opacity:0;transition:opacity .45s ease, transform .6s var(--out);pointer-events:none;background:radial-gradient(70% 90% at 20% 15%,#6e8fb0,#0000 62%),radial-gradient(70% 80% at 85% 90%,#d9875e,#0000 60%),radial-gradient(60% 60% at 80% 20%,#b9a7d6,#0000 60%),#2c3440;position:absolute;inset:3%;overflow:hidden;transform:scale(.96)}.ring-desk i{background:#fff9;border-radius:8px;position:absolute;box-shadow:0 10px 30px #00000040}.ring-desk i:before{content:"";background:#0000002e;border-radius:4px;width:40%;height:7px;position:absolute;top:12px;left:14px;box-shadow:0 16px #00000014,0 30px #00000014}.ringfig:is([data-material=frosted],[data-material=glass]) .ring-desk{opacity:1;transform:none}.ring-frost{pointer-events:none;opacity:0;transform:scale(var(--ring-k));-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#000 57.4%,#0000 57.9%);mask:radial-gradient(closest-side,#000 57.4%,#0000 57.9%)}.ringfig[data-material=glass] .ring-frost{-webkit-backdrop-filter:blur(12px)saturate(170%);backdrop-filter:blur(12px)saturate(170%)}.ringfig:is([data-material=frosted],[data-material=glass]) .ring-frost{opacity:var(--ring-open,0)}.ringhome{display:none}.rfc-slot .ov-bubble{visibility:hidden}.rfc-slot .ov-face{transform-origin:0 0;transform:scale(calc(.85 + .15 * var(--hub,1)));opacity:calc(var(--ring-open,0) * var(--hub,1))!important}.ringfig,.ringfig .ov{position:relative}.ringcol{justify-items:center;min-width:0;display:grid}.rf-track{height:820vh;position:relative}.rf-pin{height:100dvh;position:sticky;top:0;overflow:hidden}.rf-slot{position:relative}.rf-slot>.ringfig{width:100%;max-width:none;height:100%;margin:0}.rf-bleed{width:100vw;margin-left:calc(50% - 50vw)}#ringfilm{margin-top:clamp(24px,3vw,40px)}@media (prefers-reduced-motion:reduce){.rf-track{height:auto}.rf-pin{height:min(100dvh,900px);position:relative}}.rfc-pin{grid-template-rows:auto minmax(0,1fr);place-items:center;padding-block:84px 120px;display:grid}.rfc-bg{opacity:0;background:radial-gradient(60% 80% at 70% 30%,#8e7fb8,#0000 60%),radial-gradient(70% 80% at 80% 95%,#d9875e,#0000 60%),radial-gradient(70% 90% at 25% 25%,#4e6e92,#0000 62%),#1b2230;transition:opacity .9s;position:absolute;inset:0}.rfc-pin[data-bg=dusk] .rfc-bg{opacity:1}.rfc-pin[data-bg=dusk]{--ink:#ecece6;--ink-2:#c9c9c2}.rfc-words{z-index:3;text-align:center;justify-items:center;gap:10px;display:grid;position:relative}.rfc-word{font:800 clamp(40px, 5.6vw, 92px)/.95 var(--sans);letter-spacing:-.045em;color:var(--ink)}.rfc-say{color:var(--ink-2);max-width:44ch;font-size:clamp(16px,1.4vw,20px)}.rfc-word,.rfc-say{opacity:0;filter:blur(6px);transform:translateY(10px)}.rfc-word.in,.rfc-say.in{opacity:1;filter:none;transition:opacity .5s var(--out), transform .6s var(--out), filter .5s var(--out);transform:none}.rfc-stage{aspect-ratio:1;perspective:1700px;align-self:center;width:min(120dvh - 360px,94vw);margin-block:0;position:relative}.rfc-obj{transform-style:preserve-3d;z-index:1;position:absolute;inset:0}.rfc-slot{position:absolute;inset:0}.rfc-sweep{pointer-events:none;opacity:0;z-index:4;mix-blend-mode:soft-light;background:linear-gradient(105deg,#0000 42%,#ffffff8c 50%,#0000 58%) 120% 0/300% 100% no-repeat;transition:opacity .3s;position:absolute;inset:0;-webkit-mask:radial-gradient(closest-side,#0000 19%,#000 20% 57%,#0000 57.6%);mask:radial-gradient(closest-side,#0000 19%,#000 20% 57%,#0000 57.6%)}.rfc-flare{pointer-events:none;opacity:0;z-index:0;filter:blur(10px);background:radial-gradient(closest-side,#ff5a1a8c,#ff5a1a1f 55%,#0000 72%);border-radius:50%;position:absolute;inset:8%}.rfc-obj .ov-slot{will-change:transform}.rfc-steps{z-index:3;font:500 var(--fs-label)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);gap:22px;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.rfc-steps li{opacity:.45;padding-top:12px;transition:opacity .3s,color .3s;position:relative}.rfc-steps li:before{content:"";background:var(--rule);height:2px;position:absolute;top:0;left:0;right:0}.rfc-steps li.done{opacity:.75}.rfc-steps li.done:before{background:var(--ink-2)}.rfc-steps li.on{opacity:1;color:var(--ink)}.rfc-steps li.on:before{background:var(--hot)}.rfc-floor{opacity:0;filter:blur(6px);background:radial-gradient(closest-side,#00000073,#0000);border-radius:50%;height:16%;position:absolute;bottom:6%;left:12%;right:12%}@media (width<=900px){.rfc-steps{gap:10px;font-size:9px;bottom:84px}}.feel{padding-top:var(--section)}.feel>h2{max-width:14ch}.bento{grid-template-rows:auto auto;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;margin-top:clamp(36px,5vw,64px);display:grid}.cell{flex-direction:column;display:flex;overflow:hidden}.cell .art{border-bottom:1.5px solid var(--ink);flex:1;place-items:center;min-height:220px;display:grid;position:relative}.cell .words{padding:22px 24px 24px}.cell .words p{color:var(--ink-2);text-wrap:pretty;max-width:46ch;margin-top:8px}.cell.scroll{grid-row:1/span 2}.cell.scroll .art{background:var(--well);padding:28px}.plot{width:100%;height:auto;overflow:visible}.plot .grid{stroke:var(--rule);stroke-width:1px}.plot .stair{fill:none;stroke:var(--ink-2);stroke-width:1.5px;stroke-dasharray:4 5}.plot .glide{fill:none;stroke:var(--hot);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.plot text{font:500 10px var(--mono);letter-spacing:.08em;fill:var(--ink-2);text-transform:uppercase}.plot .notch{stroke:var(--ink);stroke-width:1.5px}@media (prefers-reduced-motion:no-preference){.js .plot .glide{stroke-dasharray:1;stroke-dashoffset:1px}.js .feel.go .plot .glide{animation:plot 1.8s var(--out) .2s forwards}}.cell.haptic .art{padding:28px}.cell.haptic .art svg{width:auto;max-width:100%;height:260px;overflow:visible}.hp-body{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-linecap:round}.hp-panel{fill:var(--hot);stroke:var(--ink);stroke-width:1.5px}.hp-ripple{fill:none;stroke:var(--hot);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;opacity:0}@media (prefers-reduced-motion:no-preference){.feel.go .hp-ripple{animation:ripple 2.6s var(--out) infinite;animation-delay:calc(var(--i) * .14s)}}@media (prefers-reduced-motion:reduce){.hp-ripple{opacity:calc(.6 - var(--i) * .18);transform:scale(calc(1.1 + var(--i) * .12))}}@keyframes ripple{0%{opacity:0;transform:scale(1)}6%{opacity:.9}40%,to{opacity:0;transform:scale(1.55)}}.cell.pointer .art{align-content:center;padding:28px 24px}.readout{align-items:baseline;gap:10px;display:flex}.readout output{font:500 clamp(48px, 6vw, 72px)/1 var(--mono);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.readout .mono{color:var(--ink-2)}.range{width:100%;margin-top:18px}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(var(--hot), var(--hot)) 0 0 / var(--p,10%) 100% no-repeat, var(--off);border-radius:2px;height:4px}input[type=range]::-moz-range-track{background:var(--off);border-radius:2px;height:4px}input[type=range]::-moz-range-progress{background:var(--hot);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--face);border:1.5px solid var(--ink);width:14px;height:26px;box-shadow:0 2px 0 var(--ink);border-radius:3px;margin-top:-11px}input[type=range]::-moz-range-thumb{background:var(--face);border:1.5px solid var(--ink);width:12px;height:24px;box-shadow:0 2px 0 var(--ink);border-radius:3px}.ticks{color:var(--ink-2);justify-content:space-between;margin-top:4px;display:flex}:is(.settings,.fwsec,.histsec,.keys-s,.ring) .head{gap:22px;display:grid}:is(.settings,.fwsec,.histsec,.keys-s,.ring) .head>*{max-width:780px}.settings,.fwsec,.histsec{padding-top:var(--section)}.mark{fill:currentColor;vertical-align:-.12em;flex:none;width:1em;height:1em}.glyph{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.12em;flex:none;width:1em;height:1em}.switch{border:1.5px solid var(--ink);border-radius:var(--r-pill);background:var(--off);cursor:pointer;flex:none;width:40px;height:22px;padding:0;transition:background-color .16s;position:relative}.switch i{background:var(--face);border:1px solid var(--ink);width:15px;height:15px;transition:transform .2s var(--out);border-radius:50%;position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--hot)}.switch[aria-checked=true] i{transform:translate(18px)}.appsec{padding-top:var(--section)}.appsec .head{gap:22px;display:grid}.appsec .head>*{max-width:780px}#appsx{margin-top:clamp(36px,5vw,72px)}.am{width:100%;height:auto;display:block;overflow:visible}.jobs{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none;display:grid;container-type:inline-size}.jobs li{border-bottom:1px solid var(--rule);grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px 0;display:grid}.jobs .nm{font:600 15px/1.2 var(--sans);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jobs .does{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.jobs .does b{font:700 16px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.jobs em{color:var(--ink-2);text-align:right;grid-column:2/-1;font-size:13px;font-style:normal;line-height:1.4}@container (width<=360px){.jobs li{grid-template-columns:30px minmax(0,1fr)}.jobs .does{grid-column:2;justify-content:flex-start}.jobs em{text-align:left}}.jobs .num{background:var(--hot);color:var(--on-hot);border-color:var(--ink)}.same{grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,4fr);align-items:center;gap:clamp(20px,3vw,48px);display:grid}.same-apps{justify-items:start;gap:2px;display:grid}.same-apps button{cursor:pointer;text-align:left;font:800 clamp(30px, 3.6vw, 58px)/1.05 var(--sans);letter-spacing:-.04em;color:var(--off);white-space:nowrap;background:0 0;border:0;align-items:center;gap:.3em;padding:2px 0 8px;transition:color .25s;display:flex;position:relative}.same-apps button:hover{color:var(--ink-2)}.same-apps button.on{color:var(--ink)}.same-apps button.on span:after{content:"";background:var(--hot);vertical-align:.08em;width:.18em;height:.18em;margin-left:.3em;display:inline-block}.same-apps button i{background:var(--hot);transform-origin:0;opacity:0;height:2px;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.same.auto .same-apps button.on i{opacity:1}.same-apps .mk{fill:currentColor;flex:none;width:.6em;height:.6em}.same-fig .who{align-items:center;gap:6px;display:inline-flex}.same-fig .who .mk{fill:currentColor;width:12px;height:12px}.same-apps .more{color:var(--ink-2);margin-top:16px}.same-fig{padding:40px 24px 24px;position:relative}.same-fig>p{color:var(--ink-2);align-items:center;gap:6px;display:flex;position:absolute;top:14px;left:16px}.same-fig>p b{background:var(--hot);width:7px;height:7px;margin-right:4px}.same-fig .who{color:var(--ink)}.same-fig .am{max-height:480px}.same-fig .a-part{transition:fill .3s}.same-jobs .about{color:var(--ink-2);min-height:3em;margin-top:16px;font-size:15px;line-height:1.5}@media (width<=1080px) and (width>=861px){.same{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.same-apps{flex-wrap:wrap;grid-column:1/-1;gap:4px 22px;display:flex}}@media (width<=860px){.same{grid-template-columns:minmax(0,1fr)}.same-apps{flex-wrap:wrap;gap:4px 16px;display:flex}.same-apps button{font-size:26px}.same-fig .am{max-height:300px}}#parts{margin-top:clamp(40px,6vw,88px)}.crop{position:relative;overflow:hidden}.crop svg{width:100%;height:100%;display:block}.a-part.tap{fill:var(--hot)}.ripple{fill:none;stroke:var(--hot);stroke-width:2px;transform-box:fill-box;transform-origin:50%;pointer-events:none}.piece{gap:18px;min-width:0;display:grid}.piece .hint{color:var(--ink-2)}.speedtag{background:var(--ink);color:var(--plate);border-radius:var(--r-1);font:500 12px/1 var(--mono);opacity:0;transition:opacity .2s ease, transform .3s var(--out);pointer-events:none;box-shadow:0 8px 20px var(--shadow);align-items:center;gap:8px;padding:8px 10px;display:inline-flex;transform:translateY(4px)}.speedtag.on{opacity:1;transform:none}.speedtag b{font:600 15px/1 var(--mono)}.speedtag i{background:color-mix(in srgb, var(--plate) 30%, transparent);border-radius:2px;width:8px;height:12px}.speedtag i.on{background:var(--hot)}.compass{aspect-ratio:1;width:min(100%,300px);margin-inline:auto;position:relative}.compass svg{touch-action:none;cursor:grab;width:100%;height:100%;display:block;overflow:visible}.compass svg:active{cursor:grabbing}.compass .ring{fill:none;stroke:var(--rule);stroke-width:1.5px;stroke-dasharray:3 6}.compass .arm{stroke:var(--ink-2);stroke-width:1.2px;stroke-dasharray:2 5}.compass .trail{stroke:var(--hot);stroke-width:5px;stroke-linecap:round}.compass .key{fill:var(--face);stroke:var(--ink);stroke-width:1.5px}.compass .dot{fill:var(--hot);stroke:var(--ink);stroke-width:1.5px}.sw-l{font:600 15px/1.2 var(--sans);color:var(--ink-2);white-space:nowrap;pointer-events:none;align-items:center;gap:8px;transition:color .2s;display:flex;position:absolute}.sw-l b{font:500 13px/1 var(--mono);color:var(--ink-2);transition:color .2s}.sw-l.on{color:var(--ink)}.sw-l.on b{color:var(--hot)}.sw-l.up{top:12%;left:50%;transform:translate(-50%,-100%)}.sw-l.down{top:88%;left:50%;transform:translate(-50%)}.sw-l.right{top:50%;left:88%;transform:translate(8px,-50%)}.sw-l.left{flex-direction:row-reverse;top:50%;right:88%;transform:translate(-8px,-50%)}.presses{border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.presses div{gap:6px;padding:12px 12px 0 0;display:grid}.presses dt{color:var(--ink-2)}.presses dd{font:600 15px/1.2 var(--sans);margin:0}.drum{outline:none;align-items:center;gap:24px;height:260px;display:flex;position:relative;-webkit-mask:linear-gradient(#0000,#000 28% 72%,#0000);mask:linear-gradient(#0000,#000 28% 72%,#0000)}.drum:focus-visible{outline:2px solid var(--hot);outline-offset:4px;-webkit-mask:none;mask:none}.knurl{border:1.5px solid var(--ink);background:var(--face);border-radius:23px;flex:none;width:46px;height:230px;overflow:hidden}.knurl i{background:repeating-linear-gradient(0deg, var(--ink) 0 1.5px, transparent 1.5px 12px);height:100%;transition:background-position .55s var(--out);background-position:0 0;display:block}.drum ul{flex:1;min-width:0;height:100%;margin:0;padding:0;list-style:none;position:relative}.drum li{transform:translateY(calc(-50% + var(--d,0) * 50px));font:700 clamp(22px, 2.4vw, 34px)/1 var(--sans);letter-spacing:-.025em;color:var(--ink-2);white-space:nowrap;cursor:pointer;transition:transform .55s var(--out), opacity .35s ease, color .25s ease;position:absolute;top:50%;left:0}.drum li.on{color:var(--ink)}.drum li.on:after{content:"";background:var(--hot);vertical-align:middle;width:8px;height:8px;margin-left:12px;display:inline-block}.glidecap{color:var(--ink-2);gap:8px;display:grid}.glidecap svg{width:min(100%,300px);height:auto;overflow:visible}.glidecap .stair{fill:none;stroke:var(--ink-2);stroke-width:1.5px;stroke-dasharray:4 5}.glidecap .glide{fill:none;stroke:var(--hot);stroke-width:3px;stroke-linecap:round}.nums{flex-wrap:wrap;align-items:baseline;gap:4px 22px;display:flex}.nums span{font:500 clamp(44px, 5.6vw, 88px)/1 var(--mono);letter-spacing:-.05em;color:var(--off);font-variant-numeric:tabular-nums;transition:color .3s}.nums span.on{color:var(--ink)}.nums .unit{letter-spacing:.08em;color:var(--ink-2);font-size:11px}.travel{color:var(--ink-2);gap:10px;display:grid}.track{background:var(--rule);border-radius:2px;height:4px;position:relative}.track i{background:var(--hot);width:50%;transition:width .7s var(--move);border-radius:2px;position:absolute;top:0;bottom:0;left:0}.track i:after{content:"";background:var(--hot);border:1.5px solid var(--ink);border-radius:50%;width:12px;height:12px;position:absolute;top:-4px;right:-6px}.speeds .go{align-items:center;gap:16px;min-height:44px;display:flex}.jingles{margin:0;padding:0;list-style:none;display:grid}.jingles button{border:0;border-top:1px solid var(--rule);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:16px;padding:12px 0;display:grid}.jingles li:last-child button{border-bottom:1px solid var(--rule)}.jingles .t{gap:4px;display:grid}.jingles b{font:600 15px/1.2 var(--sans)}.jingles .t .mono{color:var(--ink-2)}.beats{background:var(--well);border:1px solid var(--rule);border-radius:var(--r-1);height:40px;position:relative;overflow:hidden}.beats i{background:var(--ink-2);border-radius:2px;width:6px;margin-left:10px;transition:background-color .2s;position:absolute;bottom:6px}.beats em{background:var(--hot);width:2px;position:absolute;top:0;bottom:0;left:-2px}.jingles li.on .beats i{background:var(--hot)}.jingles button:hover .beats{border-color:var(--ink)}.chapters{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(24px,5vw,80px);display:grid}.ch-stage{align-items:center;height:100dvh;display:grid;position:sticky;top:0}.ch-frame{aspect-ratio:.8;justify-self:center;width:100%;max-height:calc(100dvh - 150px);margin-top:40px;position:relative;overflow:hidden}.ch-frame svg{width:100%;height:100%;display:block}.ch-frame :is(path,circle,rect){vector-effect:non-scaling-stroke}.ch-frame .a-body{stroke-width:2px}.ch-tag{color:var(--ink-2);align-items:center;gap:10px;display:flex;position:absolute;top:16px;left:18px}.ch-tag b{background:var(--hot);width:7px;height:7px}.ch-stage{align-content:center;gap:16px}.ch-index{gap:6px;display:flex}.ch-index a{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);flex:1;gap:8px;padding-top:2px;text-decoration:none;transition:color .3s;display:grid}.ch-index a i{background:var(--off);border-radius:2px;height:3px;transition:background-color .3s}.ch-index a:hover,.ch-index a.on{color:var(--ink)}.ch-index a.on i{background:var(--hot)}.ch{opacity:1;flex-direction:column;justify-content:center;gap:36px;min-height:100dvh;padding-block:12vh;transition:opacity .5s;display:flex}.ch.on{opacity:1}.ch h3{font:800 clamp(32px, 3.6vw, 58px)/1 var(--sans);letter-spacing:-.035em;text-wrap:balance}.ch-words p{color:var(--ink-2);text-wrap:pretty;max-width:40ch;margin-top:16px;font-size:17px;line-height:1.55}@media (width<=860px){.chapters{grid-template-columns:minmax(0,1fr)}.ch-stage{z-index:2;background:var(--bench);height:auto;padding-bottom:12px;top:60px}.ch-frame{aspect-ratio:1.5;max-height:30dvh;margin-top:0}.ch{min-height:70dvh;padding-block:6vh}.compass{aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;width:100%;display:grid}.compass svg{grid-column:1/-1;justify-self:center;width:220px;height:220px}.sw-l,.sw-l.up,.sw-l.down,.sw-l.left,.sw-l.right{white-space:normal;flex-direction:row;font-size:14px;position:static;transform:none}.ch-index a{font-size:10px}}#fwx{margin-top:clamp(32px,4vw,56px)}.fwk svg{width:100%;height:auto;display:block;overflow:visible}.fwk .filled .a-key{fill:var(--hot);transform-box:fill-box;transform-origin:50%}.fwk .filled .a-dish{stroke:var(--on-hot-line)}.fwk .filled .a-body{fill:color-mix(in srgb, var(--hot) 22%, var(--plate))}.fwk .base{transition:opacity .3s}.fwk.asleep .base{animation:1.4s ease-in-out infinite asleep}@keyframes asleep{50%{opacity:.35}}.fwk .tick{opacity:0}.fwk .tick rect{fill:var(--face);stroke:var(--ink);stroke-width:2.5px}.fwk .tick path{fill:none;stroke:var(--ink);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px}.fwk svg.done .tick{animation:drop .5s var(--out) .6s forwards}.fwk svg.done .tick path{animation:plot .4s var(--out) .9s forwards}@keyframes drop{0%{opacity:0;transform:translateY(-30px)}to{opacity:1}}.ck{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.fw-rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.fw-rail li{border-top:3px solid var(--off);color:var(--ink-2);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding-top:12px;font-size:14px;transition:border-color .3s,color .3s;display:grid}.fw-rail li b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.fw-rail li.done{border-color:var(--ink);color:var(--ink)}.fw-rail li.now{border-color:var(--hot);color:var(--ink)}.fw-rail .box{border:1.5px solid;border-radius:3px;place-items:center;width:16px;height:16px;display:grid}.fw-rail li.now .box{border-color:var(--hot);background:color-mix(in srgb, var(--hot) 20%, transparent)}.fw-rail .mono{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:11px}.ffill{height:440vh}.ff-pin{grid-template-rows:auto minmax(0,1fr) auto;gap:24px;height:100dvh;padding-block:96px 48px;display:grid;position:sticky;top:0}.ff-top{flex-wrap:wrap;align-items:end;gap:28px;display:flex}.ff-pct{font:500 clamp(64px, 9vw, 144px)/.85 var(--mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums;align-items:baseline;display:flex}.ff-pct small{color:var(--ink-2);letter-spacing:0;margin-left:6px;font-size:.35em}.ffill.finished .ff-pct{color:var(--hot)}.ff-say{flex:1;gap:6px;min-width:240px;padding-bottom:8px;display:grid}.ff-line{font:700 clamp(18px, 1.8vw, 26px)/1.2 var(--sans);letter-spacing:-.015em}.ff-sub{color:var(--ink-2);min-height:1.45em;font-size:15px;line-height:1.45}.ff-line.turn{color:var(--hot)}.ff-ver{color:var(--ink-2);padding-bottom:12px}.ff-ver b{color:var(--ink)}.ff-kb{--h:min(calc(100dvh - 340px), calc((min(100vw, 1440px) - 200px) / 3.2));justify-content:center;align-items:center;gap:clamp(28px,5vw,80px);min-height:0;display:flex}.ff-kb .fwk svg{height:var(--h);width:auto}.fwk{transition:opacity .5s}.fwk.idle{opacity:.5}.fwk.mouse .filled .a-body{fill:var(--hot)}.fwk.mouse .filled .a-part{fill:var(--hot-hover);stroke:var(--on-hot);transform-box:fill-box;transform-origin:50%}.fwk.mouse .filled :is(.a-seam,.a-fine){stroke:var(--on-hot)}.fwk.mouse .filled .a-dot,.fwk.mouse .filled circle{fill:var(--on-hot)}@media (width<=860px){.ffill{height:auto}.ff-pin{height:auto;padding-block:0;position:relative}.ff-kb{--h:auto;flex-wrap:wrap;gap:20px}.ff-kb .fwk.keys{width:100%}.ff-kb .fwk.keys svg{width:100%;height:auto}.ff-kb .fwk.mouse svg{height:200px}.ff-top{flex-direction:column;align-items:flex-start;gap:10px}.ff-say{min-width:0}.fw-rail li b{white-space:normal}.fw-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.ffill{height:auto}.ff-pin{height:auto;position:relative}}#histx{margin-top:clamp(32px,4vw,56px)}.dim{color:var(--ink-2)}.ev-i{fill:none;width:14px;height:14px;stroke:var(--ink-2);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none}.ev-i.first,.ev-i.paired{fill:var(--hot);stroke:var(--hot)}.ev-i.updated,.ev-i.sent,.ev-i.renamed{stroke:var(--ink)}.logbook{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,64px);display:grid}.lb-side{align-self:start;gap:14px;display:grid;position:sticky;top:110px}.lb-fig{aspect-ratio:1;place-items:center;padding:28px;display:grid}.lb-fig svg{width:80%;height:80%}.lb-fig svg.gone .a-body{stroke-dasharray:6 6}.lb-name{gap:6px;display:grid}.lb-name b{font:800 26px/1 var(--sans);letter-spacing:-.03em}.lb-name .mono{color:var(--ink-2);align-items:center;gap:6px;display:inline-flex}.lb-list{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.lb-list li{border-bottom:1px solid var(--rule);opacity:.38;grid-template-columns:minmax(110px,2fr) minmax(0,7fr);gap:20px;padding:22px 0;transition:opacity .35s;display:grid}.lb-list li.on{opacity:1}.lb-date{font:500 clamp(26px, 2.6vw, 38px)/1 var(--mono);letter-spacing:-.04em;white-space:nowrap}.lb-t{flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:17px;line-height:1.4;display:flex}.lb-t b{font-weight:700}.lb-t>span{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:0 5px;display:inline-flex}.lb-list li.on .lb-t>span{color:var(--ink)}.lb-list li.lb-month{opacity:1;border-bottom:0;padding:34px 0 10px;display:block}.lb-list li.lb-month:first-child{padding-top:14px}.lb-month .mono{color:var(--hot)}.lb-list li.lb-end{opacity:1;border-bottom:0;grid-template-columns:minmax(110px,2fr) minmax(0,7fr);gap:20px;padding:30px 0 0;display:grid;position:relative}.lb-list li.lb-end:before{content:"";background-image:linear-gradient(90deg, var(--ink-2) 50%, transparent 0);background-size:8px 1px;height:1px;position:absolute;top:-1px;left:0;right:0}.histsec .example{color:var(--ink-2);margin-top:32px}.lb-end .mono{color:var(--ink-2);padding-top:3px}.lb-end p{font-size:17px;line-height:1.5}.lb-end p span{color:var(--ink-2)}.lb-facts{border-block:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin:4px 0 0;display:grid}.lb-facts div{gap:6px;min-width:0;padding:12px 10px 12px 0;display:grid}.lb-facts div+div{border-left:1px solid var(--rule);padding-left:12px}.lb-facts dt{color:var(--ink-2)}.lb-facts dd{font:700 17px/1.1 var(--sans);white-space:nowrap;align-items:center;gap:5px;margin:0;display:flex}@media (width<=860px){.logbook{grid-template-columns:minmax(0,1fr)}.lb-facts{display:none}.lb-side{z-index:2;background:var(--bench);grid-template-columns:88px minmax(0,1fr);align-items:center;padding-block:8px;position:sticky;top:70px}.lb-fig{padding:8px}.lb-name b{font-size:20px}.lb-list li,.lb-list li.lb-end{grid-template-columns:minmax(0,1fr);gap:8px}.dp-fig svg{max-height:340px}.bd-grid{grid-template-columns:minmax(0,1fr)}.pad{display:none}.pairs div{grid-template-columns:96px minmax(0,1fr)}.chips{justify-content:flex-start}}.keys-s{padding-top:var(--section)}.keys-s .head{gap:22px;display:grid}.keys-s .head>*{max-width:760px}.kbplate{margin-top:clamp(32px,4vw,56px);overflow:hidden}.kbfig{background:var(--plate);padding:clamp(24px,5vw,72px) clamp(16px,6vw,96px)}.kbfig svg{width:100%;height:auto;display:block;overflow:visible}.kbfig .a-key{fill:color-mix(in srgb, var(--hot) calc(var(--light,0) * 36%), var(--face));transition:fill .3s}.kbfig.media .a-key.top{fill:var(--hot)}.kbfig.media .a-key.top+.a-dish{stroke:var(--on-hot-line)}.kbfig .flabel{font:500 15px var(--mono);fill:var(--ink);text-anchor:middle;dominant-baseline:middle;opacity:0;transition:opacity .2s}.kbfig:not(.media) .flabel{opacity:1}.kbbar{border-top:1.5px solid var(--ink);background:var(--well);flex-wrap:wrap;align-items:center;gap:16px 40px;padding:16px 20px;display:flex}.kbbar label,.kbbar .ctl{align-items:center;gap:14px;display:flex}.kbbar .mono{color:var(--ink-2);white-space:nowrap}.kbbar .kblight{flex:1;min-width:min(100%,240px)}.kbbar .kblight input{flex:1;min-width:0}.kbbar output{font:500 13px var(--mono);font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.devices{padding-top:var(--section)}.devices .head{justify-items:start;gap:22px;display:grid}.devices .head>*{max-width:760px}.wall{border-block:1.5px solid var(--ink);background:color-mix(in srgb, var(--plate) 60%, transparent);gap:28px;margin-top:clamp(36px,5vw,64px);padding-block:36px;display:grid;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.lane{align-items:end;gap:56px;width:max-content;display:flex}.lane .dev{flex:none;justify-items:center;gap:12px;display:grid}.lane .dev svg{height:var(--h);width:auto;overflow:visible}.lane .dev span{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}.lane .dev.ms{--h:132px}.lane .dev.kb{--h:92px}@media (prefers-reduced-motion:no-preference){.lane{animation:lane var(--dur,90s) linear infinite}.lane.keys{--dur:110s;animation-direction:reverse}.wall:hover .lane{animation-play-state:paused}}@keyframes lane{to{transform:translate(-50%)}}.ways-h{font:800 clamp(26px, 2.6vw, 38px)/1.1 var(--sans);letter-spacing:-.03em;margin-top:clamp(48px,6vw,88px)}#waysx{margin-top:clamp(24px,3vw,40px)}.rcv svg{width:100%;height:auto;display:block;overflow:visible}.rcv path{vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.rcv .body{fill:var(--face);stroke:var(--ink);stroke-width:1.6px}.rcv .bevel{fill:none;stroke:var(--ink-2);stroke-width:.9px}.rcv .metal{fill:color-mix(in srgb, var(--ink) 9%, var(--plate));stroke:var(--ink);stroke-width:1.4px}.rcv .fold{fill:none;stroke:var(--ink-2);stroke-width:.8px}.rcv .hole{fill:var(--bench);stroke:var(--ink);stroke-width:1.1px}.rcv .rm path{fill:var(--ink);stroke:none}.rcv .cord-o{fill:none;stroke:var(--ink);stroke-width:42px;vector-effect:none;stroke-linecap:butt}.rcv .cord-i{fill:none;stroke:var(--face);stroke-width:38.4px;vector-effect:none;stroke-linecap:butt}.w-name{font:700 16px/1.2 var(--sans);white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.w-name .mark{width:18px;height:18px;fill:var(--ink)}.w-name .glyph{width:18px;height:18px}.wbench{--k:.9;height:clamp(380px,36vw,500px);position:relative}@media (width>=1500px){.wbench{--k:1.05}}@media (width<=1180px){.wbench{--k:.72}}.wb-item{left:var(--x);top:var(--y);justify-items:start;gap:14px;margin:0;display:grid;position:absolute}.wb-item .rcv{width:calc(var(--len) * 1px * var(--k,1));transform:rotate(var(--r));transform-origin:40%;filter:drop-shadow(0 16px 14px var(--shadow));transition:transform .5s var(--out), filter .5s var(--out)}@media (hover:hover){.wb-item:hover .rcv{filter:drop-shadow(0 26px 20px var(--shadow));transform:rotate(0)translateY(-6px)}}.wb-item figcaption{gap:4px;max-width:26ch;display:grid}.wb-item figcaption>span:last-child,.wb-bt>span:last-child{color:var(--ink-2);font-size:14px;line-height:1.45}.wb-bt{border:1.5px dashed var(--rule);border-radius:var(--r-2);gap:4px;max-width:26ch;padding:14px 16px;display:grid;position:absolute;top:4%;right:0}@media (width<=860px){.wbench{grid-template-columns:minmax(0,1fr);gap:28px;height:auto;display:grid}.wb-item,.wb-bt{position:static}.wb-item .rcv{width:min(100%, calc(var(--len) * .9px))}}.rcv .rip circle{fill:none;stroke:var(--hot);stroke-width:2px;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:50%}.rcv .rm path,.w-name .mark,.w-name .glyph{transition:fill .35s,stroke .35s,color .35s}.wb-item.live .rcv .rm path,.wb-item.live .w-name .mark{fill:var(--hot)}.wb-item.live .w-name .glyph,.wb-bt.live .w-name .glyph{stroke:var(--hot);color:var(--hot)}.rcv .zap{fill:none;stroke:var(--hot);stroke-width:12px;vector-effect:none;stroke-linecap:round;stroke-dasharray:.14 1.2;stroke-dashoffset:-1.1px;opacity:0}.rcv .metal{transition:fill .4s}.wb-item.way-cable.live .rcv .metal.tip{fill:color-mix(in srgb, var(--hot) 30%, var(--plate))}.wb-bt .w-name .glyph{overflow:visible}@media (prefers-reduced-motion:no-preference){.wb-item.live .rip circle{animation:rip 1.6s var(--out) infinite}.wb-item.live .rip circle:nth-child(2){animation-delay:.35s}.wb-item.live .rip circle:nth-child(3){animation-delay:.7s}.wb-item.live .zap{animation:1.4s cubic-bezier(.45,0,.2,1) forwards zap}.wb-bt.live{animation:btcall 1.6s var(--out)}.js .wbench:not(.go) .wb-item .rcv{opacity:0;transform:translateY(-46px) rotate(calc(var(--r) + 9deg)) scale(1.04);filter:drop-shadow(0 46px 36px #0000)}.js .wbench:not(.go) .wb-item figcaption,.js .wbench:not(.go) .wb-bt{opacity:0;transform:translateY(8px)}.wbench.go .wb-item .rcv{transition:opacity .35s ease calc(var(--i) * .14s), transform .8s cubic-bezier(.2, .9, .25, 1.06) calc(var(--i) * .14s), filter .8s var(--out) calc(var(--i) * .14s)}.wbench.go .wb-item figcaption,.wbench.go .wb-bt{transition:opacity .5s ease calc(var(--i) * .14s + .35s), transform .6s var(--out) calc(var(--i) * .14s + .35s)}}@keyframes rip{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(2.6)}}@keyframes zap{0%{opacity:1;stroke-dashoffset:-1.1px}85%{opacity:1}to{opacity:0;stroke-dashoffset:.14px}}@keyframes btcall{0%{border-color:var(--hot)}to{border-color:var(--rule)}}@media (width<=860px){.wbench{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;height:auto;display:grid}.wb-item{width:auto;position:static}.wb-item .rcv{width:min(100%, calc(var(--len) * .55px))}.wb-item.way-cable{grid-column:1/-1}.wb-item.way-cable .rcv{margin-left:8%}}.lightsec,.getsec{padding-top:var(--section)}.getsec{padding-bottom:clamp(72px,10vw,140px)}.lightsec h2,.getsec h2{text-wrap:balance}.appicon{width:112px;height:112px;filter:drop-shadow(0 18px 28px var(--lift));display:block}.sk{height:230vh}.sk-pin{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,5vw,80px);height:100dvh;padding-block:80px 40px;display:grid;position:sticky;top:0}.sk-words .lede{margin-top:22px}.sk-stage{place-items:center;display:grid}.sk-box{aspect-ratio:1;width:min(100%,100dvh - 180px);position:relative}.sk-sq{border:1.5px solid var(--ink);border-radius:var(--r-2);background:var(--well);transform-origin:0 100%;transition:background-color .3s,border-color .3s;position:absolute;inset:0}.sk-sq.mine{background:var(--hot)}.sk-num{font:500 clamp(56px, 7vw, 112px)/1 var(--mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums;position:absolute;top:0;right:0}.sk-num small{letter-spacing:0;color:var(--ink-2);font-size:.4em}.sk.done .sk-num{color:var(--hot)}.sk-who{color:var(--ink-2);position:absolute;top:calc(clamp(56px,7vw,112px) + 12px);right:0}.sk.still .sk-box{width:min(100%,420px)}.facts{border-top:1.5px solid var(--ink);gap:0;margin:36px 0 0;padding:0;list-style:none;display:grid}.facts li{border-bottom:1px solid var(--rule);grid-template-columns:28px minmax(0,1fr);gap:12px;padding:16px 0;display:grid}.facts li:last-child{border-bottom:0}.facts svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}.facts b{font-weight:600}.facts span{color:var(--ink-2)}.macsec{padding-top:var(--section)}.macsec .head{gap:22px;display:grid}.macsec .head>*{max-width:780px}#macsx{margin-top:clamp(36px,5vw,72px)}.desk{position:relative}.desk-svg{width:100%;height:auto;display:block;overflow:visible}.desk-line{stroke:var(--rule);stroke-width:1px}.c-body{fill:var(--plate);stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.c-scr{fill:var(--well);stroke:var(--ink);stroke-width:1px;transition:fill .5s var(--out), filter .5s var(--out)}.c-scr.on{fill:var(--hot);filter:drop-shadow(0 6px 22px color-mix(in srgb, var(--hot) 38%, transparent))}.c-scr.off{fill:color-mix(in srgb, var(--ink) 6%, var(--bench))}.c-seam{fill:none;stroke:var(--ink);stroke-width:1px}.c-dot{fill:var(--ink)}.desk .a-key.press{fill:var(--hot)}.hop{fill:none;stroke:var(--hot);stroke-width:1.5px;stroke-dasharray:3 7;stroke-linecap:round;opacity:0;transition:opacity .3s}.hop.on{opacity:1}.waves path{fill:none;stroke:var(--hot);stroke-width:2px;stroke-linecap:round;opacity:0}.waves.on path{animation:wave 1.2s var(--out) infinite}.waves.on path:nth-child(2){animation-delay:.15s}.waves.on path:nth-child(3){animation-delay:.3s}@keyframes wave{0%{opacity:0}30%{opacity:1}to{opacity:0}}.dk-l{font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;fill:var(--ink-2)}.dk-screen{place-items:center;padding:3%;display:grid;position:absolute;overflow:hidden;container-type:inline-size}.dk-chip{--chip:var(--on-hot);--chip-ink:var(--on-hot-line);text-overflow:ellipsis;background:var(--chip);max-width:100%;color:var(--chip-ink);border-radius:var(--r-2);font:600 clamp(10px, 5cqi, 19px)/1.2 var(--sans);letter-spacing:-.01em;white-space:nowrap;text-align:center;animation:chipin .35s var(--out);border:0;align-items:center;gap:10px;padding:.6em .9em;display:inline-flex;overflow:hidden;box-shadow:0 6px 18px #11111147}@keyframes chipin{0%{opacity:0;filter:blur(3px);transform:translateY(6px)scale(.97)}}.dk-chip.key{--chip:var(--on-hot-line);--chip-ink:var(--on-hot)}.dk-chip.warn{color:var(--on-hot);box-shadow:none;outline:1.5px dashed var(--on-hot);outline-offset:-1.5px;background:0 0}.dk-chip.btnlike{transition:transform .12s var(--out), box-shadow .12s var(--out), background-color .2s ease, color .2s ease;box-shadow:0 3px #1111118c,0 6px 18px #11111147}.dk-chip.btnlike.pressed{--chip:var(--on-hot-line);--chip-ink:var(--on-hot);transform:translateY(3px);box-shadow:0 0 #1111118c}.dk-chip.set{gap:.35em;display:grid}.dk-chip.set span{font:500 clamp(8px, 2.8cqi, 10.5px) var(--mono);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--chip-ink) 62%, transparent)}.dk-chip.came{animation:came .7s var(--out)}@keyframes came{0%{background:var(--on-hot-line);color:var(--on-hot)}to{background:var(--on-hot);color:var(--on-hot-line)}}.dk-fly{z-index:3;background:var(--on-hot);color:var(--on-hot-line);border:1.5px solid var(--hot);border-radius:var(--r-2);font:600 13px/1 var(--sans);white-space:nowrap;pointer-events:none;margin:0;padding:7px 11px;position:absolute;top:0;left:0;translate:-50% -50%;box-shadow:0 10px 24px #1111114d}.mdesk{grid-template-columns:minmax(0,9fr) minmax(0,4fr);align-items:center;gap:clamp(20px,3vw,48px);display:grid}.md-stage{padding:clamp(10px,1.6vw,22px) clamp(8px,1.2vw,16px)}.md-steps{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.md-steps button{border:0;border-bottom:1px solid var(--rule);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:16px 0;display:grid}.md-steps b{font:600 17px/1.25 var(--sans);display:block}.md-steps button>span:last-child>span{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.5;display:block}.md-steps li.on .num{background:var(--hot);color:var(--on-hot)}.md-steps li:not(.on) b{color:var(--ink-2)}.md-steps li{position:relative}.md-steps li>i{background:var(--hot);transform-origin:0;pointer-events:none;height:2px;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.md-steps button:hover b{color:var(--ink)}}@media (width<=860px){.mdesk{grid-template-columns:minmax(0,1fr)}.dk-chip{white-space:normal;gap:6px;padding:.45em .6em}}.smallsec{padding-top:var(--section)}.smallsec .head{gap:22px;display:grid}.smallsec .head>*{max-width:780px}#smallx{margin-top:clamp(36px,5vw,64px)}.sm{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.st{border:1.5px solid var(--ink);border-radius:var(--r-3);background:var(--plate);grid-template-rows:minmax(0,1fr) auto;min-width:0;display:grid;overflow:hidden}.st-words{border-top:1px solid var(--rule);padding:20px 22px 22px}.st h3{font:700 19px/1.2 var(--sans);letter-spacing:-.015em}.st-words p{color:var(--ink-2);max-width:52ch;margin-top:6px;font-size:15px;line-height:1.5}.st-menu{grid-area:span 2/span 7}.st-note,.st-batt,.st-games{grid-column:span 5}.st-guard{grid-column:span 7}.sm-desk{background:linear-gradient(150deg,#5b6e8f 0%,#8f8aa0 38%,#c99a76 72%,#e8b98f 100%);height:100%;min-height:520px;position:relative}.sm-bar{-webkit-backdrop-filter:blur(20px);color:#1d1d1f;white-space:nowrap;background:#f6f6f6bd;align-items:center;gap:16px;height:30px;padding:0 12px;font:500 13px system-ui,-apple-system,sans-serif;display:flex;overflow:hidden}.sm-bar b{font-weight:700}.sm-sp{flex:1}.sm-apple{background:#1d1d1f;border-radius:50% 50% 42% 42%;flex:none;width:12px;height:14px}.sm-mw{border-radius:5px;align-items:center;gap:3px;height:22px;padding:0 5px;display:inline-flex}.sm-mw svg{width:16px;height:16px}.sm-mw.on{background:#00000021}.sm-menu{-webkit-backdrop-filter:blur(28px)saturate(1.6);color:#1d1d1f;transform-origin:100% 0;background:#f4f4f4e0;border-radius:10px;width:min(300px,100% - 24px);padding:5px;font:400 13px/1.25 system-ui,-apple-system,sans-serif;position:absolute;top:34px;right:74px;box-shadow:0 0 0 .5px #0000003d,0 14px 36px #0000004d}.sm-menu p{border-radius:5px;align-items:center;gap:8px;margin:0;padding:4px 10px;display:flex}.sm-menu p>span{flex:1;min-width:0;display:grid}.sm-menu b{font-weight:500}.sm-menu small{color:#6e6e73;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.sm-menu p>svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:15px;height:15px}.sm-menu i,.sm-menu kbd{color:#6e6e73;margin-left:auto;font-family:inherit;font-style:normal}.sm-menu .head{color:#8a8a8e;padding-block:2px;font-size:12px;font-weight:600}.sm-menu p.away{color:#fff;background:#2f6fed}.sm-menu p.away small{color:#fff}.sm-menu hr{background:#0000001f;border:0;height:1px;margin:5px 10px}@media (prefers-reduced-motion:no-preference){.js .st-menu:not(.go) .sm-menu{opacity:0;transform:scale(.97)translateY(-4px)}.st-menu.go .sm-menu{transition:opacity .25s ease .2s, transform .4s var(--out) .2s}}.sm-stack{background:var(--well);align-content:center;gap:10px;min-height:236px;padding:28px 22px;display:grid}.sm-note{background:var(--face);border:1px solid var(--rule);box-shadow:0 8px 22px var(--shadow);border-radius:14px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;display:grid}.sm-note .appicon{width:34px;height:34px}.sm-note b{font:600 13.5px/1.25 var(--sans);display:block}.sm-note span span{color:var(--ink-2);font-size:13px;line-height:1.35;display:block}.sm-note small{color:var(--ink-2);align-self:start;font-size:10.5px}.sm-note:nth-child(2){transform:scale(.97)}@media (prefers-reduced-motion:no-preference){.sm-note{transition:opacity .4s ease, transform .5s var(--out)}.sm-note:first-child{animation:notein .55s var(--out)}}@keyframes notein{0%{opacity:0;filter:blur(4px);transform:translate(28px)}}.sm-zoom{background:var(--well);place-items:center;gap:22px;min-height:236px;padding:30px 22px;display:grid}.sm-zbar{color:#1d1d1f;height:52px;box-shadow:0 10px 26px var(--shadow);background:#f6f6f6db;border:1px solid #00000014;border-radius:12px;align-items:center;gap:22px;padding:0 22px;font:500 22px system-ui,-apple-system,sans-serif;display:flex}.sm-zbar .sm-mw{background:#0000001a;border-radius:8px;gap:6px;height:38px;padding:0 9px}.sm-zbar .g{display:grid}.sm-zbar .g svg{width:26px;height:26px}.sm-zbar .ms svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.sm-zbar .ms,.sm-zbar .pct,.st-batt.on .sm-zbar .mw{display:none}.st-batt.on .sm-zbar .ms,.st-batt.on .sm-zbar .pct{display:grid}.st-batt.on .sm-zbar .pct{animation:chipin .35s var(--out);font-variant-numeric:tabular-nums}.sm-ic.wifi{display:grid}.sm-ic.wifi svg{fill:none;stroke:#1d1d1f;stroke-width:2px;stroke-linecap:round;width:24px;height:24px}.sm-tog{color:var(--ink-2);align-items:center;gap:12px;font-size:14px;display:flex}.sm-tog i{background:var(--off);border-radius:20px;width:34px;height:20px;transition:background-color .25s;position:relative}.sm-tog i:after{content:"";background:var(--face);width:16px;height:16px;transition:transform .3s var(--out);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000004d}.st-batt.on .sm-tog i{background:var(--hot)}.st-batt.on .sm-tog i:after{transform:translate(14px)}.sm-games{background:var(--well);grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:10px;min-height:340px;padding:18px 22px 20px;display:grid;position:relative}.sm-state{color:var(--ink-2);justify-content:space-between;justify-self:stretch;align-items:center;gap:10px;display:flex}.sm-state .app{font:700 15px/1.2 var(--sans);letter-spacing:-.01em;text-transform:none;color:var(--ink)}.sm-state b{border-radius:var(--r-1);transition:opacity .3s ease, transform .4s var(--out);padding:5px 9px}.sm-state b:nth-child(2){background:var(--hot);color:var(--on-hot)}.sm-state b:last-child{border:1.5px dashed var(--ink-2);color:var(--ink-2);opacity:0;position:absolute;right:22px;transform:translateY(6px)}.st-games.alone .sm-state b:nth-child(2){opacity:0;transform:translateY(-6px)}.st-games.alone .sm-state b:last-child{opacity:1;transform:none}.gm-fig{place-items:center;min-height:0;display:grid}.sm-gm{width:auto;height:190px;transition:opacity .4s;overflow:visible}.sm-gm .a-part{transition:fill .35s}.sm-gm .a-part.on{fill:var(--hot)}.st-games.alone .sm-gm{opacity:.55}.gm-dock{background:color-mix(in srgb, var(--face) 80%, transparent);border:1px solid var(--rule);box-shadow:0 10px 26px var(--shadow);border-radius:18px;gap:12px;padding:8px 12px;display:flex;position:relative}.gm-dock .tile{background:var(--plate);border:1px solid var(--rule);border-radius:11px;place-items:center;width:46px;height:46px;display:grid;position:relative}.gm-dock .tile svg{width:24px;height:24px;fill:var(--ink)}.gm-dock .tile i{background:var(--ink-2);opacity:0;border-radius:50%;width:4px;height:4px;margin-left:-2px;transition:opacity .25s;position:absolute;bottom:-7px;left:50%}.gm-dock .tile.front i{opacity:1}.gm-dock .tile.open{animation:bounce .6s var(--out)}@keyframes bounce{0%{transform:translateY(0)}35%{transform:translateY(-12px)}70%{transform:translateY(0)}85%{transform:translateY(-3px)}to{transform:translateY(0)}}.gm-cur{fill:#111;stroke:#fff;stroke-width:1.4px;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 2px 3px #00000059);width:18px;height:22px;transition:transform .6s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:0}.gm-cur.press{scale:.85}.sm-guard{background:var(--well);align-content:center;gap:18px;min-height:280px;padding:24px 24px 26px;display:grid}.sm-run{color:var(--ink-2);align-items:center;gap:10px;display:flex}.sm-run i{background:var(--hot);border-radius:50%;width:9px;height:9px;transition:background-color .3s}.sm-run{grid-template-columns:9px auto;display:grid}.sm-run b{grid-area:1/2}.sm-run b:last-child,.st-guard.off .sm-run b:nth-child(2){display:none}.st-guard.off .sm-run b:last-child{display:block}.st-guard.off .sm-run i{background:var(--off)}.sm-guard ol{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none;display:grid}.sm-guard li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:15px;display:flex}.sm-guard li>span:first-child{color:var(--ink-2)}.flip{perspective:400px;display:grid}.flip b{border:1.5px solid var(--ink);border-radius:var(--r-1);background:var(--face);box-shadow:0 2px 0 var(--ink);font:600 14px/1.2 var(--sans);white-space:pre;backface-visibility:hidden;transition:transform .5s var(--out);grid-area:1/1;justify-self:end;padding:5px 10px}.flip b:first-child{background:var(--hot);color:var(--on-hot)}.flip b:last-child{transform:rotateX(-180deg)}.st-guard.off .flip b:first-child{transform:rotateX(180deg)}.st-guard.off .flip b:last-child{transform:none}.st-guard li:nth-child(2) .flip b{transition-delay:60ms}.st-guard li:nth-child(3) .flip b{transition-delay:.12s}.st-look{grid-column:1/-1}.sm-look{--x:50%;touch-action:pan-y;cursor:ew-resize;height:clamp(300px,30vw,400px);display:grid;position:relative;overflow:hidden}.lk-layer{background-color:var(--bench);background-image:radial-gradient(var(--dot) 1px, transparent 1.2px);color:var(--ink);background-size:14px 14px;grid-area:1/1;place-items:center;padding:28px clamp(20px,4vw,64px);display:grid;position:relative}.lk-light{--bench:#e4e4e0;--dot:#11111124;--plate:#f2f2ef;--face:#fbfbf9;--well:#e9e9e5;--ink:#111;--ink-2:#5c5c58;--rule:#11111126;--hot:#ff4d00}.lk-dark{--bench:#121211;--dot:#ecece61a;--plate:#1b1b19;--face:#252522;--well:#151514;--ink:#ecece6;--ink-2:#a1a19a;--rule:#ecece629;--hot:#ff5a1a;clip-path:inset(0 0 0 var(--x))}.lk-tag{color:var(--ink-2);position:absolute;top:18px}.lk-light .lk-tag{left:22px}.lk-dark .lk-tag{right:22px}.lk-devs{justify-content:center;align-items:center;gap:clamp(28px,6vw,96px);width:100%;display:flex}.lk-devs svg{filter:drop-shadow(0 18px 22px #0000002e);width:auto;height:clamp(150px,20vw,270px);overflow:visible}.lk-devs .sm-lk{width:min(52%,560px);height:auto}.lk-devs .a-part[data-part=back],.lk-devs .a-part[data-part=forward]{fill:var(--hot)}.lk-split{top:0;bottom:0;left:var(--x);border-left:1.5px solid var(--hot);pointer-events:none;width:0;position:absolute}.lk-split i{background:var(--hot);border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:50%;left:0;translate:-50% -50%;box-shadow:0 6px 16px #00000047}.lk-split svg{fill:none;width:20px;height:20px;stroke:var(--on-hot);stroke-width:1.6px;stroke-linecap:round}@media (width<=1080px) and (width>=861px){.st-menu,.st-guard,.st-games,.st-note,.st-batt{grid-column:span 6}.st-menu{grid-row:auto}}@media (width<=860px){.sm{grid-template-columns:minmax(0,1fr)}.sm>.st{grid-area:auto}.sm-look{height:260px}.lk-devs svg{height:120px}.lk-devs .sm-lk{width:56%}.sm-desk{min-height:470px}.sm-menu{right:10px}.sm-hide{display:none}.sm-gm{height:180px}.sm-zbar{gap:14px;padding:0 14px;font-size:18px}}.getsec .ctas{margin-top:28px}.gw{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}.gw h2{letter-spacing:-.05em;font-size:clamp(44px,6vw,96px);line-height:.95}.gw .lede{max-width:34ch;margin-top:20px}.gw-needs{color:var(--ink-2);margin-top:18px}.gw-fig svg{width:min(100%,560px);height:auto;filter:drop-shadow(0 30px 60px color-mix(in srgb, var(--hot) 22%, transparent));margin-inline:auto;display:block}.brew{background:var(--face);border:1.5px solid var(--ink);border-radius:var(--r-1);align-items:center;gap:4px;max-width:100%;margin-top:28px;padding:5px 5px 5px 16px;display:inline-flex}.brew code{font:500 13px/1 var(--mono);white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.brew code:before{content:"$ ";color:var(--ink-2)}.brew button{height:30px;color:var(--ink-2);cursor:pointer;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:3px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.brew button:hover{background:var(--well);color:var(--ink)}.brew svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;width:16px;height:16px}footer.site{border-top:1.5px solid var(--ink);padding-block:28px 40px}footer.site .wrap{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:24px 48px;display:grid}footer.site p{color:var(--ink-2);font-size:var(--fs-small);max-width:70ch;line-height:1.6}footer.site nav{gap:22px;display:flex}footer.site nav a{color:var(--ink-2);font-size:13px;text-decoration:none}footer.site nav a:hover{color:var(--ink)}footer.site .credits{gap:10px;min-width:0;display:grid}footer.site .maker{color:var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-size:13px;display:flex}footer.site .maker a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);transition:text-decoration-color .16s,color .16s}footer.site .maker a:after{content:" ↗";color:var(--ink-2)}footer.site .maker a:hover{-webkit-text-decoration-color:var(--hot);text-decoration-color:var(--hot);text-decoration-thickness:2px}.drawsec{padding-top:var(--section)}.drawsec .head{gap:22px;display:grid}.drawsec .head>*{max-width:780px}.dr-mk{width:100%;height:auto;display:block;overflow:visible}.dr-mk path{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.dr-mk .dr-start{fill:var(--ink);stroke:none}.dra{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;margin-top:clamp(32px,4vw,56px);display:grid}.dra-board{grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.dra-top{border-bottom:1.5px solid var(--ink);background:var(--well);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.dra-top .mono{color:var(--ink-2)}.dra-hold{align-items:center;gap:10px;display:flex}.dra-hold svg{width:34px;height:50px;overflow:visible}.dra-hold svg .a-body{stroke-width:1.2px}.dra-pad{aspect-ratio:4/3;touch-action:none;cursor:crosshair;background:radial-gradient(var(--rule) 1px, transparent 1.3px) 0 0 / 22px 22px;position:relative}.dra-pad svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.dra-ink{fill:none;stroke:var(--hot);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.dra-ghost{fill:none;stroke:var(--ink);stroke-opacity:.16;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.dra-tip{fill:var(--hot);fill-opacity:.2;stroke:var(--hot);stroke-opacity:.75;stroke-width:1.5px}.dra-hint{color:var(--ink-2);pointer-events:none;text-align:center;font-size:15px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dra-said{border-radius:var(--r-2);background:var(--ink);height:46px;color:var(--plate);white-space:nowrap;font:600 16px/1 var(--sans);opacity:0;transition:opacity .2s ease, transform .35s var(--out);pointer-events:none;align-items:center;gap:12px;padding:0 8px 0 16px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%,8px)}.dra-said.dr-on{opacity:1;transform:translate(-50%)}.dra-said .dr-key{font:500 13px/1 var(--mono);border-radius:var(--r-1);background:var(--hot);color:var(--on-hot);padding:7px 8px}.dra-said.dr-miss .dr-key{color:color-mix(in srgb, var(--plate) 60%, transparent);background:0 0;padding:0 8px 0 0}.dra-foot{border-top:1.5px solid var(--ink);background:var(--well);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:10px;min-height:52px;padding:14px 18px;font-size:14px;display:flex}.dra-side{grid-template-rows:1fr auto;gap:16px;display:grid}.dra-set{grid-template-rows:auto 1fr;gap:12px;padding:18px;display:grid}.dra-set .mono{color:var(--ink-2)}.dra-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,1fr);gap:6px;display:grid}.dra-grid button{text-align:left;border:1px solid var(--rule);border-radius:var(--r-2);background:var(--face);color:var(--ink);cursor:pointer;font:500 12px/1.2 var(--sans);grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:6px 12px;transition:background-color .2s,border-color .2s;display:grid}.dra-grid button .dr-mk{width:26px}.dra-grid button b{font:600 14px/1.2 var(--sans);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dra-grid button kbd{font:500 11px/1 var(--mono);color:var(--ink-2)}.dra-grid button.dr-on b,.dra-grid button.dr-on kbd{color:var(--on-hot)}.dra-grid button:hover{border-color:var(--ink)}.dra-grid button.dr-on{background:var(--hot);border-color:var(--ink)}.dra-grid button.dr-on .dr-mk path{stroke:var(--on-hot)}.dra-grid button.dr-on .dr-mk .dr-start{fill:var(--on-hot)}.dr-combo{flex-wrap:wrap;align-items:center;gap:10px;padding:18px;display:flex}.dr-combo .mono{width:100%;color:var(--ink-2);margin-bottom:4px}.dr-cap{border:1.5px solid var(--ink);border-radius:var(--r-1);background:var(--face);height:36px;box-shadow:0 2px 0 var(--ink);font:600 14px/1 var(--sans);white-space:nowrap;transition:transform .12s var(--out), box-shadow .12s var(--out), background-color .2s, color .2s;align-items:center;padding:0 12px;display:inline-flex}.dr-cap.dr-down{box-shadow:0 0 0 var(--ink);background:var(--hot);color:var(--on-hot);transform:translateY(2px)}.dr-cap.dr-does{background:var(--ink);color:var(--plate);border-color:var(--ink);box-shadow:none}.dr-combo .dr-w{color:var(--ink-2);font-size:15px}@media (width<=900px){.dra{grid-template-columns:minmax(0,1fr)}.dra-grid button kbd{display:none}}.tpsec{padding-top:var(--section)}.tpsec .head{gap:22px;display:grid}.tpsec .head>*{max-width:780px}.tp-pad{width:100%;height:auto;display:block;overflow:visible}.tp-pad .a-body{fill:var(--plate);stroke:var(--ink);stroke-width:1.5px}.tp-pad .a-part{fill:var(--face);stroke:var(--ink);stroke-width:1.5px}.tp-zone{fill:var(--hot);fill-opacity:0;transition:fill-opacity .25s var(--out)}.tp-zone.on{fill-opacity:.16}.tp-zone.done{fill-opacity:.9;transition-duration:.12s}.tp-edge{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:3 5;opacity:.5}.tp-zonel{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:3 5;opacity:.4}.tp-level{fill:none;stroke:var(--hot);stroke-linecap:round}.tp-trail{fill:none;stroke:var(--hot);stroke-linecap:round;stroke-linejoin:round}.tp-stage{position:relative}.tp-tag{white-space:nowrap;background:var(--ink);height:34px;color:var(--plate);border-radius:var(--r-2);font:600 14px/1 var(--sans);pointer-events:none;opacity:0;transition:opacity .18s ease, transform .3s var(--out);align-items:center;gap:8px;padding:0 12px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.tp-tag.on{opacity:1}.tp-tag.l{transform:translateY(-50%)}.tp-tag.r{transform:translate(-100%,-50%)}.tp-tag:not(.ticked) .tick{display:none}.tp-tag .tick{background:var(--hot);opacity:0;width:16px;height:16px;transition:transform .3s var(--out), opacity .15s;border-radius:50%;place-items:center;display:grid;transform:scale(.4)}.tp-tag .tick svg{fill:none;width:10px;height:10px;stroke:var(--on-hot);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.tp-tag.ticked .tick{opacity:1;transform:none}.tp-tag small{font:500 11px/1 var(--mono);letter-spacing:.06em;color:color-mix(in srgb, var(--plate) 62%, transparent);text-transform:uppercase}.tp-ring{aspect-ratio:1;pointer-events:none;width:58%;position:absolute;transform:translate(-50%,-50%)}.tp-ring .ov-root,.tp-ring .ov-face{filter:drop-shadow(0 10px 22px var(--shadow))}.tpb{margin-top:clamp(32px,4vw,56px)}.tpb-stage{grid-template-rows:auto auto;grid-template-columns:minmax(150px,1fr) minmax(0,4.2fr) minmax(150px,1fr);align-items:stretch;gap:0 clamp(14px,2.4vw,36px);display:grid}.tpb-pad{grid-area:1/2/span 2}.tpb-c.tl{grid-area:1/1}.tpb-c.bl{grid-area:2/1}.tpb-c.tr{grid-area:1/3}.tpb-c.br{grid-area:2/3}.tpb-c{flex-direction:column;gap:6px;padding:10px 0;transition:opacity .3s;display:flex}.tpb-c.bl,.tpb-c.br{justify-content:flex-end}.tpb-c.tr,.tpb-c.br{text-align:left}.tpb-c.tl,.tpb-c.bl{text-align:right;align-items:flex-end}.tpb-c .mono{color:var(--ink-2)}.tpb-c b{font:700 clamp(18px, 1.9vw, 24px)/1.15 var(--sans);letter-spacing:-.02em;transition:color .2s}.tpb-c span{color:var(--ink-2);max-width:22ch;font-size:14px;line-height:1.45}.tpb-c.on b{color:var(--hot)}.tpb-stage:has(.tpb-c.on) .tpb-c:not(.on){opacity:.42}.tpb-more{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(28px,4vw,48px);display:grid}.tpb-more article{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.tpb-more .art{border-bottom:1.5px solid var(--ink);background:var(--well);aspect-ratio:16/10;position:relative;overflow:hidden}.tpb-more .art>*{position:absolute;inset:18px 22px}.tpb-more .art>svg,.tpb-more .art .tp-pad{width:calc(100% - 44px);height:calc(100% - 36px)}.tpb-more .tp-tag{height:28px;font-size:12px}.tpb-more .tp-tag small{display:none}.tpb-more .words{padding:20px 22px 22px}.tpb-more .words p{color:var(--ink-2);margin-top:6px;font-size:15px;line-height:1.5}@media (width<=900px){.tpb-stage{grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr;row-gap:16px}.tpb-pad{grid-area:2/1/auto/span 2}.tpb-c.tl,.tpb-c.tr{grid-row:1}.tpb-c.bl,.tpb-c.br{grid-row:3}.tpb-c.tl,.tpb-c.bl{text-align:left;grid-column:1;align-items:flex-start}.tpb-c.tr,.tpb-c.br{grid-column:2}.tpb-more{grid-template-columns:minmax(0,1fr)}}.actsec{padding-top:var(--section)}.actsec .head{gap:22px;display:grid}.actsec .head>*{max-width:780px}.ac-mark{width:18px;height:18px;fill:var(--ink);flex:none}.ac-kc{border:1.5px solid var(--ink);border-radius:var(--r-1);background:var(--face);height:30px;box-shadow:0 2px 0 var(--ink);font:600 13px/1 var(--sans);white-space:nowrap;transition:background-color .15s, color .15s, transform .12s var(--out), box-shadow .12s var(--out);align-items:center;padding:0 10px;display:inline-flex}.ac-kc.ac-typed{font:500 13px/1 var(--mono);box-shadow:none;border-style:dashed}.ac-kc.ac-go{background:var(--well);box-shadow:none}.ac-lit .ac-kc{background:var(--hot);color:var(--on-hot);box-shadow:0 0 0 var(--ink);transform:translateY(2px)}.ac-pill{border-radius:var(--r-pill);border:1.5px solid var(--ink);background:var(--face);height:40px;font:600 14px/1 var(--sans);white-space:nowrap;box-shadow:0 10px 30px -14px var(--shadow);align-items:center;gap:12px;padding:0 6px 0 14px;display:inline-flex}.ac-pill .ac-dot{background:var(--hot);border-radius:50%;width:9px;height:9px;animation:1.2s ease-in-out infinite rec}@keyframes rec{50%{opacity:.25}}.ac-pill .t{font:500 13px/1 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}.ac-pill .ac-stop{border-radius:var(--r-pill);background:var(--ink);height:28px;color:var(--plate);align-items:center;padding:0 12px;font-size:13px;display:inline-flex}.ac-pill.ac-saved .ac-dot{background:var(--ink-2);animation:none}@media (prefers-reduced-motion:reduce){.ac-pill .ac-dot{animation:none}}.aca{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px;margin-top:clamp(32px,4vw,56px);display:grid}.aca-story{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.aca-top{border-bottom:1.5px solid var(--ink);background:var(--well);justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:16px 20px;display:flex}.aca-top .mono{color:var(--ink-2)}.aca-top h3{font-size:22px}.aca-list{align-content:start;gap:12px;min-height:456px;padding:18px 20px 22px;display:grid}.ac-grp{border:1px solid var(--rule);border-radius:var(--r-2);background:var(--face);gap:2px;padding:12px 16px 14px;display:grid}.ac-grp-h{font:600 15px/1.2 var(--sans);align-items:center;gap:10px;margin-bottom:6px;display:flex}.ac-st{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding-left:28px;display:grid}.ac-st .w{font:500 var(--fs-label)/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.ac-st.ac-new{animation:stin .45s var(--out) both}@keyframes stin{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}}.ac-wait{font:500 var(--fs-label)/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:8px;height:16px;padding-left:42px;display:flex}.ac-wait:before{content:"";background:var(--rule);width:1px;height:100%}.aca-side{grid-template-rows:auto 1fr;gap:16px;display:grid}.aca-mouse{align-content:center}.aca-runs{align-content:start;gap:14px;padding:20px 22px;display:grid}.aca-runs .mono{color:var(--ink-2)}.aca-runs ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.aca-runs li{color:var(--ink-2);font-size:15px;line-height:1.45}.aca-runs li b{color:var(--ink);font-weight:600}.aca-mouse{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;padding:20px 22px;display:grid;position:relative}.aca-mouse .ac-fig{width:clamp(110px,12vw,160px)}.aca-mouse svg{width:100%;height:auto;display:block;overflow:visible}.ac-pill .ac-stop{cursor:pointer}.aca-mouse p{color:var(--ink-2);font-size:15px;line-height:1.5}.aca-mouse p b{color:var(--ink)}.aca-mouse .ac-tag{margin-top:10px;display:inline-flex}@media (width<=900px){.aca{grid-template-columns:minmax(0,1fr)}.aca-list{min-height:0}}@media (width<=600px){.aca-top{flex-wrap:wrap}.aca-top h3{font-size:18px}}.meetsec{padding-top:var(--section)}.meetsec .head{gap:22px;display:grid}.meetsec .head>*{max-width:780px}.mt-screen{aspect-ratio:16/10;border-radius:var(--r-2);background:var(--well);position:relative;overflow:hidden}.mt-screen>div{position:absolute;inset:0}.mt-bezel{border-radius:calc(var(--r-3) + 4px);box-shadow:0 0 0 1.5px var(--ink), 0 30px 60px -30px var(--shadow);background:#151514;padding:clamp(8px,1.2vw,14px)}.mt-bezel .mt-screen{border-radius:var(--r-1)}.mtb{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(24px,5vw,72px);margin-top:clamp(32px,4vw,56px);display:grid}.mtb ol{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.mtb li{border-bottom:1px solid var(--rule);grid-template-columns:34px minmax(0,1fr);gap:14px;padding:18px 0;transition:opacity .3s;display:grid}.mtb li b{font:600 17px/1.25 var(--sans);letter-spacing:-.01em;display:block}.mtb li span:not(.num){color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.5;display:block}.mtb li.on .num{background:var(--hot);color:var(--on-hot)}.mtb ol:has(li.on) li:not(.on){opacity:.5}.mtb .cam{transform-origin:100% 0;transition:transform 1.1s var(--move);position:absolute;inset:0}.mtb .cam.close{transform:scale(3.1)}.mtb .cam.pill{transform-origin:50% 0;transform:scale(2.3)}@media (prefers-reduced-motion:reduce){.mtb .cam{transition:none}}@media (width<=900px){.mtb{grid-template-columns:minmax(0,1fr)}.mtb .mt-bezel{order:-1}}@media (width<=860px){.apps{grid-template-columns:minmax(0,1fr)}.sk{height:auto}.sk-pin{grid-template-columns:minmax(0,1fr);height:auto;padding:0;position:static}.gw{grid-template-columns:minmax(0,1fr)}.gw-fig{order:-1}.gw-fig svg{width:min(70%,320px)}.bento{grid-template-columns:minmax(0,1fr)}.cell.scroll{grid-row:auto}.lane .dev.ms{--h:96px}.lane .dev.kb{--h:64px}.lane{gap:36px}footer.site .wrap{grid-template-columns:minmax(0,1fr)}.board header{padding:12px 14px}.seg{scrollbar-width:none;width:100%;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{flex:1 0 auto}.rows li{gap:10px;padding:8px 14px}.rows .name{font-size:14px}.rows .does{font-size:13px}}@media (width<=420px){.rows .does .k{display:none}}.cms-document{max-width:860px;padding-block:48px 96px}.cms-document h1{margin-block:32px;font-size:clamp(40px,6vw,72px);line-height:1.05}.cms-document h2{margin-block:32px 16px;font-size:30px}.cms-document p,.cms-document ul,.cms-document ol{margin-block:20px}.cms-document article{margin-block:32px}.cms-document img{max-width:100%;height:auto}.cms-faq{padding-top:var(--section)}.cms-faq details{border-bottom:1px solid var(--rule);padding-block:20px}.cms-faq summary{cursor:pointer;font-size:var(--fs-lead);font-weight:600}.cms-faq p{white-space:pre-line;margin-top:12px}