.sphere-glow{isolation:isolate;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform .28s;display:inline-flex;position:relative}.sphere-glow:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle, color-mix(in srgb, var(--sphere-accent) 28%, transparent), transparent 72%);opacity:.5;animation:sphere-breathe 7s ease-in-out var(--sphere-delay) infinite;position:absolute;inset:-6px}.sphere-glow__shell{border-radius:inherit;border:1px solid color-mix(in srgb, var(--sphere-accent) 55%, transparent);background:radial-gradient(circle at 30% 22%, #ffffff24, transparent 52%), radial-gradient(circle at 70% 90%, color-mix(in srgb, var(--sphere-accent) 26%, transparent), var(--guna-surface2));box-shadow:inset 0 0 10px color-mix(in srgb, var(--sphere-accent) 9%, transparent), 0 2px 8px #0000000a;position:absolute;inset:0}.sphere-glow__icon{filter:drop-shadow(0 1px 3px #0002);line-height:1;transition:transform .28s;position:relative}.sphere-glow__glint{background:color-mix(in srgb, var(--sphere-accent) 20%, white);clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);opacity:.2;width:5px;height:5px;animation:sphere-glint 8s ease-in-out var(--sphere-delay) infinite;position:absolute;top:9%;right:12%}.sphere-glow__glint--second{width:3px;height:3px;animation-delay:calc(var(--sphere-delay) - 3s);inset:auto auto 15% 3%}.sphere-interactive{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}.sphere-interactive:hover .sphere-glow,.sphere-interactive:focus-visible .sphere-glow{transform:translateY(-2px)scale(1.07)}.sphere-interactive:hover .sphere-glow__icon,.sphere-interactive:focus-visible .sphere-glow__icon{transform:rotate(-7deg)}.sphere-interactive:focus-visible{outline:2px solid var(--success);outline-offset:3px}.sphere-interactive:active{transform:scale(.985)}.sphere-card:hover{border-color:color-mix(in srgb, var(--success) 40%, var(--guna-border));transform:translateY(-2px);box-shadow:0 6px 24px #0000000b}@keyframes sphere-breathe{0%,to{opacity:.28;transform:scale(.94)}50%{opacity:.7;transform:scale(1.07)}}@keyframes sphere-glint{0%,34%,56%,to{opacity:.12;transform:scale(.65)}44%{opacity:.88;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.sphere-glow:before,.sphere-glow__glint{animation:none}.sphere-glow,.sphere-glow__icon,.sphere-interactive{transition:none}.sphere-interactive:hover .sphere-glow,.sphere-interactive:focus-visible .sphere-glow,.sphere-interactive:hover .sphere-glow__icon,.sphere-interactive:focus-visible .sphere-glow__icon,.sphere-interactive:active,.sphere-card:hover{transform:none}}