:root{--paper:#f6f6f3;--ink:#161616;--ink-2:#5a5a56;--rule:#cfcfca;--red:#d2261b;--navy:#232838;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--face:"Familjen Grotesk", system-ui, sans-serif;--gutter:clamp(16px, 3.4vw, 48px);--object-face:"Archivo", sans-serif;--t-xs:12px;--t-sm:13px;--t-md:16px;--t-lg:20px;--t-xl:28px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.45, .5, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--face);font-size:var(--t-md);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;caret-color:var(--red);margin:0;line-height:1.5}::selection{background:var(--red);color:var(--paper)}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}:focus-visible{outline:1.5px dashed var(--red);outline-offset:3px}button{font:inherit;color:inherit}h1,h2,h3,p,ol,figure,blockquote{margin:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fig{aspect-ratio:166/112;-webkit-user-select:none;user-select:none;width:100%;position:relative}.fig-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fig-disc{will-change:transform}.fig .nums text{font-family:var(--object-face);fill:#1c1c1c;text-anchor:middle;dominant-baseline:central;font-size:6.5px;font-weight:640;font-stretch:80%}.fig .wordmark{font-family:var(--object-face);letter-spacing:.06em;fill:#262626;text-anchor:middle;font-size:2.9px;font-weight:600;font-stretch:92%}.fig .focus-ring{stroke:var(--red);stroke-width:.45px;stroke-dasharray:1.4 1.1;opacity:0;transition:opacity .15s}.fig:has(.dial:focus-visible) .focus-ring{opacity:1}.dial{cursor:grab;touch-action:none;border-radius:12%;outline:none;position:absolute}.fig.is-turning .dial{cursor:grabbing}.nslot{color:var(--ink);opacity:0;transition:opacity .18s}.nslot.on{opacity:1}.nslot.tone-red{color:var(--red)}.n-line{fill:none;stroke:currentColor;stroke-width:.55px;stroke-linecap:round;stroke-dasharray:0 1.45}.n-ring{fill:none;stroke:currentColor;stroke-width:.38px;transform-box:fill-box;transform-origin:50%;transform:scale(.4)}.nslot.on .n-ring{transition:transform .42s var(--ease-spring) .28s;transform:scale(1)}.nm-draw{stroke-dasharray:1;stroke-dashoffset:1px}.nm-draw.on{stroke-dashoffset:0;transition:stroke-dashoffset .4s var(--ease-out)}.note{width:max-content;max-width:22ch;font-size:var(--t-sm);color:var(--ink);text-wrap:balance;opacity:0;pointer-events:none;transition:opacity .16s ease, transform .3s var(--ease-out);line-height:1.35;position:absolute;transform:translateY(calc(4px - 50%))}.note-l{text-align:right;translate:-100%}.note.on{opacity:1;transition-delay:.12s;transform:translateY(-50%)}.note.tone-red{color:var(--red)}.note-slot{min-height:2.7em;font-size:var(--t-sm);color:var(--red);text-align:center;display:none}@media (width<=700px){.note,.n-line{display:none}.note-slot{display:block}}.readout{align-items:baseline;line-height:1;display:inline-flex}.dg{height:1em;display:inline-block;overflow:hidden}.dg .col{transition:transform .18s cubic-bezier(.3,.7,.2,1);display:block}.dg .col span{height:1em;display:block}.colon{padding:0 .03em;transform:translateY(-.06em)}.switch{appearance:none;cursor:pointer;align-items:center;gap:var(--s3);font-size:var(--t-sm);background:0 0;border:0;padding:0;display:inline-flex}.switch-track{background:linear-gradient(#1b1f2b,#2e3446);border-radius:11px;width:44px;height:22px;position:relative;box-shadow:inset 0 1px 2px #00000073,0 1px #ffffffb3}.switch-thumb{width:20px;height:16px;transition:transform .26s var(--ease-spring);background:linear-gradient(#f2f2ef,#cfcfca);border-radius:8px;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0006,inset 0 1px #fff}.switch[aria-checked=true] .switch-thumb{transform:translate(18px)}.switch-state{min-width:3ch;font-weight:600}.switch[aria-checked=true] .switch-state:after{content:"On"}.switch[aria-checked=false] .switch-state:after{content:"Off";color:var(--ink-2)}.try-list{gap:var(--s2);padding:0;list-style:none;display:grid}.try-list li{gap:var(--s3);grid-template-columns:16px 1fr;align-items:baseline;display:grid;position:relative}.try-list .box{border:1.25px solid var(--ink);border-radius:2px;width:13px;height:13px;transform:translateY(1px)}.try-list .tick{pointer-events:none;width:24px;height:24px;position:absolute;top:-7px;left:-3px;overflow:visible}.try-list .tick path{fill:none;stroke:var(--red);stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;opacity:0}.try-list li.found .tick path{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .34s var(--ease-out)}.try-list li.found span{color:var(--ink-2)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;transition-delay:0s!important}}.stack{position:absolute;inset:0}.piece{pointer-events:none;transition:transform .6s var(--ease-spring);position:absolute;inset:0}.piece-body{transition:filter .22s ease, translate .25s var(--ease-out);position:absolute;inset:0}.piece.is-lifted{z-index:5;will-change:transform}.piece.is-lifted .piece-body{filter:drop-shadow(0 16px 18px #10131c38)drop-shadow(0 3px 4px #10131c2e)}.piece.is-hot .piece-body{filter:drop-shadow(0 0 .6px var(--red)) drop-shadow(0 0 .6px var(--red)) drop-shadow(0 4px 8px #d2261b2e);translate:0 -2px}.fig{z-index:2}.bench-hit{touch-action:none;display:none;position:absolute;inset:0}.fig.is-bench .bench-hit{cursor:none;display:block}.fig.is-bench .dial{pointer-events:none}.fig.is-bench .fig-notes,.fig.is-bench .note{visibility:hidden}.fig.is-carrying .bench-hit{cursor:grabbing}.screw{z-index:50;pointer-events:none;opacity:0;width:44px;height:44px;transition:opacity .12s;position:fixed;top:-22px;left:-22px}.screw.is-shown{opacity:1}.screw svg{width:100%;height:100%;overflow:visible}.screw-head{transform-origin:22px 22px;transform-box:view-box}.screw-head circle{fill:#d6d5cf;stroke:#6b6a64;stroke-width:1.2px}.screw-head path{stroke:#3c3b37;stroke-width:2.6px;stroke-linecap:round;fill:none}.screw-ring{fill:none;stroke:var(--red);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transform-origin:22px 22px;transform-box:view-box;transform:rotate(-90deg)}.screw-no{stroke:var(--red);stroke-width:2.2px;stroke-linecap:round;opacity:0}.screw.is-blocked .screw-head{opacity:.45}.screw.is-blocked .screw-no{opacity:1}.screw{filter:drop-shadow(0 2px 3px #10131c4d)}.screw-helper{transition:opacity .2s}.screw-helper .screw-ring{display:none}.bench-toggle{margin-block:var(--s4) 0;appearance:none;border:1px solid var(--ink);cursor:pointer;align-items:center;gap:var(--s2);font-size:var(--t-sm);background:0 0;border-radius:999px;padding:6px 16px 6px 10px;transition:background-color .15s,color .15s;display:inline-flex}.bench-toggle svg{width:18px;height:18px}.bench-toggle svg circle{fill:none;stroke:currentColor;stroke-width:1.3px}.bench-toggle svg path{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;transition:transform .5s var(--ease-spring);transform-origin:10px 10px;transform-box:view-box}.bench-toggle:hover svg path{transform:rotate(-90deg)}.bench-toggle[aria-expanded=true]{background:var(--ink);color:var(--paper)}.bench{gap:var(--s4);width:100%;margin-top:var(--s5);padding-top:var(--s5);border-top:1px solid var(--ink);display:grid;container-type:inline-size}.tray{column-gap:var(--s4);grid-template-rows:auto auto 1fr auto auto;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.part{grid-row:span 5;grid-template-rows:subgrid;row-gap:var(--s1);text-align:center;justify-items:center;min-width:0;display:grid}@container (width<=640px){.tray{row-gap:var(--s6);grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row}}.part-desc{align-self:start}.part-slot{aspect-ratio:102/110;border-radius:6px;width:100%;max-width:128px;transition:background-color .2s;position:relative}.part[data-state=tray] .part-slot{cursor:grab}.part-sketch{width:100%;height:100%;overflow:visible}.part-sketch .pen,.part-sketch .solid>*{fill:none;stroke:#74746e;stroke-width:1.1px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.part-sketch .solid>*{stroke-width:2.2px}.part-sketch .solid-fill>*{fill:var(--paper);stroke:none}.part-sketch .fine{stroke-width:.7px;stroke:#8e8e88}.part-sketch .hatch{stroke-width:.6px;stroke:#a6a6a0}.part-sketch .guide{fill:none;stroke:#adada7;stroke-width:.7px;stroke-dasharray:7 3 1.5 3;vector-effect:non-scaling-stroke}.part-sketch .dim path{fill:none;stroke:var(--red);stroke-width:.8px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.part-sketch .dim text{fill:var(--red);font-family:var(--face);dominant-baseline:central;font-variant-numeric:tabular-nums}.part.is-hot .part-slot{background:#d2261b0d}.part.is-hot .part-name{color:var(--red)}@keyframes landed{0%{background:#d2261b1f}to{background:0 0}}.part.is-landed .part-slot{animation:.7s ease-out landed}.part.is-filled .part-sketch{opacity:.35}.part.is-target .part-slot{background:#d2261b0f}.part.is-target .part-sketch .pen{stroke:var(--red)}.part-name{margin-top:var(--s3);font-size:var(--t-sm);gap:var(--s1);align-items:baseline;font-weight:600;display:flex}.part-no{color:var(--red);font-weight:700}.part-desc{font-size:var(--t-xs);color:var(--ink-2);max-width:22ch;line-height:1.35}.part-state{font-size:var(--t-xs);color:var(--ink-2)}.part.is-next .part-state{color:var(--red)}.part-act{appearance:none;font-size:var(--t-xs);text-underline-offset:3px;cursor:pointer;color:var(--ink-2);background:0 0;border:0;padding:2px 0;text-decoration:underline}.part.is-next .part-act{color:var(--ink);font-weight:600}.bench-note{text-align:center;min-height:1.5em;font-size:var(--t-sm);color:var(--red);opacity:0;transition:opacity .25s}.bench-note.on{opacity:1}@media (width<=700px){.part-desc{display:none}}.disc-film{opacity:0;transition:opacity .3s}.disc-film circle{fill:#d8452a;fill-opacity:.14;stroke:#7e1c0c;stroke-opacity:.35;stroke-width:.16px}.disc-film .disc-hole{fill:var(--paper);fill-opacity:1}.piece.is-exposed .disc-film{opacity:1}.gear{transform-box:fill-box;transform-origin:50%;animation:gear-turn var(--p) steps(var(--n)) infinite;animation-play-state:paused}@keyframes gear-turn{to{rotate:var(--turn)}}.fig.movement-live[data-phase=running] .gear{animation-play-state:running}@keyframes draw-in{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.part.is-revealing .part-sketch{animation:1.4s cubic-bezier(.4,0,.2,1) both draw-in}.part.is-revealing .part-name,.part.is-revealing .part-desc,.part.is-revealing .part-state,.part.is-revealing .part-act{animation:fade-up .5s var(--ease-out) 1s both}@keyframes fade-up{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}.part.is-secret .part-no{color:var(--ink)}.fig-guides .guide-part{opacity:0;transition:opacity .3s}.fig-guides .guide-part.on{opacity:1}.fig-guides .dim,.fig-guides .hatch,.fig-guides .guide,.fig-guides .fine,.fig-guides .solid-fill{display:none}.fig-guides .pen,.fig-guides .solid>*{fill:none;stroke:var(--red);stroke-width:1.2px;vector-effect:non-scaling-stroke;stroke-dasharray:5 4;animation:1.6s linear infinite guide-crawl}@keyframes guide-crawl{to{stroke-dashoffset:-18px}}