.orbital{position:relative;width:100%;max-width:560px;aspect-ratio:1/1;margin:0 auto;background:transparent;border:0;overflow:visible;-webkit-mask:radial-gradient(circle at 50% 50%,#000 60%,rgba(0,0,0,.35) 84%,transparent 96%);mask:radial-gradient(circle at 50% 50%,#000 60%,rgba(0,0,0,.35) 84%,transparent 96%)}.orbital:before{content:"";position:absolute;inset:-6%;background:radial-gradient(ellipse 60% 42% at 50% 50%,rgba(253,192,15,.18),transparent 70%);pointer-events:none}.orb-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.orb-rings ellipse{fill:none;stroke:#ffffff26;stroke-width:.28;stroke-dasharray:1.3 1.7}.orb-core{position:absolute;top:50%;left:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 50% 38%,#ffd75a,#e0980a 72%);display:flex;align-items:center;justify-content:center;z-index:100;animation:corepulse 3.6s ease-in-out infinite}.orb-core span{font-size:15px;font-weight:900;letter-spacing:.04em;color:#1b1715}.onode{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:center;will-change:transform,opacity;transform:translate(-50%,-50%)}.odisc{position:relative;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#201b18;border:1px solid rgba(255,255,255,.16);box-shadow:0 4px 14px #00000059;cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease;will-change:filter}.odisc :is(i,svg){width:20px;height:20px;color:var(--accent)}.onode.active .odisc,.odisc:hover{border-color:#fdc00fa6;box-shadow:0 0 0 4px #fdc00f1f,0 8px 20px #0000006b}.olabel{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,8px);white-space:nowrap;background:#14100ef0;border:1px solid rgba(253,192,15,.4);color:#fff;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:7px;box-shadow:0 6px 16px #00000073;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:2}.onode.active .olabel,.odisc:hover~.olabel{opacity:1;visibility:visible;transform:translate(-50%)}@keyframes corepulse{0%,to{box-shadow:0 0 0 6px #fdc00f1f,0 0 40px 6px #fdc00f73}50%{box-shadow:0 0 0 11px #fdc00f12,0 0 58px 12px #fdc00f9e}}@media(prefers-reduced-motion:reduce){.orb-core{animation:none!important}.olabel{opacity:1;visibility:visible;transform:translate(-50%)}}@media(max-width:960px){.orbital{max-width:380px}.odisc{width:40px;height:40px}.odisc :is(i,svg){width:18px;height:18px}}