.dock-card{position:relative}.dock-card:before{content:"";inset-inline:12%;opacity:.8;pointer-events:none;background:linear-gradient(90deg,#0000,#c4b0fd8c,#0000);height:1px;position:absolute;top:0}.dock-bar{background:#8b7fa852;border-radius:999px;flex:1 1 0;align-self:center;width:100%;min-width:0;transition:background-color .32s}.dock-bar--played{background:linear-gradient(to bottom, var(--color-primary-light,#c4b0fd), var(--color-primary-dark,#9171f5))}.dock-bar--cursor{background:#fff;box-shadow:0 0 8px #c4b0fde6}.dock-play-idle{animation:2.4s ease-in-out infinite dock-pulse}@keyframes dock-pulse{0%,to{box-shadow:0 0 #a689fb8c}50%{box-shadow:0 0 0 7px #a689fb00}}@media (prefers-reduced-motion:reduce){.dock-play-idle{animation:none}}
.ec-stage{isolation:isolate;position:relative}.ec-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ec-atmosphere:before,.ec-atmosphere:after{content:"";border-radius:50%;position:absolute}.ec-atmosphere:before{filter:blur(40px);background:radial-gradient(circle,#a689fb2e 0%,#9678f017 32%,#9171f508 56%,#0000 72%);width:80vw;max-width:1100px;height:80vw;max-height:1100px;top:-26%;left:50%;transform:translate(-50%)}.ec-atmosphere:after{filter:blur(50px);background:radial-gradient(circle,#9171f51f 0%,#9171f50d 40%,#0000 70%);width:55vw;max-width:760px;height:55vw;max-height:760px;bottom:-16%;right:-8%}