.atomic-logo{isolation:isolate}.atomic-trigger{cursor:pointer;width:100%;height:100%;color:inherit;touch-action:manipulation;background:0 0;border:0;padding:0;position:absolute;inset:0}.atomic-trigger:focus-visible{outline-offset:-6px;border-radius:12px}.atomic-field,.atomic-particles{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.atomic-field{overflow:visible}.atomic-orbit{fill:none;stroke:#f2b54438;stroke-width:.8px}.atomic-orbit-two{stroke:#4adde240}.atomic-orbit-three{stroke:#f2b54418}.atomic-electron{stroke:#f2b544;stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:.35 2 .1 97.55;filter:drop-shadow(0 0 4px #f2b544);animation:8s linear infinite atomic-flow}.atomic-orbit-two .atomic-electron{stroke:#4adde2;filter:drop-shadow(0 0 4px #4adde2);animation-duration:11s;animation-direction:reverse;animation-delay:-4s}.atomic-orbit-three .atomic-electron{animation-duration:14s;animation-delay:-8s}.atomic-frame{fill:#0b0f14b8;stroke-width:1px}.atomic-signal{fill:none;stroke-width:2px;stroke-linecap:round;stroke-dasharray:10 3 .5 3 .5 83;filter:drop-shadow(0 0 4px #f2b54488);animation:6s linear infinite atomic-flow}.atomic-core{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0;transform:rotate(-8deg)}.atomic-number{color:var(--color-honey);letter-spacing:-.06em;text-shadow:0 0 30px #f2b54418;font:800 clamp(70px,11vw,140px)/1 sans-serif;position:relative}.atomic-number:after{content:attr(data-number);color:#4adde2;opacity:.2;clip-path:inset(42% 0 53%);animation:7s step-end infinite atomic-noise;position:absolute;inset:0}.atomic-particles{transform:rotate(-8deg)}.atomic-logo[data-phase=burst] .atomic-core{opacity:0}.atomic-logo[data-phase=charging] .atomic-signal{stroke-width:3px}.atomic-pause{letter-spacing:.05em;min-height:44px;color:var(--color-muted);cursor:pointer;text-underline-offset:4px;z-index:2;padding:8px 0;font-size:10px;text-decoration:underline;position:absolute;bottom:0;left:15px}.atomic-pause:disabled{cursor:default;text-decoration:none}.atomic-logo .art-caption{pointer-events:none}.atomic-logo .art-coordinate{pointer-events:none;z-index:1}.atomic-logo[data-paused=true] *,.atomic-logo[data-paused=true] :after{animation-play-state:paused!important}@keyframes atomic-flow{to{stroke-dashoffset:-100px}}@keyframes atomic-noise{0%,89%,94%,to{clip-path:inset(42% 0 53%);transform:translate(0)}90%,93%{clip-path:inset(28% 0 69%);transform:translate(2px)}91%{clip-path:inset(67% 0 30%);transform:translate(-2px)}}@media (width<=700px){.atomic-number{font-size:clamp(70px,23vw,100px)}.atomic-pause{font-size:9px;left:0}.atomic-logo .art-caption{font-size:8px;right:0}}@media (prefers-reduced-motion:reduce){.atomic-logo *,.atomic-logo :after{animation:none!important}.atomic-number:after{display:none}}.atomic-interaction{perspective:800px;touch-action:none;position:absolute;inset:30px 0 44px}.atomic-stage{transform-style:preserve-3d;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.atomic-logo[data-dragging=true] .atomic-stage{transition:none}.atomic-drag{cursor:grab;background:0 0;border:0;border-radius:16px;width:100%;height:100%;position:absolute;inset:0}.atomic-logo[data-dragging=true] .atomic-drag{cursor:grabbing}.atomic-field{transform:translateZ(-12px)}.atomic-trigger.atomic-core{pointer-events:auto;touch-action:none;width:44%;height:44%;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-8deg)}.atomic-number{letter-spacing:0;font-size:clamp(70px,9vw,115px)}.atomic-logo[data-phase=charging] .atomic-core{animation:.1s linear infinite atomic-charge}.atomic-logo[data-phase=burst] .atomic-core,.atomic-logo[data-phase=assembling] .atomic-core{opacity:0;animation:none}.atomic-logo[data-phase=zero] .atomic-core{opacity:1}.atomic-logo[data-phase=counting] .atomic-number{animation:1.5s ease-out atomic-count-in}.atomic-logo[data-dragging=true] .atomic-trigger{cursor:grabbing}@keyframes atomic-charge{0%,to{transform:translate(-50%,-50%)rotate(-8deg)scale(1)}25%{transform:translate(-49%,-51%)rotate(-9deg)scale(1.03)}75%{transform:translate(-51%,-49%)rotate(-7deg)scale(.98)}}@keyframes atomic-count-in{0%{transform:scale(.85)}to{transform:scale(1)}}@media (width<=700px){.atomic-number{font-size:clamp(65px,20vw,80px)}}@media (prefers-reduced-motion:reduce){.atomic-stage{transition:none;transform:none}}.atomic-interaction{container-type:size}.atomic-number{font-size:min(29.1667cqw,33.3333cqh)}.atomic-logo[data-phase=igniting] .atomic-number{animation:1.6s linear both atomic-ignite}@keyframes atomic-ignite{0%,12%,38%{opacity:.35;color:#b98b3c;text-shadow:none}6%,25%,48%,65%{opacity:1;color:#fff0bc;text-shadow:0 0 2px #fff5d8,0 0 9px #f2b544cc,0 0 24px #f2b54488,0 0 48px #f2b54444}to{opacity:1;color:var(--color-honey);text-shadow:0 0 30px #f2b54418}}@media (prefers-reduced-motion:reduce){.atomic-logo[data-phase=igniting] .atomic-number{animation:none}}