.audio-viz{--av-bg:#0f0f23;--av-primary:#1e1b4b;--av-secondary:#4338ca;--av-cta:#22c55e;--av-cta-hover:#16a34a;--av-text:#f8fafc;--av-text-muted:rgba(248,250,252,.62);--av-glass:hsla(0,0%,100%,.1);--av-glass-border:hsla(0,0%,100%,.16);--av-glow-indigo:rgba(67,56,202,.45);--av-glow-green:rgba(34,197,94,.35);border-radius:1.25rem;color:var(--av-text);font-family:Poppins,system-ui,sans-serif;isolation:isolate;overflow:hidden;position:relative}.audio-viz__hint-bar{background:#0f172a99;border-bottom:1px solid var(--av-glass-border);color:var(--av-text-muted);font-size:12px;padding:8px 16px;text-align:center}.audio-viz__scene{background:var(--av-bg);display:grid;gap:clamp(8px,2vw,16px);grid-template-rows:auto 1fr auto auto;padding:clamp(16px,4vw,28px);position:relative}.audio-viz__scene:after,.audio-viz__scene:before{border-radius:50%;content:"";filter:blur(80px);pointer-events:none;position:absolute;z-index:0}.audio-viz__scene:before{background:radial-gradient(circle,var(--av-secondary) 0,transparent 70%);height:min(70%,420px);left:-8%;opacity:.35;top:-8%;width:min(70%,420px)}.audio-viz__scene:after{background:radial-gradient(circle,var(--av-cta) 0,transparent 70%);bottom:8%;height:min(55%,320px);opacity:.18;right:-6%;width:min(55%,320px)}.audio-viz__scene>*{position:relative;z-index:1}.audio-viz__header{align-items:flex-end;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:960px;width:100%}.audio-viz__label{color:var(--av-text-muted);font-size:11px;letter-spacing:.18em;margin-bottom:6px;text-transform:uppercase}.audio-viz__title{background:linear-gradient(135deg,#f8fafc,#a5b4fc 55%,#86efac);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Righteous,system-ui,sans-serif;font-size:clamp(1.4rem,3.5vw,2rem);line-height:1.1}.audio-viz__meta{color:var(--av-text-muted);font-size:13px;text-align:right}.audio-viz__playlist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.audio-viz__chip{background:#0f172a80;border:1px solid var(--av-glass-border);border-radius:999px;color:var(--av-text-muted);cursor:pointer;font-size:12px;padding:6px 14px;transition:background .2s ease-out,border-color .2s ease-out,color .2s ease-out}.audio-viz__chip:hover{border-color:#86efac73;color:var(--av-text)}.audio-viz__chip.is-active{background:#4338ca59;border-color:#a5b4fc80;color:var(--av-text)}.audio-viz__chip:focus-visible{outline:2px solid #86efac;outline-offset:2px}.audio-viz__viz-wrap{align-items:center;display:flex;flex-direction:column;gap:14px;padding:clamp(4px,1.5vw,12px) 0}.audio-viz__modes{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:560px;width:100%}.audio-viz__frame{aspect-ratio:1;background:linear-gradient(145deg,#ffffff38,#4338ca59,#22c55e40);border-radius:50%;box-shadow:0 0 0 1px var(--av-glass-border),0 24px 80px #00000073,0 0 80px var(--av-glow-indigo);padding:3px;position:relative;width:min(100%,380px)}.audio-viz__frame-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f23b8;border-radius:50%;height:100%;overflow:hidden;width:100%}.audio-viz__frame canvas{display:block;height:100%;width:100%}.audio-viz__idle{background:transparent;border:none;color:inherit;cursor:pointer;display:grid;font:inherit;gap:10px;inset:0;place-content:center;position:absolute;text-align:center;transition:opacity .2s ease-out}.audio-viz__idle.hidden{opacity:0;pointer-events:none}.audio-viz__idle:hover .audio-viz__idle-ring{background:#ffffff24;border-color:#86efac73}.audio-viz__idle-ring{background:var(--av-glass);border:1px solid var(--av-glass-border);border-radius:50%;display:grid;height:72px;margin:0 auto 4px;place-content:center;width:72px}.audio-viz__idle-ring svg{height:28px;opacity:.85;width:28px}.audio-viz__idle-hint{color:var(--av-text-muted);font-size:13px;pointer-events:none}.audio-viz__lyrics{height:clamp(96px,16vh,120px);margin:0 auto;-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(180deg,transparent,#000 18%,#000 82%,transparent);max-width:560px;overflow:hidden;width:100%}.audio-viz__lyrics-viewport{height:100%;overflow:hidden}.audio-viz .lyrics__list,.prose-blog .audio-viz .lyrics__list{list-style:none;margin:0;padding:0;transition:transform .6s cubic-bezier(.22,1,.36,1);width:100%}.audio-viz .lyrics__line,.prose-blog .audio-viz .lyrics__line{cursor:pointer;height:48px;line-height:48px;list-style:none;margin:0;padding:0 12px;text-align:center;white-space:nowrap}.audio-viz .lyrics__line::marker,.prose-blog .audio-viz .lyrics__line::marker{content:""}.audio-viz .lyrics__text,.prose-blog .audio-viz .lyrics__text{color:#f8fafc66;display:inline-block;font-size:15px;font-weight:400;text-decoration:none;transform:scale(.96);transform-origin:center center;transition:transform .5s cubic-bezier(.22,1,.36,1),color .5s ease,font-size .5s ease,text-shadow .5s ease}.audio-viz .lyrics__line:hover .lyrics__text{color:#f8fafc9e}.audio-viz .lyrics__line.is-near .lyrics__text{color:#f8fafc94;transform:scale(1)}.audio-viz .lyrics__line.is-active .lyrics__text,.prose-blog .audio-viz .lyrics__line.is-active .lyrics__text{color:#fff;font-size:19px;font-weight:700;text-shadow:0 0 20px rgba(134,239,172,.75),0 0 40px rgba(165,180,252,.45);transform:scale(1.08)}.audio-viz__player{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--av-glass);border:1px solid var(--av-glass-border);border-radius:24px;margin:0 auto;max-width:560px;padding:18px 20px 16px;width:100%}.audio-viz__progress{align-items:center;display:grid;gap:12px;grid-template-columns:auto 1fr auto;margin-bottom:16px}.audio-viz__time{color:var(--av-text-muted);font-size:12px;font-variant-numeric:tabular-nums;min-width:2.8em}.audio-viz__time:last-child{text-align:right}.audio-viz__track{background:#ffffff14;border-radius:999px;cursor:pointer;height:6px;position:relative}.audio-viz__fill{background:linear-gradient(90deg,var(--av-secondary),var(--av-cta));border-radius:inherit;inset:0 auto 0 0;width:0}.audio-viz__fill,.audio-viz__thumb{pointer-events:none;position:absolute}.audio-viz__thumb{background:var(--av-text);border-radius:50%;box-shadow:0 0 12px var(--av-glow-green);height:14px;left:0;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-out;width:14px}.audio-viz__track:focus-visible .audio-viz__thumb,.audio-viz__track:hover .audio-viz__thumb{transform:translate(-50%,-50%) scale(1)}.audio-viz__controls{display:flex;justify-content:center}.audio-viz__play{background:var(--av-cta);border:none;border-radius:50%;box-shadow:0 8px 24px var(--av-glow-green);color:#052e16;cursor:pointer;display:grid;height:56px;place-content:center;transition:transform .15s ease-out,background .2s ease-out;width:56px}.audio-viz__play:hover{background:var(--av-cta-hover)}.audio-viz__play svg{height:24px;width:24px}.audio-viz__play .icon-pause,.audio-viz__play.is-playing .icon-play{display:none}.audio-viz__play.is-playing .icon-pause{display:block}@media(prefers-reduced-motion:reduce){.audio-viz .lyrics__list,.audio-viz .lyrics__text,.audio-viz__idle,.audio-viz__thumb{transition:none}}