.audio-rhythm{--bg-color: transparent;--horizon-base: rgba(0, 0, 0, .08);--c-purple: #8000ff;--c-blue: #0077ff;--c-white: #555555;position:relative;width:100%;max-width:520px}.audio-rhythm__stage{position:relative;width:100%;height:110px;display:flex;justify-content:center;align-items:center;overflow:hidden}.audio-rhythm__global-horizon{position:absolute;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,var(--c-purple) 20%,var(--c-white) 50%,var(--c-blue) 80%,transparent 100%);opacity:.95;filter:blur(.2px);animation:horizon-shiver .2s infinite}.audio-rhythm__emitter{position:absolute;top:50%;transform:translateY(-50%) translate(var(--pos-x));width:80px;height:160px;display:flex;justify-content:center;align-items:center;pointer-events:none}.audio-rhythm__beam-v{position:absolute;width:var(--width, 3px);height:0;background:linear-gradient(to bottom,transparent,var(--color),transparent);filter:blur(4px);opacity:0;animation:shoot-cross var(--dur) cubic-bezier(.1,.9,.2,1) infinite;animation-delay:var(--delay)}.audio-rhythm__beam-h{position:absolute;width:0;height:3px;background:var(--color);filter:blur(2px);border-radius:50%;opacity:0;animation:gather-energy var(--dur) cubic-bezier(.1,.9,.2,1) infinite;animation-delay:var(--delay)}.audio-rhythm__core-flash{position:absolute;width:10px;height:10px;background:var(--color);border-radius:50%;filter:blur(5px);opacity:0;animation:flash-impact var(--dur) cubic-bezier(.1,.9,.2,1) infinite;animation-delay:var(--delay)}.audio-rhythm--idle .audio-rhythm__stage{visibility:hidden}.audio-rhythm--idle .audio-rhythm__beam-v,.audio-rhythm--idle .audio-rhythm__beam-h,.audio-rhythm--idle .audio-rhythm__core-flash,.audio-rhythm--idle .audio-rhythm__global-horizon{animation-play-state:paused;opacity:0}.audio-rhythm--active .audio-rhythm__beam-v,.audio-rhythm--active .audio-rhythm__beam-h,.audio-rhythm--active .audio-rhythm__core-flash,.audio-rhythm--active .audio-rhythm__global-horizon{animation-play-state:running}@keyframes shoot-cross{0%,25%{height:0;opacity:0}26%{height:var(--max-h);opacity:1;width:var(--width, 3px)}40%{height:calc(var(--max-h) * .4);opacity:.7}to{height:0;opacity:0}}@keyframes gather-energy{0%,15%{width:60px;opacity:0;transform:scaleX(2);filter:blur(8px)}20%{width:10px;opacity:1;transform:scaleX(.5);filter:blur(0)}26%{width:120px;opacity:.8;transform:scaleX(1.4);filter:blur(2px)}to{width:60px;opacity:0;transform:scaleX(1)}}@keyframes flash-impact{0%,25%{transform:scale(0);opacity:0}26%{transform:scale(2);opacity:1}to{transform:scale(0);opacity:0}}@keyframes horizon-shiver{0%,to{opacity:.6;height:2px}50%{opacity:1;height:3px}}.status-recording-gradient{background-image:linear-gradient(90deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}