.orbit-container{--breath-scale:0.6;position:relative;width:280px;height:280px;display:flex;align-items:center;justify-content:center;transform:scale(var(--breath-scale))}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(200,200,200,.2)}.orbit-outer{width:100%;height:100%}.orbit-middle{width:70%;height:70%}.orbit-inner{width:40%;height:40%}.orbit-container.playing .orbit-outer{animation:orbitSpin 20s linear infinite}.orbit-container.playing .orbit-middle{animation:orbitSpin 15s linear infinite reverse}.orbit-container.playing .orbit-inner{animation:orbitSpin 10s linear infinite}@keyframes orbitSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.orbit-dot{position:absolute;border-radius:50%;background:rgba(200,200,200,.3)}.orbit-outer .dot-top{width:8px;height:8px;top:0;left:50%;transform:translate(-50%,-50%);background:rgba(200,200,200,.5)}.orbit-outer .dot-bottom{width:6px;height:6px;bottom:0;left:50%;transform:translate(-50%,50%);background:rgba(200,200,200,.4)}.orbit-middle .dot-right{width:6px;height:6px;top:50%;right:0;transform:translate(50%,-50%);background:rgba(200,200,200,.5)}.orbit-middle .dot-left{width:8px;height:8px;top:50%;left:0;transform:translate(-50%,-50%);background:rgba(200,200,200,.4)}.orbit-inner .dot-top{width:4px;height:4px;top:0;left:50%;transform:translate(-50%,-50%);background:rgba(200,200,200,.5)}.orbit-ellipse{position:absolute;width:100%;height:100%;pointer-events:none}.orbit-container.playing .ellipse-1{animation:orbitSpin 25s linear infinite}.orbit-container.playing .ellipse-2{animation:orbitSpin 18s linear infinite reverse}.orbit-glow{position:absolute;width:100px;height:100px;background:rgba(200,200,200,.08);border-radius:50%;filter:blur(30px);opacity:0;transition:opacity .5s ease}.orbit-container.playing .orbit-glow{opacity:1;animation:orbitPulse 2s ease-in-out infinite}@keyframes orbitPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.orbit-container.paused .ellipse-1,.orbit-container.paused .ellipse-2,.orbit-container.paused .orbit-glow,.orbit-container.paused .orbit-inner,.orbit-container.paused .orbit-middle,.orbit-container.paused .orbit-outer{animation-play-state:paused}@keyframes gentleRipple{0%,to{transform:scale(.92);opacity:.9}50%{transform:scale(1);opacity:1}}.meditation-player-mode .orbit-container{--breath-scale:0.96;animation:gentleRipple 7s ease-in-out infinite}.meditation-player-mode .orbit-container.paused{animation-play-state:paused}@media (max-width:768px){.orbit-container{width:240px;height:240px}}@media (max-width:480px){.orbit-container{width:220px;height:220px}}