.future-audio{width:205px;height:38px;padding:3px;border:1px solid rgba(205,190,255,.34);border-radius:999px;background:linear-gradient(135deg,rgba(132,91,225,.28),rgba(36,27,85,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 22px rgba(148,105,255,.2);color-scheme:dark;accent-color:#d2b7ff;opacity:.96;transition:border-color .25s,box-shadow .25s,transform .25s}
.future-audio:hover{border-color:rgba(230,219,255,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 30px rgba(167,124,255,.42);transform:translateY(-1px)}
.future-audio::-webkit-media-controls-enclosure{border-radius:999px;background:transparent}.future-audio::-webkit-media-controls-panel{background:linear-gradient(90deg,#312458,#5d3d82);color:#f5edff}.future-audio::-webkit-media-controls-play-button,.future-audio::-webkit-media-controls-mute-button{filter:invert(1) sepia(.25) saturate(1.4) hue-rotate(210deg)}.future-audio::-webkit-media-controls-current-time-display,.future-audio::-webkit-media-controls-time-remaining-display{color:#f4ecff;text-shadow:none}
.orbit-line-one{animation:ringOne 24s linear infinite}.orbit-line-two{animation:ringTwo 32s linear infinite reverse}.orbit-line-three{animation:ringThree 42s linear infinite}
.planet .planet-face{pointer-events:none;animation:planetDrift 5.5s ease-in-out infinite}.planet .celestial-label{pointer-events:none}.planet-dreams .planet-face{animation-delay:-1.8s;animation-duration:6.8s}.planet-joy .planet-face{animation-delay:-3.4s;animation-duration:8s}
@keyframes ringOne{to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes ringTwo{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes ringThree{to{transform:translate(-50%,-50%) rotate(350deg)}}
@keyframes planetDrift{0%,100%{translate:0 0}25%{translate:7px -5px}50%{translate:0 -9px}75%{translate:-7px -4px}}
@media(max-width:520px){.future-audio{width:142px;height:34px;padding:2px}}
@media(prefers-reduced-motion:reduce){.orbit-line-one,.orbit-line-two,.orbit-line-three,.planet .planet-face{animation:none}}