html::after{content:"";position:fixed;z-index:0;left:50%;top:calc(52% + min(25vw,290px));width:min(44vw,520px);height:72px;transform:translateX(-50%);transform-origin:center top;pointer-events:none;opacity:.055;background:repeating-linear-gradient(90deg,var(--coral) 0 4px,transparent 4px 11px);clip-path:polygon(0 75%,5% 42%,10% 68%,15% 22%,20% 58%,25% 36%,30% 72%,35% 18%,40% 54%,45% 31%,50% 78%,55% 26%,60% 61%,65% 15%,70% 52%,75% 34%,80% 70%,85% 24%,90% 57%,95% 38%,100% 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 18%,#000b 42%,transparent 76%);mask-image:radial-gradient(ellipse at center,#000 18%,#000b 42%,transparent 76%);animation:bgVisualizerGlow 9s ease-in-out infinite;filter:blur(.35px) drop-shadow(0 0 18px #ff796866)}
@keyframes bgVisualizerGlow{0%,100%{opacity:.035;transform:translateX(-50%) scale(.96);filter:blur(.8px) drop-shadow(0 0 10px #ff796844)}50%{opacity:.105;transform:translateX(-50%) scale(1.03);filter:blur(.25px) drop-shadow(0 0 28px #bd8cff77)}}
.feature-dashboard{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:34px;padding:22px 0 72px}.feature-showcase{display:grid;gap:84px;padding-top:64px}.feature-row{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:42px}.feature-row.reverse{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)}.feature-row.reverse .feature-copy{order:2}.feature-copy p{font-size:1.02rem}.app-snapshot{position:relative;overflow:hidden;min-width:0;padding:18px;border:1px solid #ffffff25;border-radius:20px;background:linear-gradient(145deg,#111826ee,#0a0f19ee);box-shadow:0 26px 72px #0009,0 0 44px #bd8cff16}.snapshot-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:13px;color:var(--muted);font-size:.7rem;letter-spacing:.1em}.snapshot-head b{color:var(--text)}.on,.healthy{color:var(--mint)!important}
.dashboard-snapshot{display:grid;grid-template-columns:128px 1fr;padding:0;min-height:340px}.snapshot-sidebar{display:grid;align-content:start;gap:18px;padding:22px 14px;border-right:1px solid var(--line);color:var(--muted);font-size:.7rem}.snapshot-sidebar b{color:var(--coral);margin-bottom:14px}.snapshot-main{padding:22px}.snapshot-main>small{color:var(--muted)}.snapshot-player{display:grid;grid-template-columns:112px 1fr;gap:18px;align-items:center;margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#121a29}.snapshot-art{aspect-ratio:1;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#34204e,#ff7968 55%,#ffd36a)}.snapshot-art img{width:68%}.snapshot-player em,.overlay-card em,.live-banner em,.playback-copy em{display:block;color:var(--coral);font-size:.64rem;font-style:normal;font-weight:900;letter-spacing:.12em}.snapshot-player strong,.overlay-card strong,.playback-copy strong{display:block;font-size:1.25rem}.snapshot-player span,.overlay-card small,.playback-copy small{color:var(--muted)}.snapshot-wave{display:flex;align-items:end;gap:3px;height:29px;margin-top:12px}.snapshot-wave i{flex:1;min-width:3px;height:35%;border-radius:4px;background:linear-gradient(var(--gold),var(--coral))}.snapshot-wave i:nth-child(2n){height:78%}.snapshot-wave i:nth-child(3n){height:52%}.snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.snapshot-grid div{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.62rem}.snapshot-grid b{color:var(--text)}
.queue-item{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:11px;padding:12px 0;border-top:1px solid var(--line)}.queue-item>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#242d40;color:var(--mint);font-style:normal}.queue-item strong,.queue-item small{display:block}.queue-item small{color:var(--muted)}.queue-item button,.transport button,.safe-search button{border:1px solid var(--line);border-radius:8px;background:#222b3d;color:var(--text);padding:7px;font-weight:800}.queue-item.active{padding-inline:10px;border-radius:10px;background:#ff79680c}.playback-snapshot{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:center}.mini-art,.overlay-cover{aspect-ratio:1;border-radius:13px;background:linear-gradient(135deg,#1d2e50,#bd8cff 46%,#ff7968 75%,#ffd36a)}.progress{height:5px;margin:16px 0;background:#29354b;border-radius:9px}.progress i{display:block;width:64%;height:100%;background:linear-gradient(90deg,var(--coral),var(--gold))}.transport{display:flex;gap:8px}.transport .play{background:var(--coral);color:#17131a}.healthy{position:absolute;right:14px;top:12px;font-size:.62rem}
.taste-meter{padding:16px;border:1px solid var(--line);border-radius:12px}.taste-meter span,.taste-meter small{display:block;color:var(--muted);font-size:.7rem}.taste-meter i{display:block;width:var(--w);height:8px;margin:10px 0;border-radius:9px;background:linear-gradient(90deg,var(--violet),var(--coral),var(--gold))}.taste-picks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.taste-picks div{padding:10px;border:1px solid var(--line);border-radius:9px;font-size:.72rem}.genre-chips{display:flex;gap:8px;flex-wrap:wrap}.genre-chips i{padding:7px 9px;border:1px solid #a9e6c155;border-radius:99px;color:var(--mint);font-size:.65rem;font-style:normal}.safe-search{display:flex;justify-content:space-between;gap:12px;margin:16px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted)}
.overlay-snapshot{display:grid;grid-template-columns:1fr 170px;gap:14px}.overlay-canvas,.banner-canvas{display:grid;place-items:center;min-height:235px;border-radius:12px;background-color:#202634;background-image:linear-gradient(45deg,#2d3443 25%,transparent 25%),linear-gradient(-45deg,#2d3443 25%,transparent 25%);background-size:20px 20px}.overlay-card{display:grid;grid-template-columns:84px 1fr;align-items:center;gap:13px;width:84%;padding:12px;border:1px solid #ffffff25;border-radius:14px;background:#0d121ddd}.overlay-tools{display:grid;align-content:start;gap:9px}.overlay-tools b,.overlay-tools span{padding:10px;border:1px solid var(--line);border-radius:8px;font-size:.67rem}.overlay-tools span{color:var(--muted)}.live-banner{display:flex;align-items:center;gap:13px;width:88%;padding:14px 18px;border:1px solid #ff796866;border-radius:999px;background:linear-gradient(90deg,#25172ddd,#151c31ee);box-shadow:0 0 30px #ff796833}.live-banner img{width:42px}.live-banner strong{display:block;font-size:.88rem}.banner-timeline{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:14px;color:var(--muted);font-size:.62rem;text-align:center}.banner-timeline i{grid-column:1/-1;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--coral),var(--gold),var(--violet))}
@media(max-width:850px){.feature-dashboard,.feature-row,.feature-row.reverse{grid-template-columns:1fr}.feature-row.reverse .feature-copy{order:0}.dashboard-snapshot{grid-template-columns:88px 1fr}.overlay-snapshot{grid-template-columns:1fr}.overlay-tools{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dashboard-snapshot{grid-template-columns:1fr}.snapshot-sidebar{display:none}.snapshot-main{padding:14px}.snapshot-player{grid-template-columns:76px 1fr}.snapshot-grid,.taste-picks{grid-template-columns:1fr}.playback-snapshot{grid-template-columns:88px 1fr}.overlay-card{grid-template-columns:62px 1fr;width:94%}.safe-search{display:grid}.feature-showcase{gap:58px}}@media(prefers-reduced-motion:reduce){html::after{animation:none}}