:root{--bg:#cfcfcd;--ink:#0d0d0d;--dim:#555555;--acc:#6e6e6e;--grid:rgba(13,13,13,.09);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0d0d;--ink:#e8e8e8;--dim:#8a8a8a;--acc:#b0b0b0;--grid:rgba(232,232,232,.07)}}:root[data-theme=dark]{--bg:#0d0d0d;--ink:#e8e8e8;--dim:#8a8a8a;--acc:#b0b0b0;--grid:rgba(232,232,232,.07)}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font:500 16px/1.5 Archivo,system-ui,sans-serif;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:48px 48px;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;left:0;right:0;height:140px;top:-140px;pointer-events:none;z-index:5;background:linear-gradient(transparent,var(--acc),transparent);opacity:.12;animation:scan 7s linear infinite}@keyframes scan{to{transform:translateY(calc(100vh + 280px))}}.wrap{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;padding:20px clamp(18px,4vw,56px)}header{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px}.brand{font:800 20px/1 Syne,sans-serif;letter-spacing:.02em}.status{display:flex;align-items:center;gap:8px;color:var(--dim)}.dot{width:9px;height:9px;background:var(--acc);border-radius:50%;animation:blink 1.4s steps(2) infinite}@keyframes blink{50%{opacity:.15}}main{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(20px,4vw,64px);align-items:center;padding:clamp(24px,5vh,56px) 0}h1{margin:0;font:800 clamp(52px,10.5vw,148px)/.88 "Syne",sans-serif;letter-spacing:-.04em;position:relative}.glitch{display:block;position:relative}.glitch:before,.glitch:after{content:attr(data-t);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.glitch:before{color:var(--acc);animation:g1 5s infinite steps(1);mix-blend-mode:multiply}.glitch:after{color:var(--ink);opacity:.5;animation:g2 5s infinite steps(1)}@keyframes g1{0%,90%,to{clip-path:inset(0 0 100% 0);transform:none}91%{clip-path:inset(12% 0 62% 0);transform:translate(-8px)}93%{clip-path:inset(58% 0 14% 0);transform:translate(7px)}95%{clip-path:inset(30% 0 40% 0);transform:translate(-4px)}97%{clip-path:inset(0 0 100% 0)}}@keyframes g2{0%,91%,to{clip-path:inset(0 0 100% 0)}92%{clip-path:inset(70% 0 6% 0);transform:translate(6px)}94%{clip-path:inset(4% 0 78% 0);transform:translate(-6px)}96%{clip-path:inset(0 0 100% 0)}}.lede{max-width:44ch;margin:28px 0 0;color:var(--dim);font-size:17px}.count{display:flex;gap:clamp(14px,3vw,34px);margin:30px 0 0}.count div{min-width:64px}.count b{display:block;font:800 clamp(34px,5vw,56px)/1 "Syne",sans-serif;font-variant-numeric:tabular-nums}.count span{font-size:13px;color:var(--dim)}form{display:flex;margin:34px 0 0;max-width:460px;border:2px solid var(--ink)}input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:inherit;padding:14px 16px;outline:none}input::placeholder{color:var(--dim)}button{border:0;background:var(--ink);color:var(--bg);font:600 15px Archivo,sans-serif;padding:0 20px;cursor:pointer;transition:background .2s}button:hover,button:focus-visible{background:var(--acc);color:#fff;outline:none}form:focus-within{outline:3px solid var(--acc);outline-offset:3px}.msg{min-height:24px;margin:10px 0 0;font-size:14px;color:var(--acc)}.stage{position:relative;aspect-ratio:3/4;max-height:74vh;width:100%;justify-self:center;border:1.5px solid var(--ink)}.stage .c{position:absolute;width:16px;height:16px;border:0 solid var(--acc)}.c.a{top:-2px;left:-2px;border-width:4px 0 0 4px}.c.b{top:-2px;right:-2px;border-width:4px 4px 0 0}.c.d{bottom:-2px;left:-2px;border-width:0 0 4px 4px}.c.e{bottom:-2px;right:-2px;border-width:0 4px 4px 0}.stage svg{position:absolute;top:6%;right:6%;bottom:14%;left:6%;width:88%;height:80%;overflow:visible}.ring{transform-origin:150px 200px;animation:spin 40s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.g{opacity:0;transition:opacity .7s}.g.on{opacity:1}.ln{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}.ln.ghost{stroke:var(--acc);stroke-width:1.2;opacity:.8;transform:translate(3px,-2px)}.cl{fill:none;stroke:var(--dim);stroke-width:1;stroke-dasharray:5 5;opacity:0;transition:opacity 1s .5s}.g.on .cl{opacity:.8}.g.on .ln{animation:draw 2.6s cubic-bezier(.6,.1,.3,1) backwards;animation-delay:calc(var(--i)*.18s)}@keyframes draw{0%{stroke-dashoffset:1}}.cap{position:absolute;left:14px;right:14px;bottom:12px;display:flex;justify-content:space-between;font-size:13px;color:var(--dim)}.cap strong{color:var(--ink);font-weight:600}.xy{position:fixed;z-index:6;pointer-events:none;font-size:12px;color:var(--acc);transform:translate(14px,10px);opacity:0;transition:opacity .3s}.hair{position:fixed;z-index:6;pointer-events:none;background:var(--acc);opacity:0;transition:opacity .3s}.hx{left:0;right:0;height:1px}.hy{top:0;bottom:0;width:1px}.tick{overflow:hidden;border-block:1.5px solid var(--ink);margin:0 calc(-1*clamp(18px,4vw,56px));padding:10px 0;white-space:nowrap;font:700 15px Syne,sans-serif}.tick div{display:inline-block;animation:mq 28s linear infinite;padding-left:100%}@keyframes mq{to{transform:translate(-100%)}}@media (max-width:820px){main{grid-template-columns:1fr}.stage{max-height:62vh;max-width:420px}}@media (hover:hover){body.mv .xy,body.mv .hair{opacity:.9}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.g.on .ln{stroke-dashoffset:0}}