@keyframes wbSpin{to{transform:rotate(360deg)}}@keyframes wbRot{to{transform:rotate(360deg)}}@keyframes wbRotSlow{to{transform:rotate(360deg)}}@keyframes wbBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.013)}}@keyframes wbSm2{0%{opacity:.3}2%{opacity:1}5%{opacity:.3}9%{opacity:1}12%{opacity:.3}20%{opacity:1}23%{opacity:.3}38%{opacity:1}41%{opacity:.3}70%{opacity:1}74%{opacity:.3}to{opacity:.3}}@keyframes wbShake{0%{transform:translate(0)rotate(0)}25%{transform:translate(-2px,1.5px)rotate(-.5deg)}50%{transform:translate(1.5px,-2px)rotate(.5deg)}75%{transform:translate(-1px,1px)rotate(-.3deg)}to{transform:translate(0)rotate(0)}}@keyframes wbBubbleIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes wbCaret{50%{opacity:0}}@keyframes wbPulse{0%,to{opacity:.35}50%{opacity:1}}@keyframes wbDissolve{to{opacity:0}}@keyframes wbGhostIn{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}@keyframes wbSnapIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes wbTeachShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes wbThreadIn{0%{opacity:0}to{opacity:1}}.wb-root[data-motion=reduced] *{transition:none!important;animation:none!important}.wb-root ::selection{background:color-mix(in srgb,var(--color-agent)25%,transparent);color:#fff}.wb-root ::-webkit-scrollbar{width:8px;height:8px}.wb-root ::-webkit-scrollbar-track{background:0 0}.wb-root ::-webkit-scrollbar-thumb{background:var(--color-hairline);border-radius:6px}.wb-root textarea{resize:none;outline:none}.wb-root input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0}.wb-root input[type=range]::-webkit-slider-runnable-track{background:var(--wb-well);height:4px;box-shadow:inset 0 1px 2px #000000b3,0 1px 0 var(--wb-well-lip);border-radius:4px}.wb-root input[type=range]::-moz-range-track{background:var(--wb-well);height:4px;box-shadow:inset 0 1px 2px #000000b3,0 1px 0 var(--wb-well-lip);border-radius:4px}.wb-root input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--wb-knob);width:11px;height:11px;box-shadow:var(--wb-knob-shadow);border-radius:50%;margin-top:-3.5px}.wb-root input[type=range]::-moz-range-thumb{background:var(--wb-knob);width:11px;height:11px;box-shadow:var(--wb-knob-shadow);border:0;border-radius:50%}.wb-root{--wb-well:#0b0c0e;--wb-well-lip:#ffffff0d;--wb-knob:radial-gradient(circle at 35% 30%,#5a5e63,#2a2d31 70%);--wb-knob-shadow:inset 0 1px 0 #ffffff40,0 1.5px 0 #0c0d0f,0 3px 4px #0009}[data-theme=light] .wb-root{--wb-well:#dfe1dc;--wb-well-lip:#ffffffe6;--wb-knob:radial-gradient(circle at 35% 30%,#fff,#e2e4df 70%);--wb-knob-shadow:inset 0 1px 0 #fff,0 0 0 .5px #00000026,0 1.5px 0 #c9ccc6,0 3px 4px #00000026}[data-theme=light] .wb-root input[type=range]::-webkit-slider-runnable-track{box-shadow:inset 0 1px 2px #0000002e,0 1px 0 var(--wb-well-lip)}[data-theme=light] .wb-root input[type=range]::-moz-range-track{box-shadow:inset 0 1px 2px #0000002e,0 1px 0 var(--wb-well-lip)}.wb-key{background:linear-gradient(170deg,var(--wb-key-top),var(--wb-key-bot));box-shadow:inset 0 1px 0 var(--wb-bevel),inset 0 0 0 1px var(--wb-rim),0 2px 0 0 var(--wb-wall),0 3px 4px -1px var(--wb-contact);border:0;border-radius:5px;transition:transform 80ms,box-shadow 80ms,color .15s}.wb-key:hover{color:var(--color-bright)}.wb-key:active,.wb-key[data-on=true]{background:var(--wb-well);box-shadow:inset 0 1px 2px #0009,0 1px 0 var(--wb-well-lip);transform:translateY(2px)}[data-theme=light] .wb-key:active,[data-theme=light] .wb-key[data-on=true]{box-shadow:inset 0 1px 2px #00000029,0 1px 0 var(--wb-well-lip)}.wb-root{--wb-key-top:#34373c;--wb-key-bot:#25282c}[data-theme=light] .wb-root{--wb-key-top:#fff;--wb-key-bot:#eef0ec}.wb-key--tile{border-radius:9px}.wb-key--tile[aria-disabled=true]:active{background:linear-gradient(170deg,var(--wb-key-top),var(--wb-key-bot));box-shadow:inset 0 1px 0 var(--wb-bevel),inset 0 0 0 1px var(--wb-rim),0 2px 0 0 var(--wb-wall),0 3px 4px -1px var(--wb-contact);transform:none}.wb-dotgrid{background-image:radial-gradient(circle,#ffffff12 .8px,#0000 1.2px);background-size:26px 26px}[data-theme=light] .wb-dotgrid{background-image:radial-gradient(circle,#00000017 .8px,#0000 1.2px)}.wb-swatch>span{transition:box-shadow .2s}.wb-swatch[data-on=true]>span{box-shadow:0 0 5px}.wb-starter:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-agent)35%,transparent)!important;color:var(--color-agent-ink)!important}.wb-x:hover{color:var(--color-bright)!important}.wb-reroll:hover{color:var(--color-bright)!important;border-color:var(--color-mute)!important}.wb-snap:hover{border-color:color-mix(in srgb,var(--color-agent)55%,transparent)!important}.wb-signal{--wb-emit:#ff8a1f;--color-agent:var(--wb-emit);--color-agent-ink:var(--wb-emit);--color-evidence:var(--wb-emit);--color-evidence-ink:var(--color-agent-ink);--shadow-glow:0 0 16px color-mix(in srgb,var(--wb-emit)40%,transparent)}[data-theme=light] .wb-signal.wb-signal{--color-agent-ink:#a14a0c;--color-evidence-ink:#a14a0c}.wb-root,.wb-tour{--wb-slab-top:#2a2d31;--wb-slab-bot:#202326;--wb-bevel:#ffffff29;--wb-rim:#ffffff0d;--wb-face-edge:#00000029;--wb-wall:#191b1e;--wb-contact:#000000bf;--wb-cast:#000000e6;--wb-jacket:#2c2f33;--wb-braid:#fff3;--wb-halo:0 0 #0000}[data-theme=light] .wb-root,[data-theme=light] .wb-tour{--wb-slab-top:#fff;--wb-slab-bot:#eceee9;--wb-bevel:#fff;--wb-rim:#0000000f;--wb-face-edge:#0000000d;--wb-wall:#d4d7d1;--wb-contact:#0000001f;--wb-cast:#00000040;--wb-jacket:#d9dcd6;--wb-braid:#00000024}.wb-module{background:  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,var(--wb-slab-top),var(--wb-slab-bot));box-shadow:inset 0 1px 0 var(--wb-bevel),inset 0 0 0 1px var(--wb-rim),inset 0 -2px 0 var(--wb-face-edge),0 5px 0 0 var(--wb-wall),0 8px 10px -2px var(--wb-contact),var(--wb-halo),0 28px 44px -18px var(--wb-cast);border:0;border-radius:16px}.wb-module__head{border-bottom-color:#ffffff0d}.wb-module__glyph{filter:drop-shadow(0 0 3px)drop-shadow(0 0 8px)}.wb-module__led{background:radial-gradient(circle at 35% 30%,#ffffff59 0 18%,#3a3d41 45%,#16181a 100%);border-radius:999px;width:5px;height:5px;transition:background .3s,box-shadow .3s;position:absolute;bottom:-4.5px;right:22px;box-shadow:0 0 0 1px #000000bf,inset 0 -1px 1px #0009}.wb-module__led:after{content:"";background:radial-gradient(ellipse at 50% 30%,var(--wb-led-spill),transparent 70%);opacity:0;pointer-events:none;border-radius:50%;width:22px;height:7px;margin:2px 0 0 -11px;transition:opacity .3s;position:absolute;top:100%;left:50%}.wb-module[data-wired=true] .wb-module__led{background:radial-gradient(circle at 35% 30%,#fff 0 22%,var(--wb-led-mid)55%,var(--wb-led-rim)100%);box-shadow:0 0 0 1px #0009,0 0 4px 1px var(--wb-led-glow),0 0 10px 2px var(--wb-led-halo)}.wb-module[data-wired=true] .wb-module__led:after{opacity:1}[data-theme=light] .wb-module[data-wired=true] .wb-module__led{box-shadow:0 0 0 .5px #00000024}.wb-root,.wb-tour{--wb-led-mid:#eef2f6;--wb-led-rim:#a9b1ba;--wb-led-glow:#fffc;--wb-led-halo:#ffffff2e;--wb-led-spill:#ffffff47}[data-theme=light] .wb-root,[data-theme=light] .wb-tour{--wb-led-mid:#9ea3a8;--wb-led-rim:#767b80;--wb-led-glow:transparent;--wb-led-halo:transparent;--wb-led-spill:#0000000f}[data-theme=light] .wb-module__led{background:radial-gradient(circle at 35% 30%,#fff 0 20%,#d6d9d4 50%,#b9bdb7 100%);width:4px;height:4px;bottom:-4px;box-shadow:0 0 0 1px #0000002e,inset 0 -1px 1px #00000026}.wb-cable__jacket{fill:none;stroke:var(--wb-jacket);stroke-width:5.5px;stroke-linecap:round}.wb-cable__braid{fill:none;stroke:var(--wb-braid);stroke-width:3px;stroke-dasharray:1.4 1.8}.wb-cable__beads{fill:none;stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:.01 4.5;filter:drop-shadow(0 0 2px);color:var(--wb-emit)}.wb-cable__ferrule{filter:drop-shadow(0 0 3px #0009)}.wb-cable__plug{filter:drop-shadow(0 3px 4px #000000b3)}.wb-cable__ferrule--neutral{fill:#6b7075}[data-theme=light] .wb-cable__ferrule--neutral{fill:#b3b7b1}@keyframes wbBeads{to{stroke-dashoffset:-4.51px}}.wb-slab{background:radial-gradient(70% 60% at 50% 35%,#ffffff12,#0000 70%),#0d0f11}[data-theme=light] .wb-slab{background:var(--color-void)}.wb-module--hub{box-shadow:inset 0 1px 0 #ffffff1f,inset 0 0 0 1px #ffffff08,inset 0 -2px 0 #00000029,0 9px 0 0 #0f1012,0 12px 14px -2px var(--wb-contact),0 34px 50px -18px var(--wb-cast);background:radial-gradient(80% 60% at 30% 0,#ffffff0f,#0000 70%),linear-gradient(160deg,#1d1e21,#121315);border-radius:18px}[data-theme=light] .wb-module--hub{box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px #0000000f,inset 0 -2px 0 #0000000d,0 9px 0 0 var(--wb-wall),0 12px 14px -2px var(--wb-contact),0 32px 46px -18px var(--wb-cast);background:linear-gradient(160deg,#fff,#e6e8e3)}.wb-hub__mark{filter:drop-shadow(0 0 2px var(--wb-emit))drop-shadow(0 0 7px color-mix(in srgb,var(--wb-emit)60%,transparent))}[data-theme=light] .wb-hub__mark{filter:none}.wb-module--hub[data-busy=true] .wb-hub__mark{animation:1.6s ease-in-out infinite wbMarkBreathe}@keyframes wbMarkBreathe{50%{filter:drop-shadow(0 0 3px var(--wb-emit))drop-shadow(0 0 12px var(--wb-emit))brightness(1.25)}}.wb-module--hub .wb-module__led{bottom:-7px;right:28px}.wb-socket{box-shadow:inset 0 1px 2px #000000e6,var(--wb-socket-glow,0 0 #0000);background:#0a0b0d}[data-theme=light] .wb-socket{box-shadow:inset 0 1px 2px #00000040,var(--wb-socket-glow,0 0 #0000);background:#e3e5e0}.wb-root,.wb-tour{--wb-emit-ink:var(--wb-emit)}[data-theme=light] .wb-root,[data-theme=light] .wb-tour{--wb-emit-ink:#a14a0c}.wb-cand{border-radius:12px;width:104px;padding:6px 6px 8px;transition:opacity .4s,box-shadow .4s;animation:.3s ease-out wbGhostIn}.wb-cand[data-win=true]{--wb-rim:color-mix(in srgb,var(--wb-emit)55%,transparent);--wb-halo:0 0 22px -6px var(--wb-emit)}.wb-cand__label{text-align:center;font-family:var(--font-mono,monospace);letter-spacing:.1em;color:var(--color-dim);padding-top:3px;font-size:7.5px}.wb-cand[data-stage="0"] .wb-cand__label{opacity:.5}.wb-cand[data-win=true] .wb-cand__label{color:var(--wb-emit-ink)}.wb-cand .wb-module__led{right:12px}.wb-tag{background:linear-gradient(160deg,var(--wb-slab-top),var(--wb-slab-bot));box-shadow:inset 0 1px 0 var(--wb-bevel),inset 0 0 0 1px var(--wb-rim),0 3px 0 0 var(--wb-wall),0 10px 18px -8px var(--wb-cast);border-radius:6px}.wb-led{background:radial-gradient(circle at 35% 30%,#fff 0 14%,var(--led)50%,color-mix(in srgb,var(--led)60%,#000)100%);width:6px;height:6px;box-shadow:0 0 0 1px #0000008c,0 0 6px color-mix(in srgb,var(--led)70%,transparent);border-radius:999px;flex:none;display:inline-block}[data-theme=light] .wb-led{box-shadow:0 0 0 .5px #00000040}.wb-led[data-on=false]{background:radial-gradient(circle at 35% 30%,#ffffff2e 0 14%,#2b2e32 60%,#15171a 100%);box-shadow:0 0 0 1px #0000008c}[data-theme=light] .wb-led[data-on=false]{background:radial-gradient(circle at 35% 30%,#fff 0 14%,#d4d7d2 60%,#b9bdb7 100%);box-shadow:0 0 0 .5px #00000040}
.wb-intro__stage{--wb-scrim:6,8,10;width:100%;min-height:100vh;position:relative}[data-theme=light] .wb-intro__stage{--wb-scrim:243,245,239}.wb-intro__board{transform-origin:50%}.wb-intro__dim{z-index:3;pointer-events:none;background:0 0;position:absolute;inset:0}.wb-intro__hero{z-index:6;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;padding:0 24px;display:none;position:absolute;inset:0}.wb-intro__cta:hover{background:color-mix(in srgb,var(--color-agent)18%,transparent)!important;border-color:color-mix(in srgb,var(--color-agent)80%,transparent)!important}.wb-intro__cta-label{align-items:center;gap:.5rem;display:inline-flex}.wb-intro__cta-timer{justify-content:center;align-items:center;width:1.65em;height:1.65em;display:inline-flex;position:relative}.wb-intro__cta-ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.wb-intro__cta-ring-track{fill:none;stroke:color-mix(in srgb,var(--color-agent)20%,transparent);stroke-width:2.5px}.wb-intro__cta-ring-fill{fill:none;stroke:var(--color-agent);stroke-width:2.5px;stroke-linecap:round}.wb-intro__cta-num{font-variant-numeric:tabular-nums;font-size:.8em;line-height:1}
