/* A rhythmic frequency display; decorative, not a live audio analyser. */
.motion-sample{background:radial-gradient(ellipse at 50% 70%,#173943 0%,#0e151d 72%);min-height:255px;flex-direction:column;padding:30px 22px 55px;gap:20px}
.motion-sample .motion-copy{position:relative;text-align:center;animation:none;text-shadow:none;transform:none;font-size:34px}
.frequency-eq{order:2;display:flex;align-items:center;justify-content:center;gap:4px;width:100%;height:78px;position:relative}
.frequency-eq:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#76d4df44}
.frequency-eq i{display:block;flex:1;max-width:7px;height:100%;border-radius:3px;background:linear-gradient(#c4fbff,#76d4df 48%,#3f8398);transform:scaleY(calc(var(--level)*.35));box-shadow:0 0 8px #76d4df33;animation:dms-equalizer .889s ease-in-out infinite;animation-delay:var(--delay);animation-play-state:paused}
.is-playing .frequency-eq i{animation-play-state:running}
@keyframes dms-equalizer{0%,100%{transform:scaleY(calc(var(--level)*.25))}18%{transform:scaleY(var(--level))}38%{transform:scaleY(calc(var(--level)*.4))}58%{transform:scaleY(calc(var(--level)*.8))}80%{transform:scaleY(calc(var(--level)*.3))}}
@media(prefers-reduced-motion:reduce){.frequency-eq i{animation:none;transform:scaleY(calc(var(--level)*.6))}}