/* Scope every rule: no page/background/theme changes. */
#vk-listeners-banner.vk-showcase{padding:34px 0 20px;margin:8px 0 36px;min-width:0}
#vk-listeners-banner .vk-showcase-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}
#vk-listeners-banner .vk-showcase-brand{color:#eeeefa;font-size:14px;font-weight:750;letter-spacing:.2em}
#vk-listeners-banner .vk-showcase-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:28px 46px;align-items:end}
#vk-listeners-banner .vk-showcase-copy{min-width:0;align-self:center;padding-bottom:14px}
#vk-listeners-banner .vk-showcase-copy h2{font-size:clamp(38px,4.7vw,67px);line-height:1.04;letter-spacing:-.045em;color:#fafaff;margin:0 0 24px;font-weight:800}
#vk-listeners-banner .vk-showcase-copy h2 em{color:#b8a3ff;font-style:normal}
#vk-listeners-banner .vk-showcase-copy h2 span{font-size:.76em;letter-spacing:-.035em}
#vk-listeners-banner .vk-showcase-copy p{font-size:clamp(16px,1.8vw,23px);line-height:1.35;color:#c9c8dc;margin:0}
#vk-listeners-banner .vk-showcase-chart-area{position:relative;padding-top:60px;min-width:0;padding-bottom:10px}
#vk-listeners-banner .vk-float{min-width:0;position:relative;animation:none;--float-y:-6px;--float-r:.3deg;--float-duration:5.2s;--float-delay:0s}
#vk-listeners-banner.is-motion .vk-float{animation:vk-panel-levitate var(--float-duration) ease-in-out var(--float-delay) infinite}
#vk-listeners-banner .vk-panel{box-sizing:border-box;background:#fdfdff;color:#111219;border:1px solid #dbd8ee;border-radius:20px;box-shadow:0 12px 28px #0003;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s ease-out;transform-origin:center}
#vk-listeners-banner .vk-panel-chart{padding:18px 22px 18px;box-shadow:7px 9px 0 -1px #34315a99,8px 10px 0 #a79ae366,0 14px 30px #0003}
#vk-listeners-banner .vk-chart-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #ececf2;font-size:16px;gap:10px}
#vk-listeners-banner .vk-chart-top>span{color:#6a7081;font-size:11px}
#vk-listeners-banner .vk-chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:15px 0}
#vk-listeners-banner .vk-chart-heading h3{font-size:20px;font-weight:700;line-height:1.2;color:#111219;margin:0}
#vk-listeners-banner .vk-chart-heading>span{font-size:13px;color:#487eaf;white-space:nowrap}
#vk-listeners-banner .vk-chart-value{margin:0 0 8px;font-size:38px;font-weight:750;line-height:1.1;color:#090b10}
#vk-listeners-banner .vk-chart-value span{font-size:22px;color:#438648;margin-left:7px}
#vk-listeners-banner .vk-stat-chart{display:block;width:100%;height:auto;overflow:visible}
#vk-listeners-banner .vk-float-tracks{position:absolute;top:-20px;right:10px;width:40%;min-width:180px;z-index:2;--float-y:7px;--float-r:-.5deg;--float-duration:4.7s;--float-delay:-1.4s}
#vk-listeners-banner .vk-panel-tracks{padding:14px 16px;border-radius:17px}
#vk-listeners-banner .vk-panel-tracks h3{font-size:13px;line-height:1.3;margin:0 0 10px;color:#111219}
#vk-listeners-banner .vk-track-placeholder{display:flex;align-items:center;gap:11px;color:#868796}
#vk-listeners-banner .vk-track-art{width:30px;height:30px;border-radius:7px;background:radial-gradient(at 20% 15%,#c8bedb,#9388b8 60%,#beb6d5)}
#vk-listeners-banner .vk-track-lines{flex:1;display:grid;gap:6px}
#vk-listeners-banner .vk-track-lines i{height:6px;border-radius:10px;background:#9fa7bb;width:85%}
#vk-listeners-banner .vk-track-lines i+i{width:57%;background:#bbc0d0}
#vk-listeners-banner .vk-float-attachments{--float-y:5px;--float-r:-.3deg;--float-duration:6.2s;--float-delay:-2.1s}
#vk-listeners-banner .vk-panel-attachments{padding:18px 25px;border-color:#bca9ff}
#vk-listeners-banner .vk-panel-attachments .vk-chart-heading{margin:0 0 18px}
#vk-listeners-banner .vk-attachment-values{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #ececf2;padding-top:16px;gap:18px}
#vk-listeners-banner .vk-attachment-values>div+div{border-left:1px solid #ececf2;padding-left:20px}
#vk-listeners-banner .vk-attachment-values span{display:block;color:#767e8a;font-size:16px;margin-bottom:8px}
#vk-listeners-banner .vk-attachment-values strong{display:block;color:#090b10;font-size:37px;line-height:1;font-weight:750}
#vk-listeners-banner .vk-showcase-listeners>h3{color:#d5d0eb;font-size:12px;letter-spacing:.13em;line-height:1.4;margin:0 0 16px}
#vk-listeners-banner .vk-listener-cards{display:grid;grid-template-columns:1fr 28px 1fr;gap:12px;align-items:center}
#vk-listeners-banner .vk-panel-count{padding:16px 19px}
#vk-listeners-banner .vk-date-chip{display:inline-block;background:#eef0f6;color:#505b70;font-size:12px;font-weight:600;border-radius:20px;padding:3px 10px;margin-bottom:11px}
#vk-listeners-banner .vk-panel-count strong{display:block;font-size:39px;line-height:1.1;color:#090b10;font-weight:750}
#vk-listeners-banner .vk-change-arrow{color:#d8ceff;font-size:26px;text-align:center}
#vk-listeners-banner .vk-float-before{--float-y:-5px;--float-r:.25deg;--float-duration:5.7s;--float-delay:-3s}
#vk-listeners-banner .vk-float-after{--float-y:6px;--float-r:-.4deg;--float-duration:4.9s;--float-delay:-.8s}
#vk-listeners-banner .vk-float-after .vk-panel{border-color:#baa6ff}
#vk-listeners-banner .vk-float-after .vk-date-chip{color:#6047bc;background:#eee8ff}
#vk-listeners-banner .vk-example-disclaimer{font-size:12px;line-height:1.6;color:#e3ddf5;margin:24px 0 0;text-align:center}
@keyframes vk-panel-levitate{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(var(--float-y)) rotate(var(--float-r))}}
@media(max-width:760px){#vk-listeners-banner .vk-showcase-grid{grid-template-columns:1fr;gap:26px}#vk-listeners-banner .vk-showcase-copy h2{font-size:clamp(42px,9vw,64px)}#vk-listeners-banner .vk-showcase-copy{padding:0}#vk-listeners-banner .vk-showcase-chart-area{padding-top:70px;padding-right:8px}#vk-listeners-banner .vk-showcase-copy p{font-size:19px}#vk-listeners-banner .vk-showcase-top{flex-wrap:wrap}#vk-listeners-banner .vk-panel-chart{padding:16px}#vk-listeners-banner .vk-chart-heading h3{font-size:19px}#vk-listeners-banner .vk-float-tracks{top:0;right:18px;width:48%}#vk-listeners-banner .vk-listener-cards{gap:8px;grid-template-columns:1fr 20px 1fr}#vk-listeners-banner .vk-panel-count{padding:15px}#vk-listeners-banner .vk-panel-attachments{padding:20px}#vk-listeners-banner .vk-attachment-values span{font-size:15px}}
@media(prefers-reduced-motion:reduce){#vk-listeners-banner.is-motion .vk-float{animation:none!important;transform:none!important}#vk-listeners-banner .vk-panel{transform:none!important;transition:none!important}}

#vk-listeners-banner .vk-showcase-brand{display:inline-flex;align-items:center;gap:12px}
#vk-listeners-banner .vk-chart-top>strong{display:flex;align-items:center;gap:8px;white-space:nowrap}
#vk-listeners-banner .vk-studio-mark{display:inline-grid;place-items:center;width:23px;height:23px;background:#087cf7;color:white;border-radius:6px;font:bold 11px/1 Arial,sans-serif;letter-spacing:-1px}
#vk-listeners-banner .vk-now-listening{display:flex;flex-direction:column;gap:2px}
#vk-listeners-banner .vk-now-listening>span{color:#68707b;font-size:10px;font-weight:400}
#vk-listeners-banner .vk-now-listening>b{font-size:16px;color:#111219;line-height:1}

#vk-listeners-banner.is-offscreen .vk-float{animation-play-state:paused}