.orb{aspect-ratio:1;width:100%;max-width:540px;margin-inline:auto;position:relative}.orb-rings{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.orb-ring{fill:none;vector-effect:non-scaling-stroke}.orb-ring-outer{stroke:color-mix(in srgb, var(--accT) 22%, transparent);stroke-width:1px}.orb-ring-dash{stroke:color-mix(in srgb, var(--accT) 55%, transparent);stroke-width:1px;stroke-dasharray:3 6}.orb-node{fill:var(--acc);filter:drop-shadow(0 0 1.5px var(--acc))}.orb-spin,.orb-spin-rev{transform-origin:50px 50px;transform-box:view-box}.orb-photo{border-radius:50%;position:absolute;inset:7%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 64%,#0000 100%);mask-image:radial-gradient(closest-side,#000 64%,#0000 100%)}.orb-photo>img{object-fit:cover;object-position:center 28%;width:100%;height:100%;position:absolute;inset:0}.orb-halo{border:1.5px solid color-mix(in srgb, var(--acc) 75%, transparent);box-shadow:0 -6px 18px -8px color-mix(in srgb, var(--acc) 60%, transparent);pointer-events:none;border-radius:50%;position:absolute;inset:9%;-webkit-mask-image:linear-gradient(#000 0% 30%,#0000 52%);mask-image:linear-gradient(#000 0% 30%,#0000 52%)}@media (prefers-reduced-motion:no-preference){.orb-spin{animation:60s linear infinite orb-turn}.orb-spin-rev{animation:90s linear infinite reverse orb-turn}}@keyframes orb-turn{to{transform:rotate(360deg)}}