@media (prefers-reduced-motion:no-preference){.hear-line,.hear-note{animation:.5s cubic-bezier(.2,.8,.2,1) both hear-in}@keyframes hear-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.hear-breathe{animation:3.6s ease-in-out infinite hear-breathe}@keyframes hear-breathe{50%{opacity:.7;transform:scale(1.18)}}.hear-spin{animation:6s linear infinite hear-spin}.hear-spin>*{animation:6s linear infinite reverse hear-spin}@keyframes hear-spin{to{rotate:360deg}}}
.orb-slot{transition:transform .6s cubic-bezier(.25,.8,.25,1),opacity .6s}.orb-slot.orb-far{opacity:.85;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 72%);mask-image:radial-gradient(circle,#000 30%,#0000 72%)}.orb{background:var(--o5);isolation:isolate;border-radius:9999px;position:absolute;inset:0;overflow:hidden}.orb-mesh{background:radial-gradient(40% 45% at 22% 30%, var(--o1) 0%, transparent 70%), radial-gradient(45% 40% at 78% 22%, var(--o2) 0%, transparent 70%), radial-gradient(42% 48% at 70% 78%, var(--o3) 0%, transparent 70%), radial-gradient(48% 42% at 28% 82%, var(--o4) 0%, transparent 70%), radial-gradient(30% 60% at 52% 50%, var(--o2) 0%, transparent 70%), var(--o5);filter:blur(26px)saturate(1.2);position:absolute;inset:-25%}.orb-light{border-radius:inherit;background:radial-gradient(45% 38% at 32% 24%,#ffffff73,#0000 72%),radial-gradient(60% 50% at 70% 85%,#00000024,#0000 70%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff2e,inset -18px -26px 60px #0003,inset 16px 18px 44px #ffffff38}.orb-grain{border-radius:inherit;opacity:.6;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .5  0 0 0 0 .5  0 0 0 0 .5  0 0 0 1 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.orb-mesh{animation:28s ease-in-out infinite alternate orb-drift}.orb-live .orb-mesh{animation-duration:6s}@keyframes orb-drift{0%{transform:rotate(0)scale(1)}50%{transform:rotate(120deg)scale(1.08)}to{transform:rotate(240deg)scale(1)}}}.orb:has(canvas[data-ready]) .orb-mesh{animation:none}