.accurate-ion-animation{width:min(100%,760px);margin:auto;padding:.85rem;border:1px solid rgba(62,112,126,.2);border-radius:24px;background:linear-gradient(145deg,#fbfdfc,#edf7f7);box-shadow:0 18px 42px rgba(34,69,78,.1)}
.transfer-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.transfer-heading div{display:grid;gap:.15rem}.transfer-heading span{color:#54808d;font-size:.67rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.transfer-heading strong{color:#173f4c;font-size:1.05rem}.transfer-heading button{border:1px solid #8eb7c2;border-radius:999px;background:#fff;color:#246378;padding:.55rem .85rem;font:inherit;font-size:.66rem;font-weight:800;cursor:pointer}.transfer-heading button:hover{background:#dff2f5}.transfer-note{margin:.55rem 0 .2rem;color:#4b6872;font-size:.68rem;line-height:1.55}.accurate-ion-animation svg{display:block;width:100%;height:auto;min-height:300px;overflow:visible}.electron-shell{fill:none;stroke:#8db6c1;stroke-width:1.5}.shell-electron,.moving-electrons circle{fill:#167da1;stroke:#fff;stroke-width:2;filter:drop-shadow(0 2px 3px rgba(13,76,96,.3))}.atom-nucleus{fill:#244f5c}.atom-symbol{fill:#fff;font-size:12px;font-weight:850;text-anchor:middle;dominant-baseline:central}.atom-caption{fill:#526f78;font-size:12px;font-weight:750;text-anchor:middle}.transfer-guides path{fill:none;stroke:#61a7ba;stroke-width:2;stroke-dasharray:7 7}.transfer-labels text{fill:#48808f;font-size:11px;font-weight:750;text-anchor:middle}.product-ions{opacity:0}.product-ions .electron-shell{stroke:#7965b7}.product-ions .atom-nucleus{fill:#6c58a8}.product-ions .shell-electron{fill:#806cc1}.product-formula{fill:#234d59;font-size:14px;font-weight:850;text-anchor:middle}.shell-key{display:flex;align-items:center;justify-content:center;gap:1rem;color:#526f78;font-size:.64rem;text-align:center}.shell-key span{white-space:nowrap}.shell-key i{display:inline-block;width:10px;height:10px;margin-right:.3rem;border:2px solid #fff;border-radius:50%;background:#167da1;box-shadow:0 0 0 1px #167da1}.shell-key b{font-weight:700}
.neutral-ca .shell-4{opacity:0}.ion-charge{fill:#6c58a8;font-size:15px;font-weight:900;text-anchor:middle}
@media(max-width:600px){.accurate-ion-animation{padding:.65rem;border-radius:18px}.transfer-heading{align-items:flex-start}.transfer-heading strong{font-size:.86rem}.transfer-heading button{padding:.45rem .6rem;font-size:.58rem}.transfer-note{font-size:.6rem}.accurate-ion-animation svg{min-height:245px}.shell-key{align-items:flex-start;flex-direction:column;gap:.35rem;text-align:left}}
@media(prefers-reduced-motion:reduce){.accurate-ion-animation *{scroll-behavior:auto!important}}