.molecule{perspective:130cqmin}.mol-orbits{position:absolute;top:0;right:0;bottom:0;left:0;perspective:120cqmin;pointer-events:none}.mol-orbits>i{--tx: 72deg;--ty: 0deg;--size: 78cqmin;position:absolute;left:50%;top:46%;width:var(--size);height:var(--size);margin:calc(var(--size) / -2) 0 0 calc(var(--size) / -2);border-radius:9999px;transform:rotateX(var(--tx)) rotateY(var(--ty)) rotate(0);animation:mol-orbit 26s linear infinite}.mol-orbits>i:nth-child(2){--tx: 66deg;--ty: 24deg;--size: 64cqmin;animation-duration:19s;animation-direction:reverse}.mol-orbits>i:nth-child(3){--tx: 80deg;--ty: -30deg;--size: 92cqmin;animation-duration:34s}.mol-orbits>i:before{content:"";position:absolute;top:.6cqmin;right:.6cqmin;bottom:.6cqmin;left:.6cqmin;border-radius:9999px;border:1px solid hsl(var(--glow) / .22)}.mol-orbits>i:after{content:"";position:absolute;left:50%;top:0;width:1.2cqmin;height:1.2cqmin;margin-left:-.6cqmin;border-radius:9999px;background:radial-gradient(closest-side,#fff8d6,hsl(46 95% 60%) 60%,transparent)}@keyframes mol-orbit{to{transform:rotateX(var(--tx)) rotateY(var(--ty)) rotate(360deg)}}.mol-stage{position:absolute;top:4%;right:6%;bottom:16%;left:6%;display:grid;place-items:center;cursor:grab;touch-action:pan-y;transform-style:preserve-3d}.mol-stage[data-dragging]{cursor:grabbing}.mol-turn{--rx: -14deg;--ry: 0deg;--trx: calc(var(--rx) - var(--py, 0) * 8deg);--try: calc(var(--ry) + var(--px, 0) * 14deg);position:relative;width:0;height:0;transform-style:preserve-3d;transform:rotateX(var(--trx)) rotateY(var(--try));transition:transform .8s var(--ease-out)}.mol-spin,.mol-unspin,.mol-atom{position:absolute;left:0;top:0;transform-style:preserve-3d}.mol-spin{animation:mol-spin 40s linear infinite}.mol-unspin{animation:mol-unspin 40s linear infinite}@keyframes mol-spin{to{transform:rotateY(360deg)}}@keyframes mol-unspin{to{transform:rotateY(-360deg)}}.mol-atom{transform:translate3d(var(--x),var(--y),var(--z))}.mol-face{--d: 9cqmin;position:absolute;width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);border-radius:9999px;transform:rotateY(calc(var(--try) * -1)) rotateX(calc(var(--trx) * -1));transition:transform .8s var(--ease-out);background:radial-gradient(circle at 34% 30%,#effff8 0,#7fb3a5 16%,#2f5049 50%,#0c1715)}.mol-atom[data-el=O] .mol-face{--d: 8.4cqmin;background:radial-gradient(circle at 34% 30%,#fff3ee 0,#ff8e76 18%,#d6402e 54%,#4d0f09)}.mol-atom[data-el=H] .mol-face{--d: 5.4cqmin;background:radial-gradient(circle at 34% 30%,#fff 0,#e3edf1 28%,#8fa3ae 68%,#34434c)}.mol-stage[data-dragging] .mol-turn,.mol-stage[data-dragging] .mol-face{transition-duration:.08s}.mol-bond{position:absolute;left:0;top:0;width:var(--len);height:1.6cqmin;margin:-.8cqmin 0 0 calc(var(--len) / -2);transform-style:preserve-3d;transform:translate3d(var(--x),var(--y),var(--z)) rotateY(var(--yaw)) rotate(var(--pitch))}.mol-bond>b{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,#7f968f 25%,#e8f3ef 50%,#5d746d 75%,transparent)}.mol-bond>b+b{transform:rotateX(90deg)}.mol-caption{position:absolute;left:6%;bottom:9%;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .8rem;max-width:88%;font-size:clamp(11px,2.4cqmin,13px);color:#fff9;pointer-events:none}.mol-caption>b{font:600 clamp(15px,3.6cqmin,20px) / 1 "Space Grotesk","Space Grotesk Fallback",system-ui,sans-serif;color:hsl(var(--glow))}.mol-caption sub{font-size:.62em}.mol-caption>span{font:500 .82em/1 JetBrains Mono,JetBrains Mono Fallback,ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#fff6}