.atomic-core-container{pointer-events:none;z-index:1;flex:none;align-self:flex-start;padding:2rem 0 0 1.25rem;position:sticky;top:84px}@media (max-width:1280px){.atomic-core-container .atom{--size:145px!important}}@media (max-width:900px){.atomic-core-container{z-index:10;padding:0;position:fixed;top:80px;right:10px}.atomic-core-container .atom{opacity:.92;--size:84px!important}.app-container.is-welcome .atomic-core-container{z-index:1;align-self:center;margin:.25rem auto -.5rem;padding:0;position:relative;top:0;right:auto}.app-container.is-welcome .atomic-core-container .atom{opacity:1;--size:132px!important}}.atom{--size:340px;--ai-bright:#6fc4ff;width:var(--size);height:var(--size);place-items:center;margin:0 auto;display:grid;position:relative}.atom *{position:absolute}.ambient{filter:blur(6px);background:radial-gradient(circle,#0489ff47,#788ca00f 55%,#0000 72%);border-radius:50%;animation:4.5s ease-in-out infinite ambient;inset:-18%}.ticks{opacity:.6;background:repeating-conic-gradient(#6fc4ff8c 0deg .5deg,#0000 .5deg 6deg);border-radius:50%;animation:70s linear infinite reverse spin;inset:-9%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 calc(100% - 3px))}.hud{opacity:.85;animation:26s linear infinite spin;inset:-14%}.gimbal{-webkit-mask-composite:xor;opacity:.9;background:linear-gradient(135deg,#d9e2ec,#5a6b7d 30%,#2a3542 55%,#9fb2c4 80%,#4a5866) border-box;border:3px solid #0000;border-radius:50%;inset:4%;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.gimbal.g1{animation:22s linear infinite gimbal1;transform:rotateX(68deg)rotateY(6deg)}.gimbal.g2{opacity:.55;animation:30s linear infinite reverse gimbal2;inset:1%;transform:rotateX(68deg)rotate(60deg)}.gimbal.g3{opacity:.35;inset:7%;transform:rotateY(70deg)rotate(18deg)}.orbit{background:conic-gradient(from 0deg, transparent 0 72%, #0489ff40 82%, var(--ai,#0489ff) 94%, #dff2ff 99%, transparent 100%);filter:drop-shadow(0 0 6px #0489ffcc);animation:spin var(--orbit-speed,5s) linear infinite;border-radius:50%;inset:-4%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.orbit.o2{animation-name:spinX;animation-duration:calc(var(--orbit-speed,5s) * 1.5);inset:2%}.orbit.o3{animation-name:spinXZ;animation-duration:calc(var(--orbit-speed,5s) * 2.1);animation-direction:reverse;inset:2%}.orbit-carrier{animation:spin var(--orbit-speed,5s) linear infinite;border-radius:50%;inset:-4%}.orbit-carrier.c2{animation-name:spinX;animation-duration:calc(var(--orbit-speed,5s) * 1.5);inset:2%}.orbit-carrier.c3{animation-name:spinXZ;animation-duration:calc(var(--orbit-speed,5s) * 2.1);animation-direction:reverse;inset:2%}.electron{background:radial-gradient(circle at 35% 35%, #fff, #9fd7ff 45%, var(--ai,#0489ff) 80%);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;top:-5px;left:50%;box-shadow:0 0 10px 2px #a0d7fff2,0 0 24px 8px #0489ff8c}.core{background:radial-gradient(circle at 34% 30%,#d2ecfff2,#50aaff80 22%,#043c78d9 62%,#010913 88%);border-radius:50%;animation:3.6s ease-in-out infinite fusion;inset:17%;overflow:hidden;box-shadow:inset -14px -18px 40px #000000bf,inset 10px 10px 30px #8cc8ff40,0 0 42px #0489ff80}.core:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 22%,#ffffff57,#0000 34%);border-radius:50%;position:absolute;inset:0}.hexmesh{opacity:.3;pointer-events:none;background-image:radial-gradient(#96cdff80 1px,#0000 1.4px),radial-gradient(#96cdff4d 1px,#0000 1.4px);background-position:0 0,7px 6px;background-size:14px 12px,14px 12px;border-radius:50%;inset:0;-webkit-mask:radial-gradient(circle at 36% 30%,#000 30%,#00000040 70%,#0000 92%);mask:radial-gradient(circle at 36% 30%,#000 30%,#00000040 70%,#0000 92%)}.bolt-core{filter:drop-shadow(0 0 8px #a0d7ffe6)drop-shadow(0 0 24px #0489ff99);transition:opacity .8s,transform .8s;animation:2.8s ease-in-out infinite boltpulse;inset:24%}.atom:not([data-context=default]) .bolt-core{opacity:0;animation:none;transform:scale(.6)}.holo{place-items:center;transition:opacity .5s,transform .5s,filter .5s;animation:5s ease-in-out infinite float;display:grid;inset:12%}.holo.morph-out{opacity:0;filter:blur(6px);transform:scale(.72)}.holo img{filter:grayscale(.3)brightness(1.3)sepia(.55)hue-rotate(175deg)saturate(2.6)drop-shadow(0 0 16px #0489ffe6);opacity:.92;max-width:100%;max-height:100%;animation:3.5s steps(2,end) infinite holojitter;position:static}.holo .scanlines{pointer-events:none;background:repeating-linear-gradient(#a0dcff24 0 1px,#0000 1px 4px);animation:6s linear infinite scan;inset:-4%;-webkit-mask:radial-gradient(closest-side,#000 62%,#0000 100%);mask:radial-gradient(closest-side,#000 62%,#0000 100%)}.holo .flicker{pointer-events:none;background:#96d7ff0f;animation:4s step-end infinite flicker;inset:0}.holo .holoshapes{pointer-events:none;inset:-6%}.holoshapes .frame path{fill:none;stroke:var(--ai-bright);stroke-width:1.4px;filter:drop-shadow(0 0 3px var(--ai,#0489ff))}.holoshapes .bit{fill:var(--ai-bright);filter:drop-shadow(0 0 4px var(--ai,#0489ff))}.holoshapes .ringpath{fill:none;stroke:#6fc4ff8c;stroke-width:1px;stroke-dasharray:3 7;transform-origin:50%;animation:14s linear infinite spin}.holoshapes .glitchbar{fill:#a0dcff47}.holoshapes .tw1{animation:2.1s step-end infinite shapeflick}.holoshapes .tw2{animation:3.3s step-end .7s infinite shapeflick}.holoshapes .tw3{animation:1.7s step-end 1.2s infinite shapeflick}.holoshapes .tw4{animation:5s step-end infinite glitch}.flowlines{pointer-events:none;inset:0}.flowlines path{fill:none;stroke:var(--ai-bright);stroke-width:1.6px;stroke-dasharray:6 10;filter:drop-shadow(0 0 4px var(--ai,#0489ff));animation:1.6s linear infinite dashflow}.flowlines circle{fill:#dff2ff;filter:drop-shadow(0 0 5px var(--ai,#0489ff))}.atom[data-state=listening]{--orbit-speed:12s}.atom[data-state=listening] .orbit{background:conic-gradient(from 0deg, #0489ff80 0 100%);filter:drop-shadow(0 0 10px #50b4ff)}.atom[data-state=thinking]{--orbit-speed:1.6s}.atom[data-state=thinking] .core{animation-duration:1.4s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinX{0%{transform:rotateX(62deg)rotate(0)}to{transform:rotateX(62deg)rotate(360deg)}}@keyframes spinXZ{0%{transform:rotateX(62deg)rotate(64deg)rotate(0)}to{transform:rotateX(62deg)rotate(64deg)rotate(360deg)}}@keyframes gimbal1{0%{transform:rotateX(68deg)rotateY(6deg)rotate(0)}to{transform:rotateX(68deg)rotateY(6deg)rotate(360deg)}}@keyframes gimbal2{0%{transform:rotateX(68deg)rotate(60deg)rotate(0)}to{transform:rotateX(68deg)rotate(60deg)rotate(360deg)}}@keyframes fusion{0%,to{filter:brightness()}50%{filter:brightness(1.22)}}@keyframes ambient{0%,to{opacity:.8}50%{opacity:1}}@keyframes float{0%,to{translate:0 -2px}50%{translate:0 3px}}@keyframes scan{0%{background-position-y:0}to{background-position-y:40px}}@keyframes flicker{0%,93%,to{opacity:0}94%,96%{opacity:1}}@keyframes dashflow{to{stroke-dashoffset:-32px}}@keyframes holojitter{0%,to{translate:0}46%{translate:0 -1px}52%{translate:.5px 1px}}@keyframes boltpulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes shapeflick{0%,to{opacity:.9}12%{opacity:.15}18%{opacity:.9}55%{opacity:.55}61%{opacity:1}}@keyframes glitch{0%,88%,to{opacity:0}90%,93%{opacity:1}}@media (prefers-reduced-motion:reduce){.atom *,.holo{transition:opacity .3s!important;animation:none!important}}