/* VirtualMix CSS CLEAN v955
   Oryginał przed porządkowaniem: _archive/app.css.before-cleanup-v954.css
   Zachowano aktualną kaskadę; usunięto komentarze-historyczne i wcześniejsze identyczne duplikaty reguł.
*/

:root{--bg:#050816;--bg2:#081329;--card:rgba(255,255,255,0.078);--card2:rgba(255,255,255,0.12);--line:rgba(255,255,255,0.14);--text:#f7fbff;--muted:rgba(247,251,255,0.72);--soft:rgba(247,251,255,0.55);--a:#ff7a18;--b:#2f8cff;--c:#ff3fb4;--d:#34f5c5;--good:#48ff9d;--shadow:0 28px 90px rgba(0,0,0,0.45);--r:28px;--r2:18px;--nav:82px;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,"Segoe UI",system-ui,Arial,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(255,122,24,0.25),transparent 32%),radial-gradient(circle at 90% 6%,rgba(47,140,255,0.25),transparent 30%),radial-gradient(circle at 54% 86%,rgba(255,63,180,0.16),transparent 34%),linear-gradient(145deg,#050816,#081329 45%,#050816);overflow-x:hidden;}
body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,0.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.042) 1px,transparent 1px);background-size:68px 68px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%);}
body:after{content:"";position:fixed;inset:-35%;z-index:-3;background:conic-gradient( from 180deg,rgba(255,122,24,0.2),rgba(47,140,255,0.2),rgba(255,63,180,0.14),rgba(52,245,197,0.13),rgba(255,122,24,0.2) );filter:blur(110px);animation:spin 30s linear infinite;opacity:0.78;}
@keyframes spin { to { transform: rotate(360deg); } }
a{color:inherit;text-decoration:none;}
button, input, textarea{font:inherit;}
img{max-width:100%;display:block;}
.page{width:min(1240px,calc(100% - 32px));margin:0 auto;}
.top{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,0.09);background:rgba(4,8,20,0.76);backdrop-filter:blur(24px);}
.nav{height:var(--nav);display:flex;align-items:center;gap:18px;justify-content:space-between;}
.brand{display:flex;align-items:center;gap:13px;min-width:218px;}
.brand img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(255,122,24,0.35));}
.brand b{display:block;font-size:1.12rem;letter-spacing:0.4px;}
.brand small{display:block;color:var(--muted);font-size:0.78rem;}
.menu{display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;}
.menu a, .menu button{border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:10px 12px;cursor:pointer;}
.menu a:hover, .menu button:hover, .menu .active{color:#fff;background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.13);}
.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.btn{border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-weight:800;box-shadow:0 14px 35px rgba(255,122,24,0.22);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;}
.btn:hover{transform:translateY(-1px);}
.btn.ghost{background:rgba(255,255,255,0.08);color:#fff;border:1px solid var(--line);box-shadow:none;}
.btn.dark{background:rgba(0,0,0,0.24);color:#fff;border:1px solid var(--line);box-shadow:none;}
.btn.coffee{background:linear-gradient(135deg,#7a4b28,#ffb36c);color:#160900;border:1px solid rgba(255,255,255,0.18);box-shadow:0 14px 35px rgba(255,179,108,0.18);}
.mobile{display:none;}
.hero{padding:64px 0 36px;display:grid;grid-template-columns:1.03fr 0.97fr;gap:34px;align-items:center;}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,0.06);padding:9px 13px;border-radius:999px;}
.dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 22px var(--good);}
h1{font-size:clamp(2.35rem,6vw,5.4rem);line-height:0.94;margin:18px 0 18px;letter-spacing:-0.07em;}
h2{font-size:clamp(1.55rem,3vw,2.55rem);line-height:1.05;margin:0 0 8px;letter-spacing:-0.04em;}
h3{margin:0 0 8px;font-size:1.16rem;}
.grad{background:linear-gradient(90deg,#fff,var(--a),var(--b),var(--c));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lead{font-size:1.17rem;line-height:1.66;color:var(--muted);max-width:720px;}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px;}
.mini, .card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));box-shadow:var(--shadow);border-radius:var(--r);backdrop-filter:blur(20px);}
.mini{padding:18px;}
.mini b{display:block;font-size:1.32rem;}
.mini span{color:var(--muted);font-size:0.91rem;}
.player{padding:22px 22px 10px 22px;position:relative;overflow:hidden;}
.player:before{content:"";position:absolute;inset:-50% -30%;background:radial-gradient(circle,rgba(255,122,24,0.19),transparent 35%),radial-gradient(circle at 80% 20%,rgba(47,140,255,0.16),transparent 32%);animation:float 9s ease-in-out infinite alternate;pointer-events:none;}
@keyframes float { to { transform: translate(5%, 4%) rotate(8deg); } }
.player > *{position:relative;}
.liveTop{display:flex;justify-content:space-between;gap:18px;align-items:center;}
.now b{display:block;color:var(--d);font-size:0.86rem;text-transform:uppercase;letter-spacing:0.12em;}
.now strong{display:block;font-size:1.42rem;margin:8px 0 6px;}
.now span{color:var(--muted);}
.avatar{width:118px;height:118px;border-radius:30px;border:1px solid rgba(255,255,255,0.22);background:rgba(255,255,255,0.08);display:grid;place-items:center;overflow:hidden;flex:0 0 auto;}
.avatar img{width:100%;height:100%;object-fit:cover;}
.avatar .fb{font-size:2rem;font-weight:900;color:rgba(255,255,255,0.68);}
.meter{height:76px;display:flex;align-items:end;gap:7px;margin:24px 0;}
.meter i{display:block;flex:1;border-radius:999px;background:linear-gradient(180deg,var(--d),var(--b),var(--c));min-height:10px;animation:bar 1.1s ease-in-out infinite alternate;}
.meter i:nth-child(2n){animation-duration:0.8s;}
.meter i:nth-child(3n){animation-duration:1.35s;}
.meter i:nth-child(1){height:35%;}
.meter i:nth-child(2){height:58%;}
.meter i:nth-child(3){height:32%;}
.meter i:nth-child(4){height:74%;}
.meter i:nth-child(5){height:44%;}
.meter i:nth-child(6){height:88%;}
.meter i:nth-child(7){height:49%;}
.meter i:nth-child(8){height:68%;}
.meter i:nth-child(9){height:37%;}
.meter i:nth-child(10){height:82%;}
.meter i:nth-child(11){height:51%;}
.meter i:nth-child(12){height:71%;}
@keyframes bar { to { transform: scaleY(0.45); opacity: 0.55; } }
.controls{display:flex;align-items:center;gap:14px;}
.play{width:60px;height:60px;border-radius:50%;border:0;background:#fff;color:#07101e;font-weight:900;font-size:1.2rem;cursor:pointer;}
.volume{width:100%;accent-color:var(--a);}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.chip{font-size:0.88rem;color:var(--muted);border:1px solid var(--line);background:rgba(255,255,255,0.06);padding:8px 11px;border-radius:999px;}
.section{padding:38px 0;}
.head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px;}
.head p{margin:0;color:var(--muted);}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start;}
.span3{grid-column:span 3;}
.span4{grid-column:span 4;}
.span5{grid-column:span 5;}
.span6{grid-column:span 6;}
.span7{grid-column:span 7;}
.span8{grid-column:span 8;}
.span12{grid-column:span 12;}
.card{padding:22px;}
.feature{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:225px;}
.feature .ico{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,0.1);margin-bottom:18px;font-size:1.45rem;}
.feature p, .card p{color:var(--muted);line-height:1.6;}
.liveStatus{min-height:auto;display:flex;flex-direction:column;gap:18px;}
.quickTiles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;}
.quickTiles a, .quickTiles button{border:1px solid var(--line);background:rgba(255,255,255,0.07);color:#fff;border-radius:20px;padding:15px;text-align:left;cursor:pointer;min-height:88px;display:flex;flex-direction:column;justify-content:center;gap:7px;}
.quickTiles a:hover, .quickTiles button:hover{background:rgba(255,255,255,0.12);transform:translateY(-1px);}
.quickTiles b{font-size:1rem;}
.quickTiles span{color:var(--muted);font-size:0.9rem;line-height:1.35;}
.embedBox{height:640px;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:rgba(0,0,0,0.16);box-shadow:var(--shadow);}
.embedBox.small{height:430px;}
.embedBox.tall{height:760px;}
.embedBox iframe, .modal iframe{width:100%;height:100%;border:0;background:transparent;}
.quickDock{position:fixed;right:16px;bottom:16px;z-index:40;display:flex;flex-direction:column;gap:10px;}
.quickDock button, .quickDock a{width:48px;height:48px;border-radius:18px;border:1px solid var(--line);background:rgba(6,10,25,0.72);backdrop-filter:blur(18px);display:grid;place-items:center;color:#fff;box-shadow:0 16px 40px rgba(0,0,0,0.25);cursor:pointer;}
.modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,0.64);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px;}
.modal.open{display:flex;}
.modalCard{width:min(1120px,100%);height:min(820px,92vh);border:1px solid var(--line);background:#080d1f;border-radius:28px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,0.55);}
.modalHead{height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.05);}
.close{position:relative;border:1px solid rgba(255,255,255,0.2);background:linear-gradient(135deg,rgba(255,255,255,0.14),rgba(255,255,255,0.055));color:#fff;border-radius:999px;padding:10px 18px 11px;min-width:86px;min-height:38px;cursor:pointer;font-weight:900;text-shadow:0 7px 20px rgba(0,0,0,0.35);overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,0.22),inset 0 1px 0 rgba(255,255,255,0.16);backdrop-filter:blur(14px);isolation:isolate;}
.close:before{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#ff8a18,#2f8cff,transparent);opacity:0.95;box-shadow:0 0 14px rgba(255,122,24,0.36),0 0 14px rgba(47,140,255,0.18);transform:translateX(-32%);animation:vmCloseGlow 2.8s ease-in-out infinite;pointer-events:none;}
.close:hover{color:#ffcc8a;border-color:rgba(255,178,90,0.4);background:linear-gradient(135deg,rgba(255,122,24,0.24),rgba(47,140,255,0.12));box-shadow:0 16px 42px rgba(0,0,0,0.27),0 0 26px rgba(255,122,24,0.16),inset 0 1px 0 rgba(255,255,255,0.2);}
.close:hover:before{opacity:1;box-shadow:0 0 18px rgba(255,122,24,0.58),0 0 22px rgba(47,140,255,0.28);}
@keyframes vmCloseGlow { 0%, 100% { transform: translateX(-32%); } 50% { transform: translateX(32%); } }
.footer{padding:34px 0 44px;color:var(--muted);border-top:1px solid rgba(255,255,255,0.08);margin-top:28px;}
.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;}
.footer button{background:transparent;border:0;color:inherit;cursor:pointer;padding:0;}
.subHero{padding:44px 0 10px;}
.subHero .card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;}
.fbPanel{display:grid;gap:14px;}
.fbFrame{width:100%;min-height:420px;border:0;border-radius:22px;background:#fff;}
.contactForm{display:grid;gap:12px;}
.contactForm input, .contactForm textarea{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,0.07);color:#fff;padding:13px 14px;outline:0;}
.contactForm textarea{min-height:160px;resize:vertical;}
.notice{border:1px solid rgba(52,245,197,0.25);background:rgba(52,245,197,0.08);color:rgba(247,251,255,0.86);border-radius:22px;padding:15px;line-height:1.55;}
.listenLayout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;}
.listenSide{display:grid;gap:18px;}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);background:#fff;color:#07101e;border-radius:999px;padding:11px 16px;font-weight:800;opacity:0;pointer-events:none;transition:0.25s;z-index:90;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@media (max-width: 1050px) { .mobile { display: inline-flex; } .menu { position: fixed; left: 16px; right: 16px; top: calc(var(--nav) + 10px); display: none; padding: 14px; border: 1px solid var(--line); background: rgba(6, 10, 25, 0.96); border-radius: 24px; box-shadow: var(--shadow); } .menu.open { display: flex; } .hero, .listenLayout { grid-template-columns: 1fr; } .span3, .span4, .span5, .span6, .span7, .span8 { grid-column: span 12; } .stats { grid-template-columns: 1fr 1fr; } .subHero .card { grid-template-columns: 1fr; } .quickDock { display: none; } }
@media (max-width: 640px) { .quickTiles { grid-template-columns: 1fr; } .page { width: min(100% - 22px, 1240px); } .nav { height: 74px; } .brand small { display: none; } .brand img { width: 44px; height: 44px; } .actions .btn:not(.mobile) { display: none; } .hero { padding-top: 38px; } .stats { grid-template-columns: 1fr; } .liveTop { align-items: flex-start; } .avatar { width: 86px; height: 86px; border-radius: 22px; } .embedBox { height: 560px; } .embedBox.small { height: 390px; } .modal { padding: 8px; } .modalCard { height: 94vh; border-radius: 20px; } }
.section.stackSafe{padding-top:58px;}
.supportStrip{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
.supportStrip .note{color:var(--muted);line-height:1.45;}
.quickDock .coffeeDock{background:linear-gradient(135deg,#7a4b28,#ffb36c);color:#160900;font-weight:900;}
.liveStatus .quickTiles{grid-template-columns:1fr 1fr;}
.section.stackSafe{padding-top:74px;}
.grid{align-items:start;}
.heroWow{position:relative;min-height:calc(100vh - var(--nav));padding-top:78px;padding-bottom:72px;isolation:isolate;}
.heroWow:before{content:"";position:absolute;inset:14px 50% 14px calc(50% - 50vw);z-index:-3;width:100vw;background:linear-gradient(90deg,rgba(5,8,22,0.78),rgba(5,8,22,0.38) 43%,rgba(5,8,22,0.7)),radial-gradient(circle at 73% 35%,rgba(255,122,24,0.34),transparent 30%),radial-gradient(circle at 37% 67%,rgba(47,140,255,0.26),transparent 32%),radial-gradient(circle at 88% 78%,rgba(255,63,180,0.25),transparent 30%),linear-gradient(135deg,#060817,#0b1734 42%,#14091c 76%,#070814);border-radius:0 0 42px 42px;overflow:hidden;box-shadow:inset 0 -80px 120px rgba(5,8,22,0.65);}
.heroWow:after{content:"";position:absolute;inset:14px 50% 14px calc(50% - 50vw);z-index:-2;width:100vw;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,0.1) 43%,transparent 47% 100%),linear-gradient(75deg,transparent 0 58%,rgba(52,245,197,0.1) 59%,transparent 62% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,0.035) 0 1px,transparent 1px 72px),repeating-linear-gradient(0deg,rgba(255,255,255,0.028) 0 1px,transparent 1px 72px);opacity:0.95;animation:heroDrift 18s ease-in-out infinite alternate;pointer-events:none;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,0.9) 58%,rgba(0,0,0,0.35));}
@keyframes heroDrift { to { transform: translate3d(0, -18px, 0) scale(1.025); filter: hue-rotate(8deg); } }
.heroWow .heroContent{position:relative;z-index:2;}
.heroScene{position:absolute;inset:-74px -20px -42px -44px;z-index:-1;pointer-events:none;overflow:hidden;border-radius:42px;opacity:0.95;}
.heroScene:before{content:"";position:absolute;width:560px;height:560px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,24,0.22),transparent 52%);filter:blur(10px);animation:pulseGlow 5.8s ease-in-out infinite alternate;}
.heroScene:after{content:"DJ • LIVE • MUSIC";position:absolute;right:2%;bottom:12%;font-size:clamp(2.8rem,10vw,8.8rem);font-weight:950;letter-spacing:-0.08em;color:rgba(255,255,255,0.045);transform:rotate(-7deg);white-space:nowrap;text-shadow:0 0 60px rgba(255,122,24,0.14);}
.orb{position:absolute;border-radius:50%;filter:blur(0.5px);opacity:0.72;mix-blend-mode:screen;}
.orb1{width:210px;height:210px;right:10%;top:13%;background:radial-gradient(circle,#ffb36c,transparent 68%);animation:orbMove1 12s ease-in-out infinite alternate;}
.orb2{width:160px;height:160px;left:48%;bottom:10%;background:radial-gradient(circle,#2f8cff,transparent 68%);animation:orbMove2 10s ease-in-out infinite alternate;}
.orb3{width:120px;height:120px;left:18%;top:52%;background:radial-gradient(circle,#ff3fb4,transparent 70%);animation:orbMove3 11s ease-in-out infinite alternate;}
@keyframes pulseGlow { to { transform: scale(1.12); opacity: 0.68; } }
@keyframes orbMove1 { to { transform: translate(-46px, 48px) scale(1.08); } }
@keyframes orbMove2 { to { transform: translate(58px, -34px) scale(0.92); } }
@keyframes orbMove3 { to { transform: translate(34px, 42px) scale(1.18); } }
.wave{position:absolute;left:4%;right:3%;height:130px;border:1px solid transparent;border-top-color:rgba(52,245,197,0.34);border-radius:50%;filter:drop-shadow(0 0 18px rgba(52,245,197,0.22));opacity:0.66;animation:waveFlow 6s ease-in-out infinite alternate;}
.wave1{bottom:16%;transform:rotate(-5deg);}
.wave2{bottom:22%;transform:rotate(-3deg);animation-duration:7.4s;border-top-color:rgba(47,140,255,0.34);}
.wave3{bottom:28%;transform:rotate(-1deg);animation-duration:8.6s;border-top-color:rgba(255,63,180,0.3);}
@keyframes waveFlow { to { transform: translateY(-18px) scaleX(1.08) rotate(1deg); opacity: 0.42; } }
.beam{position:absolute;width:2px;height:540px;top:-120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,0.28),transparent);filter:blur(0.2px);opacity:0.34;transform-origin:top center;animation:beamSweep 9s ease-in-out infinite alternate;}
.beam1{right:23%;transform:rotate(24deg);}
.beam2{right:39%;transform:rotate(-18deg);animation-duration:11s;background:linear-gradient(180deg,transparent,rgba(47,140,255,0.32),transparent);}
@keyframes beamSweep { to { transform: rotate(-26deg) translateX(-35px); opacity: 0.18; } }
.heroPlayer{overflow:visible;z-index:2;border-color:rgba(255,255,255,0.22);box-shadow:0 35px 120px rgba(0,0,0,0.52),0 0 55px rgba(255,122,24,0.12);}
.heroPlayer:after, .player:after{content:"";position:absolute;inset:-18px;border-radius:calc(var(--r) + 20px);border:1px solid rgba(255,255,255,0.14);background:conic-gradient( from 0deg,transparent,rgba(52,245,197,0.42),transparent 34%,rgba(255,122,24,0.36),transparent 68%,rgba(47,140,255,0.34),transparent );z-index:-1;filter:blur(0.2px);opacity:0.46;animation:ringSpin 12s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;mask-composite:exclude;-webkit-mask-composite:xor;}
@keyframes ringSpin { to { transform: rotate(360deg); } }
.heroPlayer .play{position:relative;box-shadow:0 0 0 8px rgba(255,255,255,0.06),0 0 38px rgba(255,122,24,0.32);}
.heroPlayer .play:after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(52,245,197,0.32);animation:ringSpin 5.5s linear infinite;pointer-events:none;}
.liveTop .now b{position:relative;display:inline-block;padding-left:18px;color:#7dffd9;text-shadow:0 0 18px rgba(52,245,197,0.42);}
.liveTop .now b:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;border-radius:50%;background:#48ff9d;box-shadow:0 0 0 0 rgba(72,255,157,0.7);transform:translateY(-50%);animation:livePulse 1.6s ease-out infinite;}
@keyframes livePulse { 70% { box-shadow: 0 0 0 12px rgba(72, 255, 157, 0); } 100% { box-shadow: 0 0 0 0 rgba(72, 255, 157, 0); } }
.heroWow .meter{filter:drop-shadow(0 0 18px rgba(47,140,255,0.18));}
.heroWow h1{max-width:760px;text-shadow:0 28px 90px rgba(0,0,0,0.4);}
.heroWow .lead{max-width:660px;}
@media (max-width: 1050px) { .heroWow { min-height: auto; padding-top: 52px; } .heroScene { inset: -50px -8px -26px -8px; } .heroWow:after { mask-image: linear-gradient(#000, rgba(0, 0, 0, 0.55)); } }
@media (max-width: 640px) { .heroWow { padding-top: 38px; padding-bottom: 42px; } .heroWow:before { border-radius: 0 0 28px 28px; } .heroPlayer:after, .player:after { inset: -9px; } .heroScene:after { font-size: 3.4rem; right: -20%; bottom: 22%; } .wave { height: 90px; } .beam { display: none; } }
@media (prefers-reduced-motion: reduce) { .heroWow:after, .heroScene:before, .orb, .wave, .beam, .heroPlayer:after, .player:after, .heroPlayer .play:after, .liveTop .now b:before { animation: none !important; } }
.heroWow{overflow:visible;}
.heroWow:before{background-size:160% 160%,140% 140%,140% 140%,140% 140%,100% 100%;animation:vmHeroBackgroundMove 9s ease-in-out infinite alternate;}
.heroWow:after{opacity:1;background-size:220% 220%,220% 220%,72px 72px,72px 72px;animation:vmHeroGridMove 7s linear infinite;}
@keyframes vmHeroBackgroundMove { 0% { background-position: 0% 50%, 72% 35%, 37% 67%, 88% 78%, 0 0; filter: hue-rotate(0deg) saturate(1); } 100% { background-position: 100% 50%, 58% 48%, 48% 58%, 74% 65%, 0 0; filter: hue-rotate(10deg) saturate(1.18); } }
@keyframes vmHeroGridMove { 0% { transform: translate3d(0, 0, 0); background-position: 0 0, 0 0, 0 0, 0 0; } 100% { transform: translate3d(-24px, -18px, 0); background-position: 120px 0, -90px 0, 72px 72px, 72px 72px; } }
.heroScene{opacity:1;mix-blend-mode:screen;}
.heroScene:before{width:720px;height:720px;right:-170px;top:-160px;background:radial-gradient( circle,rgba(255,122,24,0.4),rgba(255,63,180,0.16) 34%,transparent 62% );filter:blur(18px);animation:vmPulseGlowStrong 3.8s ease-in-out infinite alternate;}
.heroScene:after{opacity:0.9;color:rgba(255,255,255,0.072);animation:vmHeroTextDrift 13s ease-in-out infinite alternate;}
@keyframes vmPulseGlowStrong { 0% { transform: translate3d(0, 0, 0) scale(0.9); opacity: 0.45; } 100% { transform: translate3d(-70px, 55px, 0) scale(1.18); opacity: 0.82; } }
@keyframes vmHeroTextDrift { 0% { transform: translateX(0) rotate(-7deg); } 100% { transform: translateX(-95px) rotate(-5deg); } }
.orb{opacity:0.9;filter:blur(2px) saturate(1.35);}
.orb1{animation:vmOrbOne 6.5s ease-in-out infinite alternate !important;}
.orb2{animation:vmOrbTwo 5.8s ease-in-out infinite alternate !important;}
.orb3{animation:vmOrbThree 7.2s ease-in-out infinite alternate !important;}
@keyframes vmOrbOne { 0% { transform: translate(0, 0) scale(0.95); } 100% { transform: translate(-90px, 72px) scale(1.25); } }
@keyframes vmOrbTwo { 0% { transform: translate(0, 0) scale(1.1); } 100% { transform: translate(92px, -65px) scale(0.82); } }
@keyframes vmOrbThree { 0% { transform: translate(0, 0) scale(0.9); } 100% { transform: translate(72px, 58px) scale(1.32); } }
.wave{border-top-width:2px;opacity:0.88;filter:drop-shadow(0 0 26px rgba(52,245,197,0.42));animation:vmWaveMove 3.8s ease-in-out infinite alternate !important;}
.wave2{animation-duration:4.6s !important;filter:drop-shadow(0 0 24px rgba(47,140,255,0.42));}
.wave3{animation-duration:5.2s !important;filter:drop-shadow(0 0 24px rgba(255,63,180,0.36));}
@keyframes vmWaveMove { 0% { transform: translateY(0) scaleX(0.94) rotate(-5deg); opacity: 0.52; } 100% { transform: translateY(-38px) scaleX(1.16) rotate(3deg); opacity: 0.98; } }
.beam{width:82px;height:720px;top:-190px;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.2),rgba(52,245,197,0.18),transparent );filter:blur(9px);opacity:0.52;animation:vmBeamSweep 5.8s ease-in-out infinite alternate !important;}
.beam2{width:96px;background:linear-gradient( 90deg,transparent,rgba(47,140,255,0.24),rgba(255,122,24,0.14),transparent );animation-duration:7s !important;}
@keyframes vmBeamSweep { 0% { transform: rotate(28deg) translateX(0); opacity: 0.2; } 50% { opacity: 0.62; } 100% { transform: rotate(-24deg) translateX(-180px); opacity: 0.35; } }
.heroPlayer:after{z-index:0;inset:-24px;border:2px solid rgba(52,245,197,0.18);opacity:0.92;filter:drop-shadow(0 0 18px rgba(52,245,197,0.32));animation:vmRingSpinStrong 5.5s linear infinite !important;}
.heroPlayer:before{animation:vmPlayerGlowMove 5s ease-in-out infinite alternate !important;}
.heroPlayer .play:after{border-width:2px;border-color:rgba(52,245,197,0.72);box-shadow:0 0 22px rgba(52,245,197,0.42);animation:vmPlayRing 2.4s linear infinite !important;}
@keyframes vmRingSpinStrong { to { transform: rotate(360deg); } }
@keyframes vmPlayRing { to { transform: rotate(360deg) scale(1.08); } }
@keyframes vmPlayerGlowMove { 0% { transform: translate(-6%, 0) rotate(0deg); opacity: 0.62; } 100% { transform: translate(8%, 7%) rotate(14deg); opacity: 0.95; } }
.liveTop .now b{animation:vmLiveGlow 1.8s ease-in-out infinite alternate;}
@keyframes vmLiveGlow { to { text-shadow: 0 0 28px rgba(52, 245, 197, 0.85), 0 0 12px rgba(72, 255, 157, 0.75); } }
@media (max-width: 640px) { .beam { width: 48px; height: 520px; display: block; } .heroScene:after { opacity: 0.55; } .wave { border-top-width: 1px; } }
.heroWow .heroScene{inset:-92px -680px -58px -54px;opacity:0.88;}
.heroWow .heroScene:before{right:8%;top:-135px;width:680px;height:680px;background:radial-gradient( circle,rgba(255,122,24,0.3),rgba(255,63,180,0.13) 34%,transparent 62% );}
.heroWow .wave{left:2%;right:1%;opacity:0.58;}
.heroWow .beam1{right:22%;}
.heroWow .beam2{right:34%;}
.heroPlayer{position:relative;overflow:visible;box-shadow:0 36px 130px rgba(0,0,0,0.54),0 0 62px rgba(255,122,24,0.16),0 0 88px rgba(47,140,255,0.1),inset 0 0 0 1px rgba(255,255,255,0.055);}
.heroPlayer:before{content:"";position:absolute;inset:-44px -58px -48px -58px;z-index:-2;pointer-events:none;background:radial-gradient(circle at 18% 72%,rgba(52,245,197,0.26),transparent 20%),radial-gradient(circle at 58% 46%,rgba(255,122,24,0.18),transparent 32%),radial-gradient(circle at 86% 20%,rgba(47,140,255,0.2),transparent 25%),radial-gradient(circle at 78% 88%,rgba(255,63,180,0.14),transparent 28%);filter:blur(22px) saturate(1.15);opacity:0.78;animation:vmPlayerAuraPulse 4.8s ease-in-out infinite alternate !important;}
@keyframes vmPlayerAuraPulse { 0% { transform: translate3d(-10px, -4px, 0) scale(0.97); opacity: 0.58; filter: blur(24px) saturate(1.05); } 100% { transform: translate3d(14px, 10px, 0) scale(1.06); opacity: 0.92; filter: blur(20px) saturate(1.28); } }
.heroPlayer .controls{position:relative;z-index:3;}
.heroPlayer .controls:before, .heroPlayer .controls:after{content:"";position:absolute;left:30px;top:50%;width:92px;height:92px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;border:1px solid rgba(52,245,197,0.22);box-shadow:0 0 28px rgba(52,245,197,0.18),inset 0 0 20px rgba(47,140,255,0.1);animation:vmLocalAudioRing 3.8s linear infinite;}
.heroPlayer .controls:after{width:118px;height:118px;border-color:rgba(255,122,24,0.18);box-shadow:0 0 34px rgba(255,122,24,0.16),inset 0 0 22px rgba(255,63,180,0.09);animation-duration:5.8s;animation-direction:reverse;}
@keyframes vmLocalAudioRing { 0% { transform: translate(-50%, -50%) rotate(0deg) scale(0.96); opacity: 0.46; } 50% { opacity: 0.86; } 100% { transform: translate(-50%, -50%) rotate(360deg) scale(1.04); opacity: 0.5; } }
.heroPlayer .play{position:relative;z-index:5;box-shadow:0 0 0 8px rgba(255,255,255,0.06),0 0 30px rgba(255,122,24,0.3),0 0 46px rgba(52,245,197,0.18);animation:vmPlaySoftPulse 1.9s ease-in-out infinite alternate;}
.heroPlayer .play:before{content:"";position:absolute;inset:-20px;border-radius:50%;border:1px dashed rgba(52,245,197,0.38);pointer-events:none;animation:vmPlayRingOuter 7s linear infinite;}
.heroPlayer .play:after{inset:-12px !important;border:2px solid rgba(52,245,197,0.62) !important;box-shadow:0 0 24px rgba(52,245,197,0.3) !important;animation:vmPlayRingInner 3.1s linear infinite !important;}
@keyframes vmPlaySoftPulse { from { transform: scale(1); filter: drop-shadow(0 0 0 rgba(52, 245, 197, 0)); } to { transform: scale(1.025); filter: drop-shadow(0 0 12px rgba(52, 245, 197, 0.28)); } }
@keyframes vmPlayRingOuter { to { transform: rotate(360deg); } }
@keyframes vmPlayRingInner { to { transform: rotate(-360deg) scale(1.05); } }
.heroPlayer .meter{position:relative;z-index:2;}
.heroPlayer .meter:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;border-radius:999px;background:linear-gradient( 90deg,transparent,rgba(52,245,197,0.44),rgba(47,140,255,0.34),rgba(255,63,180,0.3),transparent );box-shadow:0 0 22px rgba(52,245,197,0.22);opacity:0.56;transform:translateY(-50%);animation:vmMeterWaveLine 2.9s ease-in-out infinite alternate;}
@keyframes vmMeterWaveLine { 0% { transform: translateY(-50%) scaleX(0.72); opacity: 0.3; } 100% { transform: translateY(-50%) scaleX(1.03); opacity: 0.72; } }
.heroPlayer .avatar{box-shadow:0 0 34px rgba(47,140,255,0.18),0 0 18px rgba(255,122,24,0.12);}
@media (max-width: 1050px) { .heroWow .heroScene { inset: -64px -26px -34px -26px; } .heroPlayer:before { inset: -34px -28px -36px -28px; } }
@media (max-width: 640px) { .heroPlayer .controls:before { width: 82px; height: 82px; } .heroPlayer .controls:after { width: 104px; height: 104px; } .heroPlayer .play:before { inset: -16px; } }
@media (prefers-reduced-motion: reduce) { .heroPlayer:before, .heroPlayer .controls:before, .heroPlayer .controls:after, .heroPlayer .play, .heroPlayer .play:before, .heroPlayer .play:after, .heroPlayer .meter:before { animation: none !important; } }
:root{--vm-page-max:1400px;}
.page{width:min(var(--vm-page-max),calc(100% - 18px));}
.heroWow{grid-template-columns:1fr 1.03fr;gap:22px;min-height:660px;padding-top:70px;}
.heroWow:before{inset:8px 50% 8px calc(50% - 50vw) !important;background:radial-gradient(circle at 18% 50%,rgba(255,122,24,0.19),transparent 28%),radial-gradient(circle at 45% 70%,rgba(47,140,255,0.18),transparent 30%),radial-gradient(circle at 76% 38%,rgba(255,122,24,0.3),transparent 34%),radial-gradient(circle at 88% 62%,rgba(255,63,180,0.2),transparent 30%),linear-gradient( 120deg,rgba(5,8,22,0.93),rgba(7,13,34,0.72) 42%,rgba(20,9,28,0.78) 72%,rgba(5,8,22,0.92) ),linear-gradient(135deg,#050816,#0b1734 45%,#16091f 78%,#050816) !important;background-size:145% 145%,150% 150%,150% 150%,150% 150%,100% 100%,100% 100% !important;animation:vmV9HeroBreath 7.5s ease-in-out infinite alternate !important;border-radius:0 0 32px 32px !important;}
.heroWow:after{inset:8px 50% 8px calc(50% - 50vw) !important;opacity:0.78 !important;background:linear-gradient(110deg,transparent 0 38%,rgba(255,255,255,0.07) 39%,transparent 43% 100%),linear-gradient(76deg,transparent 0 54%,rgba(52,245,197,0.1) 55%,transparent 59% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,0.03) 0 1px,transparent 1px 60px),repeating-linear-gradient(0deg,rgba(255,255,255,0.024) 0 1px,transparent 1px 60px) !important;animation:vmV9GridSlide 10s linear infinite !important;mask-image:linear-gradient(90deg,rgba(0,0,0,0.9),#000 45%,rgba(0,0,0,0.9)) !important;}
@keyframes vmV9HeroBreath { 0% { background-position: 0% 42%, 35% 68%, 68% 34%, 90% 62%, 0 0, 0 0; filter: saturate(1.05) hue-rotate(0deg); } 100% { background-position: 16% 56%, 50% 58%, 88% 46%, 74% 52%, 0 0, 0 0; filter: saturate(1.26) hue-rotate(8deg); } }
@keyframes vmV9GridSlide { from { transform: translate3d(0, 0, 0); background-position: 0 0, 0 0, 0 0, 0 0; } to { transform: translate3d(-34px, -20px, 0); background-position: 120px 0, -100px 0, 60px 60px, 60px 60px; } }
.heroScene:after, .heroWow .heroScene:after{content:"" !important;display:none !important;}
.heroWow .heroScene{inset:-96px -760px -74px -60px !important;opacity:1 !important;mix-blend-mode:screen;}
.heroWow .heroScene:before{right:4% !important;top:-160px !important;width:820px !important;height:820px !important;background:radial-gradient( circle,rgba(255,122,24,0.34),rgba(47,140,255,0.13) 34%,rgba(255,63,180,0.11) 48%,transparent 66% ) !important;filter:blur(20px) saturate(1.2) !important;animation:vmV9MainGlow 4.8s ease-in-out infinite alternate !important;}
@keyframes vmV9MainGlow { 0% { transform: translate3d(-30px, -10px, 0) scale(0.92); opacity: 0.46; } 100% { transform: translate3d(56px, 42px, 0) scale(1.12); opacity: 0.86; } }
.orb{opacity:0.86 !important;filter:blur(6px) saturate(1.32) !important;}
.orb1{right:42% !important;top:18% !important;animation:vmV9Orb1 6.2s ease-in-out infinite alternate !important;}
.orb2{left:56% !important;bottom:10% !important;animation:vmV9Orb2 5.7s ease-in-out infinite alternate !important;}
.orb3{left:74% !important;top:62% !important;animation:vmV9Orb3 6.8s ease-in-out infinite alternate !important;}
@keyframes vmV9Orb1 { to { transform: translate(100px, 36px) scale(1.18); opacity: 0.98; } }
@keyframes vmV9Orb2 { to { transform: translate(86px, -58px) scale(0.92); opacity: 0.78; } }
@keyframes vmV9Orb3 { to { transform: translate(-66px, -44px) scale(1.25); opacity: 0.82; } }
.wave{left:0 !important;right:0 !important;height:155px !important;border-top-width:2px !important;opacity:0.72 !important;filter:drop-shadow(0 0 30px rgba(52,245,197,0.38)) !important;}
.wave1{bottom:21% !important;animation:vmV9Wave1 4.2s ease-in-out infinite alternate !important;}
.wave2{bottom:28% !important;animation:vmV9Wave2 5.1s ease-in-out infinite alternate !important;}
.wave3{bottom:35% !important;animation:vmV9Wave3 5.8s ease-in-out infinite alternate !important;}
@keyframes vmV9Wave1 { from { transform: translateX(-20px) translateY(0) rotate(-4deg) scaleX(0.94); opacity: 0.42; } to { transform: translateX(52px) translateY(-34px) rotate(2deg) scaleX(1.14); opacity: 0.88; } }
@keyframes vmV9Wave2 { from { transform: translateX(30px) translateY(0) rotate(-2deg) scaleX(0.9); opacity: 0.32; } to { transform: translateX(-48px) translateY(-24px) rotate(3deg) scaleX(1.18); opacity: 0.74; } }
@keyframes vmV9Wave3 { from { transform: translateX(-34px) translateY(0) rotate(1deg) scaleX(0.96); opacity: 0.3; } to { transform: translateX(42px) translateY(-40px) rotate(-2deg) scaleX(1.12); opacity: 0.66; } }
.beam{width:76px !important;height:760px !important;top:-210px !important;opacity:0.42 !important;filter:blur(11px) !important;}
.beam1{right:12% !important;animation:vmV9Beam1 6.4s ease-in-out infinite alternate !important;}
.beam2{right:30% !important;animation:vmV9Beam2 8s ease-in-out infinite alternate !important;}
@keyframes vmV9Beam1 { from { transform: rotate(24deg) translateX(0); opacity: 0.2; } 50% { opacity: 0.62; } to { transform: rotate(-18deg) translateX(-190px); opacity: 0.34; } }
@keyframes vmV9Beam2 { from { transform: rotate(-19deg) translateX(0); opacity: 0.16; } 50% { opacity: 0.48; } to { transform: rotate(20deg) translateX(150px); opacity: 0.3; } }
.heroPlayer{padding:24px !important;border-color:rgba(255,255,255,0.2) !important;overflow:visible !important;box-shadow:0 36px 120px rgba(0,0,0,0.5),0 0 74px rgba(255,122,24,0.18),0 0 94px rgba(47,140,255,0.12),inset 0 0 0 1px rgba(255,255,255,0.04) !important;}
.heroPlayer:before{inset:-58px -70px -62px -70px !important;background:radial-gradient(circle at 12% 72%,rgba(52,245,197,0.3),transparent 20%),radial-gradient(circle at 42% 44%,rgba(255,122,24,0.2),transparent 34%),radial-gradient(circle at 92% 20%,rgba(47,140,255,0.22),transparent 27%),radial-gradient(circle at 86% 90%,rgba(255,63,180,0.17),transparent 30%) !important;opacity:0.86 !important;filter:blur(24px) saturate(1.2) !important;animation:vmV9PlayerGlow 3.8s ease-in-out infinite alternate !important;}
@keyframes vmV9PlayerGlow { from { transform: translate3d(-16px, -8px, 0) scale(0.96); opacity: 0.56; } to { transform: translate3d(18px, 14px, 0) scale(1.08); opacity: 0.96; } }
.heroPlayer:after{display:none !important;}
.heroPlayer .controls{position:relative;z-index:5;}
.heroPlayer .controls:before, .heroPlayer .controls:after{left:30px !important;top:50% !important;border-radius:50% !important;opacity:0.95 !important;background:conic-gradient( from 0deg,transparent 0 18%,rgba(52,245,197,0.9) 25%,transparent 34% 52%,rgba(47,140,255,0.65) 61%,transparent 72% 100% ) !important;border:0 !important;padding:2px !important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0) !important;-webkit-mask-composite:xor !important;mask-composite:exclude !important;box-shadow:0 0 28px rgba(52,245,197,0.28),0 0 42px rgba(47,140,255,0.16) !important;}
.heroPlayer .controls:before{width:90px !important;height:90px !important;animation:vmV9RingFast 4.8s linear infinite !important;}
.heroPlayer .controls:after{width:122px !important;height:122px !important;background:conic-gradient( from 180deg,transparent 0 12%,rgba(255,122,24,0.78) 20%,transparent 33% 58%,rgba(255,63,180,0.52) 66%,transparent 78% 100% ) !important;animation:vmV9RingSlow 8.2s linear infinite !important;}
@keyframes vmV9RingFast { to { transform: translate(-50%, -50%) rotate(360deg) scale(1.02); } }
@keyframes vmV9RingSlow { to { transform: translate(-50%, -50%) rotate(-360deg) scale(1.04); } }
.heroPlayer .play{box-shadow:0 0 0 7px rgba(255,255,255,0.07),0 0 26px rgba(52,245,197,0.34),0 0 44px rgba(255,122,24,0.24) !important;animation:vmV9PlayPulse 1.55s ease-in-out infinite alternate !important;}
.heroPlayer .play:before{inset:-18px !important;border:1px solid rgba(52,245,197,0.46) !important;box-shadow:0 0 26px rgba(52,245,197,0.22) !important;animation:vmV9PlayOrbit 5.8s linear infinite !important;}
.heroPlayer .play:after{inset:-10px !important;border:2px solid rgba(255,122,24,0.6) !important;box-shadow:0 0 20px rgba(255,122,24,0.26) !important;animation:vmV9PlayOrbit2 3.2s linear infinite !important;}
@keyframes vmV9PlayPulse { from { transform: scale(1); } to { transform: scale(1.035); } }
@keyframes vmV9PlayOrbit { to { transform: rotate(360deg); } }
@keyframes vmV9PlayOrbit2 { to { transform: rotate(-360deg) scale(1.06); } }
.heroPlayer .meter{filter:drop-shadow(0 0 22px rgba(52,245,197,0.22)) !important;}
.heroPlayer .meter i{animation-duration:0.92s !important;}
.heroPlayer .meter i:nth-child(2n){animation-duration:0.72s !important;}
.heroPlayer .meter i:nth-child(3n){animation-duration:1.15s !important;}
@media (max-width: 1050px) { .page { width: min(var(--vm-page-max), calc(100% - 16px)); } .heroWow { grid-template-columns: 1fr; min-height: auto; } .heroWow .heroScene { inset: -70px -40px -42px -40px !important; } .heroPlayer:before { inset: -36px -30px -40px -30px !important; } }
@media (max-width: 640px) { .page { width: min(var(--vm-page-max), calc(100% - 12px)); } .heroWow { padding-top: 42px; } .heroPlayer .controls:before { width: 82px !important; height: 82px !important; } .heroPlayer .controls:after { width: 108px !important; height: 108px !important; } .heroScene { display: block !important; } .beam { opacity: 0.22 !important; width: 44px !important; } }
@media (prefers-reduced-motion: reduce) { .heroWow:before, .heroWow:after, .heroWow .heroScene:before, .orb, .wave, .beam, .heroPlayer:before, .heroPlayer .controls:before, .heroPlayer .controls:after, .heroPlayer .play, .heroPlayer .play:before, .heroPlayer .play:after { animation: none !important; } }
.heroWow{overflow:hidden !important;isolation:isolate;min-height:650px !important;}
.heroWow:before{opacity:1 !important;background:radial-gradient(circle at 14% 48%,rgba(255,122,24,0.28),transparent 25%),radial-gradient(circle at 34% 74%,rgba(255,63,180,0.25),transparent 26%),radial-gradient(circle at 58% 36%,rgba(47,140,255,0.23),transparent 28%),radial-gradient(circle at 78% 52%,rgba(255,122,24,0.36),transparent 32%),radial-gradient(circle at 92% 22%,rgba(52,245,197,0.2),transparent 24%),linear-gradient( 120deg,rgba(5,8,22,0.94),rgba(7,13,34,0.72) 42%,rgba(24,8,34,0.78) 72%,rgba(5,8,22,0.94) ),linear-gradient(135deg,#050816,#071837 44%,#18091f 78%,#050816) !important;background-size:170% 170%,160% 160%,155% 155%,165% 165%,140% 140%,100% 100%,100% 100% !important;animation:vmV10HeroLife 5.2s ease-in-out infinite alternate !important;}
.heroWow:after{opacity:0.96 !important;background:linear-gradient(112deg,transparent 0 20%,rgba(255,255,255,0.09) 23%,transparent 27% 100%),linear-gradient(68deg,transparent 0 58%,rgba(52,245,197,0.18) 60%,transparent 64% 100%),linear-gradient(95deg,transparent 0 42%,rgba(255,122,24,0.12) 45%,transparent 49% 100%),repeating-linear-gradient(90deg,rgba(255,255,255,0.04) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,0.032) 0 1px,transparent 1px 48px) !important;animation:vmV10GridScan 5.8s linear infinite !important;}
@keyframes vmV10HeroLife { 0% { background-position: 0% 42%, 22% 70%, 56% 32%, 78% 55%, 96% 24%, 0 0, 0 0; filter: saturate(1.1) contrast(1); } 50% { background-position: 12% 54%, 34% 58%, 68% 46%, 66% 42%, 82% 32%, 0 0, 0 0; filter: saturate(1.28) contrast(1.04); } 100% { background-position: 25% 60%, 48% 46%, 76% 58%, 54% 62%, 68% 44%, 0 0, 0 0; filter: saturate(1.42) contrast(1.06); } }
@keyframes vmV10GridScan { 0% { transform: translate3d(0, 0, 0); background-position: -220px 0, 260px 0, -140px 0, 0 0, 0 0; } 100% { transform: translate3d(-58px, -34px, 0); background-position: 520px 0, -500px 0, 420px 0, 96px 96px, 96px 96px; } }
.heroWow .heroScene{inset:-120px -860px -90px -80px !important;opacity:1 !important;z-index:-1 !important;}
.heroWow .heroScene:before{width:980px !important;height:980px !important;right:-4% !important;top:-220px !important;background:radial-gradient( circle,rgba(255,155,68,0.52),rgba(47,140,255,0.18) 32%,rgba(255,63,180,0.16) 47%,transparent 67% ) !important;filter:blur(24px) saturate(1.55) !important;animation:vmV10BigGlow 3.6s ease-in-out infinite alternate !important;}
@keyframes vmV10BigGlow { 0% { transform: translate3d(-70px, -26px, 0) scale(0.86); opacity: 0.46; } 45% { opacity: 0.82; } 100% { transform: translate3d(112px, 68px, 0) scale(1.18); opacity: 0.96; } }
.wave{left:-4% !important;right:-4% !important;height:190px !important;border-top-width:3px !important;opacity:0.92 !important;filter:drop-shadow(0 0 34px rgba(52,245,197,0.54)) drop-shadow(0 0 18px rgba(47,140,255,0.32)) !important;}
.wave1{bottom:16% !important;border-top-color:rgba(52,245,197,0.62) !important;animation:vmV10Wave1 2.7s ease-in-out infinite alternate !important;}
.wave2{bottom:25% !important;border-top-color:rgba(47,140,255,0.56) !important;animation:vmV10Wave2 3.2s ease-in-out infinite alternate !important;}
.wave3{bottom:34% !important;border-top-color:rgba(255,63,180,0.48) !important;animation:vmV10Wave3 3.8s ease-in-out infinite alternate !important;}
@keyframes vmV10Wave1 { from { transform: translateX(-90px) translateY(8px) rotate(-5deg) scaleX(0.82); opacity: 0.38; } to { transform: translateX(115px) translateY(-46px) rotate(3deg) scaleX(1.28); opacity: 0.96; } }
@keyframes vmV10Wave2 { from { transform: translateX(95px) translateY(16px) rotate(-2deg) scaleX(0.78); opacity: 0.32; } to { transform: translateX(-112px) translateY(-36px) rotate(4deg) scaleX(1.34); opacity: 0.86; } }
@keyframes vmV10Wave3 { from { transform: translateX(-70px) translateY(22px) rotate(2deg) scaleX(0.9); opacity: 0.26; } to { transform: translateX(96px) translateY(-56px) rotate(-3deg) scaleX(1.22); opacity: 0.74; } }
.beam{width:92px !important;height:880px !important;top:-260px !important;opacity:0.58 !important;filter:blur(12px) saturate(1.35) !important;}
.beam1{right:8% !important;background:linear-gradient( 180deg,transparent,rgba(255,122,24,0.48),transparent ) !important;animation:vmV10Beam1 4.6s ease-in-out infinite alternate !important;}
.beam2{right:31% !important;background:linear-gradient( 180deg,transparent,rgba(47,140,255,0.44),transparent ) !important;animation:vmV10Beam2 5.1s ease-in-out infinite alternate !important;}
.beam3{position:absolute;right:52%;width:78px;height:820px;top:-220px;background:linear-gradient(180deg,transparent,rgba(255,63,180,0.36),transparent);filter:blur(13px) saturate(1.4);opacity:0.38;transform:rotate(12deg);animation:vmV10Beam3 5.6s ease-in-out infinite alternate;}
@keyframes vmV10Beam1 { from { transform: rotate(28deg) translateX(130px); opacity: 0.16; } 50% { opacity: 0.82; } to { transform: rotate(-20deg) translateX(-250px); opacity: 0.48; } }
@keyframes vmV10Beam2 { from { transform: rotate(-22deg) translateX(-80px); opacity: 0.14; } 50% { opacity: 0.7; } to { transform: rotate(23deg) translateX(220px); opacity: 0.42; } }
@keyframes vmV10Beam3 { from { transform: rotate(12deg) translateX(-80px); opacity: 0.1; } 50% { opacity: 0.54; } to { transform: rotate(-16deg) translateX(240px); opacity: 0.32; } }
.spark{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 18px rgba(255,255,255,0.85),0 0 34px rgba(52,245,197,0.45);opacity:0;pointer-events:none;}
.s1{left:16%;top:22%;animation:vmV10Spark 4.2s ease-in-out infinite 0.2s;}
.s2{left:48%;top:30%;animation:vmV10Spark 5s ease-in-out infinite 1.1s;}
.s3{left:73%;top:47%;animation:vmV10Spark 4.6s ease-in-out infinite 0.7s;}
.s4{left:38%;top:78%;animation:vmV10Spark 5.4s ease-in-out infinite 1.6s;}
.s5{left:86%;top:20%;animation:vmV10Spark 4.8s ease-in-out infinite 2s;}
@keyframes vmV10Spark { 0%, 100% { transform: translate3d(0, 0, 0) scale(0.35); opacity: 0; } 18% { opacity: 0.92; } 50% { transform: translate3d(44px, -42px, 0) scale(1); opacity: 0.65; } 82% { opacity: 0.14; } }
.pulseCircle{position:absolute;border-radius:50%;border:1px solid rgba(52,245,197,0.24);box-shadow:0 0 30px rgba(52,245,197,0.16);pointer-events:none;opacity:0;}
.pc1{width:220px;height:220px;right:18%;top:44%;animation:vmV10PulseCircle 3.4s ease-out infinite;}
.pc2{width:310px;height:310px;right:8%;top:31%;border-color:rgba(255,122,24,0.2);animation:vmV10PulseCircle 4.2s ease-out infinite 1.2s;}
@keyframes vmV10PulseCircle { 0% { transform: scale(0.55); opacity: 0; } 25% { opacity: 0.58; } 100% { transform: scale(1.55); opacity: 0; } }
.heroPlayer{box-shadow:0 38px 130px rgba(0,0,0,0.52),0 0 92px rgba(255,122,24,0.24),0 0 120px rgba(47,140,255,0.18),inset 0 0 0 1px rgba(255,255,255,0.05) !important;}
.heroPlayer:before{inset:-72px -86px -78px -86px !important;opacity:1 !important;filter:blur(25px) saturate(1.45) !important;animation:vmV10PlayerAura 2.8s ease-in-out infinite alternate !important;}
@keyframes vmV10PlayerAura { from { transform: translate3d(-26px, -12px, 0) scale(0.92); opacity: 0.48; } to { transform: translate3d(30px, 22px, 0) scale(1.12); opacity: 1; } }
.heroPlayer .controls:before{width:104px !important;height:104px !important;opacity:1 !important;animation:vmV10RingFast 2.8s linear infinite !important;}
.heroPlayer .controls:after{width:138px !important;height:138px !important;opacity:0.86 !important;animation:vmV10RingSlow 5.2s linear infinite !important;}
@keyframes vmV10RingFast { to { transform: translate(-50%, -50%) rotate(360deg) scale(1.04); } }
@keyframes vmV10RingSlow { to { transform: translate(-50%, -50%) rotate(-360deg) scale(1.06); } }
.heroPlayer .play{animation:vmV10PlayPulse 1.05s ease-in-out infinite alternate !important;box-shadow:0 0 0 8px rgba(255,255,255,0.08),0 0 34px rgba(52,245,197,0.48),0 0 58px rgba(255,122,24,0.3) !important;}
@keyframes vmV10PlayPulse { from { transform: scale(1); } to { transform: scale(1.055); } }
.heroPlayer .meter{filter:drop-shadow(0 0 30px rgba(52,245,197,0.34)) drop-shadow(0 0 18px rgba(255,63,180,0.22)) !important;}
.heroPlayer .meter:before{opacity:0.75 !important;animation:vmV10MeterSweep 1.8s ease-in-out infinite alternate !important;}
@keyframes vmV10MeterSweep { from { transform: translateX(-22px); opacity: 0.26; } to { transform: translateX(44px); opacity: 0.82; } }
@media (max-width: 1050px) { .beam3 { display: none; } .spark { opacity: 0.65; } .pc1, .pc2 { right: 12%; } .heroWow { min-height: auto !important; } }
@media (max-width: 640px) { .wave { height: 120px !important; border-top-width: 2px !important; } .beam { width: 52px !important; opacity: 0.28 !important; } .pulseCircle { display: none; } .heroPlayer .controls:before { width: 88px !important; height: 88px !important; } .heroPlayer .controls:after { width: 112px !important; height: 112px !important; } }
@media (prefers-reduced-motion: reduce) { .spark, .pulseCircle, .beam3 { animation: none !important; display: none !important; } }
.heroWow.page{width:calc(100vw - 24px) !important;max-width:none !important;margin-left:calc(50% - 50vw + 12px) !important;margin-right:calc(50% - 50vw + 12px) !important;padding-left:clamp(28px,5.2vw,88px) !important;padding-right:clamp(28px,5.2vw,88px) !important;border-radius:0 0 34px 34px !important;overflow:hidden !important;background:rgba(5,8,22,0.72) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.08),0 30px 110px rgba(0,0,0,0.38) !important;}
.heroWow:before{inset:0 !important;border-radius:0 0 34px 34px !important;background-size:190% 190%,180% 180%,170% 170%,185% 185%,160% 160%,100% 100%,100% 100% !important;animation:vmV11HeroLife 4.6s ease-in-out infinite alternate !important;}
.heroWow:after{inset:0 !important;border-radius:0 0 34px 34px !important;animation:vmV11GridScan 5.2s linear infinite !important;}
@keyframes vmV11HeroLife { 0% { background-position: 0% 44%, 18% 74%, 54% 26%, 82% 58%, 100% 18%, 0 0, 0 0; filter: saturate(1.15) contrast(1.02); } 35% { background-position: 18% 56%, 42% 52%, 72% 42%, 64% 36%, 72% 30%, 0 0, 0 0; filter: saturate(1.38) contrast(1.06); } 70% { background-position: 36% 66%, 58% 42%, 82% 64%, 48% 70%, 58% 52%, 0 0, 0 0; filter: saturate(1.48) contrast(1.08); } 100% { background-position: 54% 50%, 30% 62%, 62% 78%, 90% 42%, 36% 38%, 0 0, 0 0; filter: saturate(1.32) contrast(1.05); } }
@keyframes vmV11GridScan { 0% { transform: translate3d(0, 0, 0); background-position: -280px 0, 320px 0, -180px 0, 0 0, 0 0; } 100% { transform: translate3d(-72px, -42px, 0); background-position: 650px 0, -640px 0, 540px 0, 112px 112px, 112px 112px; } }
.heroWow .heroScene{inset:0 !important;width:100% !important;height:100% !important;overflow:hidden !important;border-radius:0 0 34px 34px !important;opacity:1 !important;}
.heroWow .heroScene:before{width:115vw !important;height:115vw !important;min-width:980px !important;min-height:980px !important;right:-22vw !important;top:-34vw !important;opacity:0.78 !important;animation:vmV11BigGlow 3.2s ease-in-out infinite alternate !important;}
@keyframes vmV11BigGlow { 0% { transform: translate3d(-130px, -42px, 0) scale(0.84); opacity: 0.44; } 45% { opacity: 0.88; } 100% { transform: translate3d(160px, 98px, 0) scale(1.12); opacity: 0.96; } }
.heroWow .wave{left:-18vw !important;right:-18vw !important;width:auto !important;max-width:none !important;opacity:0.95 !important;}
.heroWow .wave1{animation:vmV11Wave1 2.35s ease-in-out infinite alternate !important;}
.heroWow .wave2{animation:vmV11Wave2 2.85s ease-in-out infinite alternate !important;}
.heroWow .wave3{animation:vmV11Wave3 3.25s ease-in-out infinite alternate !important;}
@keyframes vmV11Wave1 { from { transform: translateX(-150px) translateY(14px) rotate(-4deg) scaleX(0.9); opacity: 0.42; } to { transform: translateX(170px) translateY(-54px) rotate(3deg) scaleX(1.18); opacity: 1; } }
@keyframes vmV11Wave2 { from { transform: translateX(150px) translateY(20px) rotate(-2deg) scaleX(0.86); opacity: 0.34; } to { transform: translateX(-170px) translateY(-42px) rotate(4deg) scaleX(1.22); opacity: 0.9; } }
@keyframes vmV11Wave3 { from { transform: translateX(-130px) translateY(26px) rotate(2deg) scaleX(0.96); opacity: 0.3; } to { transform: translateX(150px) translateY(-62px) rotate(-3deg) scaleX(1.16); opacity: 0.78; } }
.heroWow .beam1{right:9% !important;}
.heroWow .beam2{right:31% !important;}
.heroWow .beam3{right:55% !important;}
.heroPlayer{transform:translateZ(0);background:linear-gradient( 180deg,rgba(255,255,255,0.135),rgba(255,255,255,0.065) ) !important;}
@media (max-width: 1050px) { .heroWow.page { width: calc(100vw - 16px) !important; margin-left: calc(50% - 50vw + 8px) !important; margin-right: calc(50% - 50vw + 8px) !important; padding-left: 22px !important; padding-right: 22px !important; } .heroWow .heroScene { inset: 0 !important; } }
@media (max-width: 640px) { .heroWow.page { width: calc(100vw - 10px) !important; margin-left: calc(50% - 50vw + 5px) !important; margin-right: calc(50% - 50vw + 5px) !important; padding-left: 14px !important; padding-right: 14px !important; border-radius: 0 0 24px 24px !important; } .heroWow:before, .heroWow:after, .heroWow .heroScene { border-radius: 0 0 24px 24px !important; } }
.heroWow .heroContent{position:relative !important;z-index:2 !important;background:transparent !important;box-shadow:none !important;border:0 !important;overflow:visible !important;}
.heroWow .heroScene{inset:-105px -820px -92px -90px !important;width:auto !important;height:auto !important;max-width:none !important;overflow:visible !important;border-radius:0 !important;opacity:1 !important;mix-blend-mode:screen !important;pointer-events:none !important;}
.heroWow .heroScene:before{right:8% !important;top:-170px !important;width:920px !important;height:920px !important;min-width:0 !important;min-height:0 !important;opacity:0.72 !important;filter:blur(30px) saturate(1.45) !important;}
.heroWow .heroScene:after{display:none !important;content:"" !important;}
.heroWow .wave{left:-110px !important;right:-960px !important;width:auto !important;max-width:none !important;border-radius:50% !important;}
.heroWow .orb, .heroWow .beam, .heroWow .spark, .heroWow .pulseCircle{pointer-events:none !important;}
.heroWow h1, .heroWow .lead, .heroWow .actions, .heroWow .stats, .heroWow .kicker{position:relative !important;z-index:3 !important;}
@media (max-width: 1050px) { .heroWow .heroScene { inset: -80px -120px -55px -50px !important; overflow: visible !important; border-radius: 0 !important; } }
@media (max-width: 640px) { .heroWow .heroScene { inset: -55px -70px -42px -34px !important; } }
.brand b{text-transform:uppercase;letter-spacing:0.7px;}
.brand small{letter-spacing:0.15px;}
.heroContent h1{text-transform:uppercase;}
.heroContent h1 .grad.vmLogoText{position:relative;display:inline-block;padding-right:0.04em;background:linear-gradient( 100deg,#ffe6c7 0%,#ff7a18 24%,#2f8cff 52%,#ff3fb4 78%,#fff1d8 100% );background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 18px rgba(255,122,24,0.22)) drop-shadow(0 0 28px rgba(47,140,255,0.16));animation:vmTextFlow 8s ease-in-out infinite;}
.heroContent h1 .grad.vmLogoText::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient( 105deg,transparent 0%,transparent 38%,rgba(255,255,255,0.92) 48%,transparent 60%,transparent 100% );transform:translateX(-130%) skewX(-16deg);mix-blend-mode:screen;animation:vmTextShine 5.8s ease-in-out infinite;}
@keyframes vmTextFlow { 0%, 100% { background-position: 0% 50%; filter: drop-shadow(0 0 16px rgba(255, 122, 24, 0.2)) drop-shadow(0 0 24px rgba(47, 140, 255, 0.14)); } 45% { background-position: 100% 50%; filter: drop-shadow(0 0 22px rgba(255, 63, 180, 0.24)) drop-shadow(0 0 34px rgba(52, 245, 197, 0.14)); } }
@keyframes vmTextShine { 0%, 28% { transform: translateX(-135%) skewX(-16deg); opacity: 0; } 38% { opacity: 0.52; } 56% { transform: translateX(135%) skewX(-16deg); opacity: 0; } 100% { transform: translateX(135%) skewX(-16deg); opacity: 0; } }
.heroContent .lead{max-width:760px;}
:root{--nav:72px;--r:24px;--r2:16px;}
body{font-size:15px;}
.page{width:min(1360px,calc(100% - 44px));}
.nav{gap:14px;}
.brand{gap:10px;min-width:200px;}
.brand img{width:46px;height:46px;}
.brand b{font-size:1rem;line-height:1.08;}
.brand small{font-size:0.7rem;line-height:1.2;}
.menu{gap:3px;}
.menu a, .menu button{padding:8px 10px;font-size:0.92rem;}
.actions{gap:8px;}
.btn{padding:10px 15px;font-size:0.92rem;}
.hero{padding:48px 0 30px;gap:24px;}
.heroWow{min-height:calc(100vh - var(--nav) - 42px) !important;padding-top:50px !important;padding-bottom:42px !important;}
.kicker{padding:8px 12px;font-size:0.93rem;}
h1, .heroWow h1, .heroContent h1{font-size:clamp(2.45rem,5.05vw,4.95rem) !important;line-height:0.96 !important;letter-spacing:-0.062em !important;margin:16px 0 16px !important;max-width:680px !important;}
h2{font-size:clamp(1.38rem,2.35vw,2.15rem);}
h3{font-size:1.06rem;}
.lead, .heroWow .lead, .heroContent .lead{font-size:1.02rem !important;line-height:1.55 !important;max-width:660px !important;}
.heroContent .actions{margin-top:18px;}
.stats{gap:10px;margin-top:18px;}
.mini{padding:14px 16px;border-radius:22px;}
.mini b{font-size:1.12rem;}
.mini span{font-size:0.84rem;}
.card, .player{padding:18px;border-radius:24px;}
.heroPlayer{max-width:610px;margin-left:auto;}
.now b{font-size:0.78rem;}
.now strong{font-size:1.22rem;line-height:1.22;margin:7px 0 5px;}
.now span{font-size:0.91rem;}
.avatar{width:100px;height:100px;border-radius:24px;}
.meter{height:62px;gap:6px;margin:20px 0;}
.play{width:52px;height:52px;font-size:1.05rem;}
.controls{gap:12px;}
.chips{margin-top:14px;}
.chip{padding:7px 10px;font-size:0.8rem;}
.section{padding:32px 0;}
.head{margin-bottom:16px;}
.grid{gap:16px;}
.feature{min-height:190px;}
.feature .ico{width:46px;height:46px;border-radius:16px;font-size:1.25rem;margin-bottom:14px;}
.feature p, .card p{font-size:0.93rem;line-height:1.52;}
.quickTiles{gap:10px;}
.quickTiles a, .quickTiles button{min-height:76px;padding:13px;border-radius:18px;}
.quickTiles b{font-size:0.94rem;}
.quickTiles span{font-size:0.82rem;}
.embedBox{height:560px;}
.embedBox.small{height:390px;}
.embedBox.tall{height:700px;}
.subHero{padding:34px 0 8px;}
.listenLayout{grid-template-columns:minmax(0,1fr) 350px;gap:16px;}
.quickDock{right:14px;bottom:14px;gap:9px;}
.quickDock button, .quickDock a{width:44px;height:44px;border-radius:16px;}
.footer{padding:28px 0 38px;}
@media (max-width: 1050px) { .page { width: min(100% - 28px, 1360px); } .heroWow { min-height: auto !important; padding-top: 42px !important; } h1, .heroWow h1, .heroContent h1 { font-size: clamp(2.2rem, 8vw, 4.3rem) !important; } .heroPlayer { max-width: none; margin-left: 0; } }
@media (max-width: 640px) { :root { --nav: 68px; } body { font-size: 14px; } .page { width: min(100% - 20px, 1360px); } .brand img { width: 40px; height: 40px; } .brand b { font-size: 0.93rem; } .heroWow { padding-top: 34px !important; padding-bottom: 34px !important; } h1, .heroWow h1, .heroContent h1 { font-size: clamp(2rem, 12vw, 3.45rem) !important; } .lead, .heroWow .lead, .heroContent .lead { font-size: 0.95rem !important; } .btn { padding: 9px 13px; font-size: 0.88rem; } .card, .player { padding: 16px; } .avatar { width: 82px; height: 82px; border-radius: 20px; } }
@media (min-width: 1051px) { .heroWow { grid-template-columns: 0.92fr 1.08fr !important; gap: 18px !important; } .heroPlayer { width: min(calc(100% + 92px), 760px) !important; margin-left: -72px !important; justify-self: end !important; } }
.player .meter i{animation:none !important;transform-origin:bottom center;transition:height 0.09s linear,transform 0.09s linear,opacity 0.18s ease;opacity:0.5;}
.player:not(.is-playing) .meter i{height:18px !important;min-height:8px !important;transform:scaleY(0.55) !important;opacity:0.42 !important;}
.player.is-playing .meter i{opacity:0.92;animation:vmLiveFallbackBars 0.78s ease-in-out infinite alternate !important;}
.player.is-playing .meter i:nth-child(2n){animation-duration:0.58s !important;}
.player.is-playing .meter i:nth-child(3n){animation-duration:0.94s !important;}
.player.is-playing .meter i:nth-child(4n){animation-duration:0.68s !important;}
@keyframes vmLiveFallbackBars { 0% { transform: scaleY(0.42); filter: saturate(1); } 50% { transform: scaleY(1.06); filter: saturate(1.35); } 100% { transform: scaleY(0.62); filter: saturate(1.1); } }
.player.is-playing .play{box-shadow:0 0 0 7px rgba(255,255,255,0.08),0 0 28px rgba(52,245,197,0.42),0 0 58px rgba(255,122,24,0.32) !important;}
@media (max-width: 1050px) { .heroPlayer { width: 100% !important; margin-left: 0 !important; } }
.player .meter i{transition:height 0.028s linear,transform 0.028s linear,opacity 0.08s linear !important;will-change:height,transform,opacity,filter;}
.player.is-playing .meter i{animation:vmLiveFallbackBarsFast 0.36s cubic-bezier(0.2,0.75,0.18,1) infinite alternate !important;}
.player.is-playing .meter i:nth-child(2n){animation-duration:0.27s !important;}
.player.is-playing .meter i:nth-child(3n){animation-duration:0.42s !important;}
.player.is-playing .meter i:nth-child(4n){animation-duration:0.31s !important;}
.player.is-playing .meter i:nth-child(5n){animation-duration:0.5s !important;}
@keyframes vmLiveFallbackBarsFast { 0% { height: 18px; transform: scaleY(0.45); filter: saturate(1); } 32% { height: 58px; transform: scaleY(1.12); filter: saturate(1.35); } 67% { height: 34px; transform: scaleY(0.72); filter: saturate(1.15); } 100% { height: 82px; transform: scaleY(1.36); filter: saturate(1.55); } }
.player.is-playing .meter i:nth-child(1){animation-delay:-0.08s !important;}
.player.is-playing .meter i:nth-child(2){animation-delay:-0.21s !important;}
.player.is-playing .meter i:nth-child(3){animation-delay:-0.13s !important;}
.player.is-playing .meter i:nth-child(4){animation-delay:-0.3s !important;}
.player.is-playing .meter i:nth-child(5){animation-delay:-0.04s !important;}
.player.is-playing .meter i:nth-child(6){animation-delay:-0.26s !important;}
.player.is-playing .meter i:nth-child(7){animation-delay:-0.18s !important;}
.player.is-playing .meter i:nth-child(8){animation-delay:-0.36s !important;}
.player.is-playing .meter i:nth-child(9){animation-delay:-0.1s !important;}
.player.is-playing .meter i:nth-child(10){animation-delay:-0.24s !important;}
.player.is-playing .meter i:nth-child(11){animation-delay:-0.16s !important;}
.player.is-playing .meter i:nth-child(12){animation-delay:-0.33s !important;}
.heroPlayer .meter, .player .meter{height:58px !important;min-height:58px !important;max-height:58px !important;margin:44px 0 14px !important;align-items:end !important;overflow:visible !important;}
.heroPlayer .meter i, .player .meter i{max-height:56px !important;min-height:8px !important;transform-origin:bottom center !important;transition:height 0.018s linear,transform 0.018s linear,opacity 0.05s linear,filter 0.05s linear !important;}
.player:not(.is-playing) .meter i{height:10px !important;transform:scaleY(0.42) !important;opacity:0.35 !important;}
.player.is-playing .meter i{animation:vmLiveFallbackBarsV17 0.24s cubic-bezier(0.12,0.88,0.18,1) infinite alternate !important;}
@keyframes vmLiveFallbackBarsV17 { 0% { height: 9px; transform: scaleY(0.45); filter: saturate(1); } 24% { height: 44px; transform: scaleY(1.08); filter: saturate(1.45); } 52% { height: 20px; transform: scaleY(0.72); filter: saturate(1.18); } 78% { height: 54px; transform: scaleY(1.22); filter: saturate(1.62); } 100% { height: 14px; transform: scaleY(0.58); filter: saturate(1.12); } }
.player.is-playing .meter i:nth-child(1){animation-duration:0.2s !important;animation-delay:-0.04s !important;}
.player.is-playing .meter i:nth-child(2){animation-duration:0.28s !important;animation-delay:-0.17s !important;}
.player.is-playing .meter i:nth-child(3){animation-duration:0.22s !important;animation-delay:-0.09s !important;}
.player.is-playing .meter i:nth-child(4){animation-duration:0.31s !important;animation-delay:-0.24s !important;}
.player.is-playing .meter i:nth-child(5){animation-duration:0.19s !important;animation-delay:-0.13s !important;}
.player.is-playing .meter i:nth-child(6){animation-duration:0.34s !important;animation-delay:-0.28s !important;}
.player.is-playing .meter i:nth-child(7){animation-duration:0.23s !important;animation-delay:-0.06s !important;}
.player.is-playing .meter i:nth-child(8){animation-duration:0.29s !important;animation-delay:-0.2s !important;}
.player.is-playing .meter i:nth-child(9){animation-duration:0.21s !important;animation-delay:-0.11s !important;}
.player.is-playing .meter i:nth-child(10){animation-duration:0.32s !important;animation-delay:-0.26s !important;}
.player.is-playing .meter i:nth-child(11){animation-duration:0.24s !important;animation-delay:-0.15s !important;}
.player.is-playing .meter i:nth-child(12){animation-duration:0.27s !important;animation-delay:-0.22s !important;}
.heroPlayer .meter, .player .meter{height:56px !important;min-height:56px !important;max-height:56px !important;margin:36px 0 14px !important;}
.heroPlayer .meter i, .player .meter i{max-height:54px !important;min-height:8px !important;transition:height 0.012s linear,transform 0.012s linear,opacity 0.04s linear,filter 0.04s linear !important;}
.player.is-playing .meter i{animation:vmLiveFallbackBarsV18 0.18s cubic-bezier(0.08,0.9,0.12,1) infinite alternate !important;}
@keyframes vmLiveFallbackBarsV18 { 0% { height: 10px; transform: scaleY(0.42); filter: saturate(1); } 18% { height: 50px; transform: scaleY(1.16); filter: saturate(1.55); } 43% { height: 18px; transform: scaleY(0.62); filter: saturate(1.12); } 72% { height: 38px; transform: scaleY(0.98); filter: saturate(1.38); } 100% { height: 12px; transform: scaleY(0.5); filter: saturate(1.06); } }
.player.is-playing .meter i:nth-child(1){animation-duration:0.17s !important;animation-delay:-0.03s !important;}
.player.is-playing .meter i:nth-child(2){animation-duration:0.23s !important;animation-delay:-0.16s !important;}
.player.is-playing .meter i:nth-child(3){animation-duration:0.19s !important;animation-delay:-0.08s !important;}
.player.is-playing .meter i:nth-child(4){animation-duration:0.27s !important;animation-delay:-0.22s !important;}
.player.is-playing .meter i:nth-child(5){animation-duration:0.16s !important;animation-delay:-0.12s !important;}
.player.is-playing .meter i:nth-child(6){animation-duration:0.3s !important;animation-delay:-0.26s !important;}
.player.is-playing .meter i:nth-child(7){animation-duration:0.2s !important;animation-delay:-0.05s !important;}
.player.is-playing .meter i:nth-child(8){animation-duration:0.25s !important;animation-delay:-0.19s !important;}
.player.is-playing .meter i:nth-child(9){animation-duration:0.18s !important;animation-delay:-0.1s !important;}
.player.is-playing .meter i:nth-child(10){animation-duration:0.28s !important;animation-delay:-0.24s !important;}
.player.is-playing .meter i:nth-child(11){animation-duration:0.21s !important;animation-delay:-0.14s !important;}
.player.is-playing .meter i:nth-child(12){animation-duration:0.24s !important;animation-delay:-0.21s !important;}
.heroPlayer .meter, .player .meter{height:56px !important;min-height:56px !important;max-height:56px !important;margin:34px 0 14px !important;overflow:visible !important;}
.heroPlayer .meter i, .player .meter i{max-height:50px !important;min-height:7px !important;transition:height 0.006s linear,transform 0.006s linear,opacity 0.03s linear,filter 0.03s linear !important;will-change:height,transform,opacity,filter !important;}
.player:not(.is-playing) .meter i{height:8px !important;transform:scaleY(0.42) !important;opacity:0.34 !important;animation:none !important;}
.player.vm-meter-fallback.is-playing .meter i{animation:vmFallbackV19 0.34s cubic-bezier(0.14,0.82,0.18,1) infinite alternate !important;}
@keyframes vmFallbackV19 { 0% { height: 8px; transform: scaleY(0.42); opacity: 0.46; } 35% { height: 28px; transform: scaleY(0.78); opacity: 0.78; } 62% { height: 15px; transform: scaleY(0.55); opacity: 0.58; } 100% { height: 44px; transform: scaleY(1.02); opacity: 0.92; } }
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:0.26s !important;animation-delay:-0.04s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:0.39s !important;animation-delay:-0.21s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:0.31s !important;animation-delay:-0.13s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:0.45s !important;animation-delay:-0.28s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:0.29s !important;animation-delay:-0.09s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:0.41s !important;animation-delay:-0.31s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:0.33s !important;animation-delay:-0.17s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:0.47s !important;animation-delay:-0.25s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:0.28s !important;animation-delay:-0.11s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:0.43s !important;animation-delay:-0.35s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:0.35s !important;animation-delay:-0.19s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:0.4s !important;animation-delay:-0.27s !important;}
.heroPlayer .meter, .player .meter{align-items:flex-end !important;gap:10px !important;height:62px !important;min-height:62px !important;max-height:62px !important;margin:30px 0 14px !important;padding:0 2px !important;overflow:visible !important;}
.heroPlayer .meter i, .player .meter i{flex:1 1 0 !important;width:auto !important;max-width:42px !important;min-width:12px !important;max-height:56px !important;min-height:5px !important;border-radius:12px 12px 5px 5px !important;transform-origin:bottom center !important;transform:none !important;background:linear-gradient(180deg,#19f2dc 0%,#1aa8ff 44%,#f63dc8 100%) !important;box-shadow:0 0 16px rgba(31,226,255,0.3),inset 0 1px 0 rgba(255,255,255,0.36) !important;transition:height 0.018s linear,opacity 0.025s linear,filter 0.025s linear !important;}
.player:not(.is-playing) .meter i{height:6px !important;transform:none !important;opacity:0.36 !important;animation:none !important;}
.player.vm-meter-fallback.is-playing .meter i{animation:vmFallbackV20 0.28s cubic-bezier(0.12,0.84,0.18,1) infinite alternate !important;}
@keyframes vmFallbackV20 { 0% { height: 7px; opacity: 0.42; filter: saturate(1.05); } 28% { height: 34px; opacity: 0.82; filter: saturate(1.4); } 58% { height: 16px; opacity: 0.58; filter: saturate(1.15); } 100% { height: 52px; opacity: 0.95; filter: saturate(1.7); } }
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:0.2s !important;animation-delay:-0.03s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:0.31s !important;animation-delay:-0.17s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:0.24s !important;animation-delay:-0.1s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:0.35s !important;animation-delay:-0.23s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:0.22s !important;animation-delay:-0.07s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:0.32s !important;animation-delay:-0.25s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:0.25s !important;animation-delay:-0.13s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:0.37s !important;animation-delay:-0.21s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:0.21s !important;animation-delay:-0.08s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:0.34s !important;animation-delay:-0.28s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:0.27s !important;animation-delay:-0.15s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:0.3s !important;animation-delay:-0.2s !important;}
.heroPlayer .meter, .player .meter{height:76px !important;min-height:76px !important;max-height:76px !important;align-items:flex-end !important;gap:9px !important;margin:24px 0 12px !important;padding:0 2px !important;overflow:visible !important;}
.heroPlayer .meter i, .player .meter i{flex:1 1 0 !important;width:auto !important;min-width:11px !important;max-width:38px !important;min-height:6px !important;max-height:68px !important;border-radius:10px 10px 4px 4px !important;transform-origin:bottom center !important;background:linear-gradient(180deg,#10fff0 0%,#17adff 42%,#ff34cb 100%) !important;box-shadow:0 0 18px rgba(31,226,255,0.33),inset 0 1px 0 rgba(255,255,255,0.38) !important;transition:height 0.006s linear,opacity 0.006s linear,filter 0.006s linear,transform 0.006s linear !important;will-change:height,transform,opacity,filter !important;}
.player:not(.is-playing) .meter i{height:6px !important;transform:none !important;opacity:0.34 !important;animation:none !important;}
.player.vm-meter-fallback.is-playing .meter i{animation:vmFallbackV21 0.18s cubic-bezier(0.05,0.92,0.16,1) infinite alternate !important;}
@keyframes vmFallbackV21 { 0% { height: 7px; opacity: 0.4; filter: saturate(1.05); } 22% { height: 46px; opacity: 0.88; filter: saturate(1.55); } 46% { height: 18px; opacity: 0.62; filter: saturate(1.15); } 72% { height: 62px; opacity: 0.98; filter: saturate(1.85); } 100% { height: 27px; opacity: 0.76; filter: saturate(1.35); } }
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:0.16s !important;animation-delay:-0.04s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:0.23s !important;animation-delay:-0.15s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:0.19s !important;animation-delay:-0.09s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:0.27s !important;animation-delay:-0.21s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:0.17s !important;animation-delay:-0.06s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:0.24s !important;animation-delay:-0.18s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:0.2s !important;animation-delay:-0.12s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:0.29s !important;animation-delay:-0.24s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:0.16s !important;animation-delay:-0.08s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:0.25s !important;animation-delay:-0.22s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:0.18s !important;animation-delay:-0.13s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:0.21s !important;animation-delay:-0.17s !important;}
.heroPlayer .meter, .player .meter{height:84px !important;min-height:84px !important;max-height:84px !important;align-items:flex-end !important;gap:8px !important;margin:20px 0 12px !important;padding:0 2px !important;overflow:visible !important;}
.heroPlayer .meter i, .player .meter i{flex:1 1 0 !important;width:auto !important;min-width:9px !important;max-width:34px !important;min-height:7px !important;max-height:72px !important;border-radius:10px 10px 4px 4px !important;transform-origin:bottom center !important;background:linear-gradient(180deg,#10fff0 0%,#17adff 43%,#ff34cb 100%) !important;box-shadow:0 0 18px rgba(31,226,255,0.34),inset 0 1px 0 rgba(255,255,255,0.38) !important;transition:height 0.001s linear,opacity 0.001s linear,filter 0.001s linear,transform 0.001s linear !important;will-change:height,transform,opacity,filter !important;}
.player:not(.is-playing) .meter i{height:7px !important;transform:scaleY(0.72) !important;opacity:0.36 !important;animation:none !important;}
.player.vm-meter-fallback.is-playing .meter i{animation:vmFallbackV22 0.16s cubic-bezier(0.05,0.96,0.1,1) infinite alternate !important;}
@keyframes vmFallbackV22 { 0% { height: 8px; opacity: 0.4; filter: saturate(1.05) brightness(0.96); } 18% { height: 54px; opacity: 0.9; filter: saturate(1.62) brightness(1.13); } 39% { height: 16px; opacity: 0.58; filter: saturate(1.12) brightness(0.98); } 66% { height: 68px; opacity: 0.98; filter: saturate(1.95) brightness(1.2); } 100% { height: 26px; opacity: 0.72; filter: saturate(1.34) brightness(1.04); } }
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:0.14s !important;animation-delay:-0.02s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:0.21s !important;animation-delay:-0.13s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:0.17s !important;animation-delay:-0.08s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:0.24s !important;animation-delay:-0.2s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:0.15s !important;animation-delay:-0.05s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:0.22s !important;animation-delay:-0.18s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:0.18s !important;animation-delay:-0.11s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:0.26s !important;animation-delay:-0.22s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:0.14s !important;animation-delay:-0.07s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:0.23s !important;animation-delay:-0.2s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:0.16s !important;animation-delay:-0.1s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:0.19s !important;animation-delay:-0.16s !important;}
.heroPlayer .meter, .player .meter{height:86px !important;min-height:86px !important;max-height:86px !important;margin:18px 0 12px !important;}
.heroPlayer .meter i, .player .meter i{max-height:78px !important;min-height:7px !important;border-radius:10px 10px 4px 4px !important;transition:none !important;will-change:height,transform,opacity,filter !important;}
.player.audio-reactive .meter i{animation:none !important;}
.player.vm-meter-fallback.is-playing .meter i{animation:vmFallbackV23 0.13s cubic-bezier(0.02,0.98,0.08,1) infinite alternate !important;}
@keyframes vmFallbackV23 { 0% { height: 8px; opacity: 0.4; filter: saturate(1.05) brightness(0.96); } 20% { height: 62px; opacity: 0.92; filter: saturate(1.7) brightness(1.16); } 42% { height: 14px; opacity: 0.56; filter: saturate(1.1) brightness(0.98); } 68% { height: 76px; opacity: 0.99; filter: saturate(2) brightness(1.22); } 100% { height: 24px; opacity: 0.72; filter: saturate(1.35) brightness(1.04); } }
.player.vm-meter-fallback.is-playing .meter i:nth-child(1){animation-duration:0.12s !important;animation-delay:-0.02s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(2){animation-duration:0.18s !important;animation-delay:-0.11s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(3){animation-duration:0.14s !important;animation-delay:-0.07s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(4){animation-duration:0.2s !important;animation-delay:-0.17s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(5){animation-duration:0.13s !important;animation-delay:-0.05s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(6){animation-duration:0.19s !important;animation-delay:-0.15s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(7){animation-duration:0.15s !important;animation-delay:-0.09s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(8){animation-duration:0.21s !important;animation-delay:-0.19s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(9){animation-duration:0.12s !important;animation-delay:-0.06s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(10){animation-duration:0.19s !important;animation-delay:-0.18s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(11){animation-duration:0.14s !important;animation-delay:-0.1s !important;}
.player.vm-meter-fallback.is-playing .meter i:nth-child(12){animation-duration:0.17s !important;animation-delay:-0.14s !important;}
@media (min-width: 1051px) { .heroPlayer .meter { width: calc(100% - 112px) !important; margin-left: 96px !important; margin-right: 8px !important; } }
@media (max-width: 1050px) { .heroPlayer .meter, .player .meter { width: calc(100% - 76px) !important; margin-left: 64px !important; margin-right: 0 !important; } }
@media (max-width: 640px) { .heroPlayer .meter, .player .meter { width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; } }
@media (min-width: 1051px) { .heroWow { padding-top: 38px !important; padding-bottom: 34px !important; align-items: center !important; } .heroPlayer { margin-top: 34px !important; } }
.heroWow.page{background-position:center top !important;}
.heroWow:before{animation:vmV25HeroLife 12s linear infinite alternate !important;}
.heroWow:after{animation:vmV25GridScan 14s linear infinite alternate !important;}
.heroWow .heroScene:before{animation:vmV25BigGlow 10s linear infinite alternate !important;}
.heroWow .wave1{animation:vmV25Wave1 7.5s linear infinite alternate !important;}
.heroWow .wave2{animation:vmV25Wave2 8.5s linear infinite alternate !important;}
.heroWow .wave3{animation:vmV25Wave3 9.5s linear infinite alternate !important;}
.heroWow .beam1{animation:vmV25Beam1 9s linear infinite alternate !important;}
.heroWow .beam2{animation:vmV25Beam2 10s linear infinite alternate !important;}
.heroWow .beam3{animation:vmV25Beam3 11s linear infinite alternate !important;}
@keyframes vmV25HeroLife { 0% { background-position: 0% 44%, 18% 74%, 54% 26%, 82% 58%, 100% 18%, 0 0, 0 0; filter: saturate(1.15) contrast(1.02); } 25% { background-position: 18% 56%, 42% 52%, 72% 42%, 64% 36%, 72% 30%, 0 0, 0 0; filter: saturate(1.32) contrast(1.05); } 50% { background-position: 36% 66%, 58% 42%, 82% 64%, 48% 70%, 58% 52%, 0 0, 0 0; filter: saturate(1.46) contrast(1.07); } 75% { background-position: 54% 50%, 30% 62%, 62% 78%, 90% 42%, 36% 38%, 0 0, 0 0; filter: saturate(1.36) contrast(1.06); } 100% { background-position: 72% 58%, 48% 46%, 44% 52%, 66% 62%, 22% 46%, 0 0, 0 0; filter: saturate(1.22) contrast(1.03); } }
@keyframes vmV25GridScan { 0% { transform: translate3d(0, 0, 0); background-position: -280px 0, 320px 0, -180px 0, 0 0, 0 0; } 100% { transform: translate3d(-52px, -30px, 0); background-position: 360px 0, -360px 0, 300px 0, 96px 96px, 96px 96px; } }
@keyframes vmV25BigGlow { 0% { transform: translate3d(-120px, -40px, 0) scale(0.86); opacity: 0.5; } 50% { transform: translate3d(15px, 35px, 0) scale(1.02); opacity: 0.86; } 100% { transform: translate3d(150px, 90px, 0) scale(1.12); opacity: 0.92; } }
@keyframes vmV25Wave1 { from { transform: translateX(-150px) translateY(14px) rotate(-4deg) scaleX(0.9); opacity: 0.48; } to { transform: translateX(170px) translateY(-54px) rotate(3deg) scaleX(1.18); opacity: 0.95; } }
@keyframes vmV25Wave2 { from { transform: translateX(150px) translateY(20px) rotate(-2deg) scaleX(0.86); opacity: 0.4; } to { transform: translateX(-170px) translateY(-42px) rotate(4deg) scaleX(1.22); opacity: 0.82; } }
@keyframes vmV25Wave3 { from { transform: translateX(-130px) translateY(26px) rotate(2deg) scaleX(0.96); opacity: 0.34; } to { transform: translateX(150px) translateY(-62px) rotate(-3deg) scaleX(1.16); opacity: 0.7; } }
@keyframes vmV25Beam1 { from { transform: rotate(28deg) translateX(100px); opacity: 0.18; } to { transform: rotate(-20deg) translateX(-210px); opacity: 0.52; } }
@keyframes vmV25Beam2 { from { transform: rotate(-22deg) translateX(-70px); opacity: 0.16; } to { transform: rotate(23deg) translateX(190px); opacity: 0.46; } }
@keyframes vmV25Beam3 { from { transform: rotate(12deg) translateX(-70px); opacity: 0.12; } to { transform: rotate(-16deg) translateX(210px); opacity: 0.34; } }
@media (max-width: 1050px) { .heroPlayer { margin-top: 0 !important; } .heroWow { padding-top: 38px !important; } }
@media (min-width: 1051px) { .heroPlayer { margin-top: 62px !important; } }
.heroWow:before{background-size:170% 170%,150% 150%,150% 150%,150% 150%,100% 100% !important;animation:vmV26HeroBreath 16s linear infinite !important;will-change:background-position,filter;}
.heroWow:after{animation:vmV26GridSlide 18s linear infinite !important;will-change:background-position,transform,opacity;}
.heroWow .heroScene{opacity:0.95 !important;}
.heroWow .heroScene:before{animation:vmV26GlowTravel 9s ease-in-out infinite alternate !important;}
.heroWow .orb1{animation:vmV26Orb1 7s ease-in-out infinite alternate !important;}
.heroWow .orb2{animation:vmV26Orb2 8s ease-in-out infinite alternate !important;}
.heroWow .orb3{animation:vmV26Orb3 6.5s ease-in-out infinite alternate !important;}
.heroWow .wave1{animation:vmV26Wave1 5.8s ease-in-out infinite alternate !important;}
.heroWow .wave2{animation:vmV26Wave2 6.7s ease-in-out infinite alternate !important;}
.heroWow .wave3{animation:vmV26Wave3 7.5s ease-in-out infinite alternate !important;}
.heroWow .beam1{animation:vmV26Beam1 7.5s ease-in-out infinite alternate !important;}
.heroWow .beam2{animation:vmV26Beam2 8.8s ease-in-out infinite alternate !important;}
@keyframes vmV26HeroBreath { 0% { background-position: 0% 48%, 72% 35%, 37% 67%, 88% 78%, 0 0; filter: saturate(1.18) hue-rotate(0deg); } 20% { background-position: 24% 54%, 66% 40%, 44% 60%, 82% 70%, 0 0; filter: saturate(1.3) hue-rotate(3deg); } 40% { background-position: 48% 60%, 58% 48%, 51% 52%, 74% 62%, 0 0; filter: saturate(1.42) hue-rotate(7deg); } 60% { background-position: 72% 55%, 50% 56%, 58% 44%, 66% 54%, 0 0; filter: saturate(1.35) hue-rotate(4deg); } 80% { background-position: 96% 50%, 60% 44%, 46% 58%, 78% 66%, 0 0; filter: saturate(1.26) hue-rotate(1deg); } 100% { background-position: 120% 48%, 72% 35%, 37% 67%, 88% 78%, 0 0; filter: saturate(1.18) hue-rotate(0deg); } }
@keyframes vmV26GridSlide { 0% { background-position: 0 0, 0 0, 0 0, 0 0; transform: translate3d(0, 0, 0); opacity: 0.92; } 100% { background-position: 432px 0, -432px 0, 288px 288px, 288px 288px; transform: translate3d(-26px, -18px, 0); opacity: 0.98; } }
@keyframes vmV26GlowTravel { 0% { transform: translate3d(-80px, -20px, 0) scale(0.88); opacity: 0.46; } 50% { transform: translate3d(40px, 42px, 0) scale(1.05); opacity: 0.88; } 100% { transform: translate3d(145px, 84px, 0) scale(1.18); opacity: 0.78; } }
@keyframes vmV26Orb1 { 0% { transform: translate(0, 0) scale(0.95); opacity: 0.58; } 100% { transform: translate(-110px, 70px) scale(1.25); opacity: 0.92; } }
@keyframes vmV26Orb2 { 0% { transform: translate(0, 0) scale(1.05); opacity: 0.52; } 100% { transform: translate(105px, -52px) scale(0.84); opacity: 0.86; } }
@keyframes vmV26Orb3 { 0% { transform: translate(0, 0) scale(0.9); opacity: 0.44; } 100% { transform: translate(78px, 62px) scale(1.3); opacity: 0.78; } }
@keyframes vmV26Wave1 { 0% { transform: translateX(-110px) translateY(6px) rotate(-5deg) scaleX(0.92); opacity: 0.48; } 100% { transform: translateX(130px) translateY(-36px) rotate(2deg) scaleX(1.12); opacity: 0.88; } }
@keyframes vmV26Wave2 { 0% { transform: translateX(130px) translateY(12px) rotate(-3deg) scaleX(0.9); opacity: 0.42; } 100% { transform: translateX(-120px) translateY(-32px) rotate(4deg) scaleX(1.16); opacity: 0.8; } }
@keyframes vmV26Wave3 { 0% { transform: translateX(-90px) translateY(18px) rotate(1deg) scaleX(0.96); opacity: 0.34; } 100% { transform: translateX(105px) translateY(-42px) rotate(-2deg) scaleX(1.1); opacity: 0.66; } }
@keyframes vmV26Beam1 { 0% { transform: rotate(24deg) translateX(40px); opacity: 0.18; } 100% { transform: rotate(-18deg) translateX(-150px); opacity: 0.54; } }
@keyframes vmV26Beam2 { 0% { transform: rotate(-18deg) translateX(-30px); opacity: 0.16; } 100% { transform: rotate(22deg) translateX(145px); opacity: 0.48; } }
@media (max-width: 1050px) { .heroPlayer { margin-top: 12px !important; } }
.heroPlayer .now strong{font-size:1.36rem !important;line-height:1.16 !important;margin:8px 0 6px !important;}
.heroPlayer .now span[data-broadcast]{display:block !important;font-size:0.96rem !important;color:rgba(247,251,255,0.76) !important;line-height:1.32 !important;}
.liveStatus .now strong{font-size:1.3rem !important;line-height:1.18 !important;}
.liveStatus .now span[data-broadcast]{display:block !important;font-size:0.93rem !important;color:rgba(247,251,255,0.74) !important;}
@media (min-width: 641px) { .heroPlayer .controls { gap: 28px !important; } }
@media (max-width: 640px) { .heroPlayer .now strong { font-size: 1.22rem !important; } .heroPlayer .now span[data-broadcast] { font-size: 0.9rem !important; } }
.heroPlayer .now strong{font-size:1.46rem !important;line-height:1.16 !important;margin:8px 0 7px !important;letter-spacing:0.01em !important;}
.heroPlayer .now span[data-broadcast]{display:block !important;font-size:1.02rem !important;line-height:1.32 !important;color:rgba(247,251,255,0.8) !important;}
.heroPlayer .vm-info-label, .liveStatus .vm-info-label{display:inline-block !important;margin-right:7px !important;font-size:0.68em !important;line-height:1 !important;letter-spacing:0.12em !important;text-transform:uppercase !important;color:#7dffd9 !important;text-shadow:0 0 14px rgba(52,245,197,0.36) !important;vertical-align:middle !important;}
@media (min-width: 641px) { .heroPlayer .controls { gap: 42px !important; } }
@media (max-width: 640px) { .heroPlayer .now strong { font-size: 1.25rem !important; } .heroPlayer .now span[data-broadcast] { font-size: 0.92rem !important; } }
.section .grid > .feature{height:100%;min-height:225px;}
.section .grid:has(> .feature){align-items:stretch;}
.liveStatusClean{gap:16px !important;}
.liveStatusClean .liveTop{align-items:center !important;}
.airNote{border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.055);border-radius:22px;padding:15px 16px;color:rgba(247,251,255,0.74);line-height:1.55;font-size:0.95rem;}
@media (max-width: 640px) { .airNote { font-size: 0.9rem; padding: 13px 14px; } }
.facebookSideCard{padding:10px 10px 16px 10px !important;min-height:560px;overflow:hidden;}
.facebookSideCard .fbFrameSide{display:block;width:100%;height:540px;min-height:540px;border:0;border-radius:22px;background:#fff;}
@media (max-width: 1050px) { .facebookSideCard { min-height: 520px; } .facebookSideCard .fbFrameSide { height: 500px; min-height: 500px; } }
@media (max-width: 640px) { .facebookSideCard { padding: 8px !important; min-height: 460px; } .facebookSideCard .fbFrameSide { height: 444px; min-height: 444px; border-radius: 18px; } }
.embedBox:has(iframe[data-embed="scheduleToday"]){position:relative !important;padding:10px !important;border-radius:28px !important;border:1px solid rgba(255,255,255,0.16) !important;background:radial-gradient(circle at 15% 0%,rgba(47,140,255,0.24),transparent 45%),radial-gradient(circle at 90% 100%,rgba(255,63,180,0.18),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.045)) !important;box-shadow:0 26px 80px rgba(0,0,0,0.38),0 0 0 1px rgba(255,255,255,0.055) inset !important;overflow:hidden !important;}
.embedBox:has(iframe[data-embed="scheduleToday"])::before{content:"";position:absolute;inset:10px;border-radius:22px;pointer-events:none;z-index:2;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.12),inset 0 -28px 60px rgba(5,8,22,0.2);}
.embedBox:has(iframe[data-embed="scheduleToday"])::after{content:"";position:absolute;inset:10px;border-radius:22px;pointer-events:none;z-index:2;background:linear-gradient(135deg,rgba(47,140,255,0.08),rgba(255,63,180,0.055)),linear-gradient(180deg,rgba(5,8,22,0),rgba(5,8,22,0.075));mix-blend-mode:soft-light;}
.embedBox iframe[data-embed="scheduleToday"]{position:relative !important;z-index:1 !important;width:106.5% !important;height:106.5% !important;transform:scale(0.94) !important;transform-origin:top left !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1050px) { .embedBox iframe[data-embed="scheduleToday"] { width: 108.7% !important; height: 108.7% !important; transform: scale(0.92) !important; } }
.embedBox:has(iframe[data-embed="scheduleToday"]){padding:10px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 18% 0%,rgba(47,140,255,0.22),transparent 44%),radial-gradient(circle at 88% 100%,rgba(255,63,180,0.16),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.045)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 26px 80px rgba(0,0,0,0.38),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.embedBox iframe[data-embed="scheduleToday"]{display:block !important;position:relative !important;z-index:1 !important;width:100% !important;height:100% !important;max-width:100% !important;min-width:0 !important;transform:none !important;transform-origin:center center !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
.eventsCard{min-height:430px;overflow:hidden;position:relative;}
.eventsHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px;}
.eventsHead h2{margin-bottom:8px;}
.eventsHead p{margin:0;color:var(--muted);line-height:1.5;}
.eventsList{display:grid;gap:12px;max-height:345px;overflow:auto;padding-right:4px;scrollbar-width:thin;}
.eventItem{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:14px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,0.095),rgba(255,255,255,0.045));box-shadow:0 16px 35px rgba(0,0,0,0.18);}
.eventIcon{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,122,24,0.75),rgba(47,140,255,0.45));font-size:1.35rem;box-shadow:0 12px 30px rgba(255,122,24,0.16);}
.eventBody{min-width:0;}
.eventDate{display:inline-flex;align-items:center;max-width:100%;font-size:0.82rem;font-weight:900;letter-spacing:0.08em;text-transform:uppercase;color:var(--d);margin-bottom:5px;}
.eventTitle{font-weight:900;font-size:1.06rem;margin:0 0 5px;line-height:1.2;}
.eventText{color:var(--muted);font-size:0.93rem;line-height:1.45;margin:0;}
.eventEmpty{border:1px dashed rgba(255,255,255,0.18);border-radius:20px;padding:18px;color:var(--muted);line-height:1.55;background:rgba(255,255,255,0.04);}
.eventsForm{display:grid;gap:13px;margin-top:12px;}
.eventsForm label{display:grid;gap:7px;color:var(--muted);font-weight:800;}
.eventsForm input, .eventsForm textarea, .eventsForm select{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.075);color:#fff;padding:12px 13px;outline:0;font:inherit;}
.eventsForm textarea{min-height:125px;resize:vertical;line-height:1.45;}
.eventsForm option{background:#10162b;color:#fff;}
.formMsg{min-height:22px;color:var(--muted);font-weight:800;}
.formMsg.ok{color:var(--d);}
.formMsg.err{color:#ff8f8f;}
.eventsAdminList{max-height:620px;}
.eventsAdminList .eventItem{grid-template-columns:48px 1fr auto;align-items:center;}
.eventDelete{border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.07);color:#fff;border-radius:14px;padding:9px 11px;cursor:pointer;font-weight:900;}
.eventDelete:hover{background:rgba(255,80,80,0.22);border-color:rgba(255,120,120,0.36);}
@media (max-width: 640px) { .eventsHead { flex-direction: column; } .eventsAdminList .eventItem { grid-template-columns: 42px 1fr; } .eventDelete { grid-column: 1 / -1; } .eventIcon { width: 42px; height: 42px; } .eventsList { max-height: none; } }
.embedBox iframe[data-embed="scheduleToday"]{display:block !important;position:relative !important;z-index:1 !important;width:112% !important;height:112% !important;max-width:none !important;min-width:112% !important;transform:scale(0.892857) !important;transform-origin:top left !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1050px) { .embedBox iframe[data-embed="scheduleToday"] { width: 116% !important; height: 116% !important; min-width: 116% !important; transform: scale(0.862069) !important; } }
.embedBox iframe[data-embed="scheduleToday"]{display:block !important;position:relative !important;z-index:1 !important;width:118% !important;height:118% !important;max-width:none !important;min-width:118% !important;margin-left:-9% !important;transform:scale(0.847458) !important;transform-origin:top center !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1050px) { .embedBox iframe[data-embed="scheduleToday"] { width: 124% !important; height: 124% !important; min-width: 124% !important; margin-left: -12% !important; transform: scale(0.806452) !important; transform-origin: top center !important; } }
.embedBox iframe[data-embed="scheduleToday"]{display:block !important;position:relative !important;z-index:1 !important;width:100% !important;height:100% !important;max-width:100% !important;min-width:0 !important;margin-left:0 !important;transform:none !important;transform-origin:center center !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
.embedBox:has(iframe[data-embed="scheduleToday"]){padding:10px !important;border-radius:28px !important;overflow:hidden !important;}
.embedBox:has(iframe[data-embed="scheduleToday"])::before, .embedBox:has(iframe[data-embed="scheduleToday"])::after{display:none !important;content:none !important;}
.embedBox iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;transform:none !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
.heroPlayer .liveTop{display:grid !important;grid-template-columns:minmax(0,1fr) 132px !important;align-items:center !important;gap:22px !important;min-height:128px !important;}
.heroPlayer .now{min-width:0 !important;text-align:center !important;align-self:center !important;padding-left:18px !important;padding-right:4px !important;}
.heroPlayer .now b{display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:0 auto 8px !important;font-size:0.82rem !important;letter-spacing:0.13em !important;}
.heroPlayer .now strong{display:block !important;text-align:center !important;font-size:clamp(1.32rem,2vw,1.72rem) !important;line-height:1.16 !important;margin:0 0 8px !important;text-shadow:0 0 22px rgba(255,255,255,0.1),0 0 24px rgba(52,245,197,0.1) !important;}
.heroPlayer .now span{display:block !important;text-align:center !important;font-size:clamp(0.98rem,1.25vw,1.12rem) !important;line-height:1.35 !important;color:rgba(247,251,255,0.78) !important;}
.heroPlayer .avatar{width:132px !important;height:132px !important;border-radius:30px !important;justify-self:end !important;box-shadow:0 20px 48px rgba(0,0,0,0.28),0 0 0 1px rgba(255,255,255,0.18) inset,0 0 34px rgba(47,140,255,0.16) !important;}
@media (max-width: 1050px) { .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 112px !important; min-height: 112px !important; gap: 16px !important; } .heroPlayer .avatar { width: 112px !important; height: 112px !important; border-radius: 26px !important; } .heroPlayer .now { padding-left: 8px !important; } }
@media (max-width: 640px) { .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 84px !important; min-height: 88px !important; gap: 12px !important; } .heroPlayer .avatar { width: 84px !important; height: 84px !important; border-radius: 22px !important; } .heroPlayer .now strong { font-size: 1.08rem !important; } .heroPlayer .now span { font-size: 0.88rem !important; } }
.heroPlayer .liveTop{grid-template-columns:minmax(0,1fr) 124px !important;min-height:104px !important;align-items:center !important;gap:20px !important;margin-bottom:2px !important;}
.heroPlayer .now{position:relative !important;text-align:center !important;align-self:center !important;padding-left:20px !important;padding-right:8px !important;transform:translateY(-8px) !important;overflow:visible !important;}
.heroPlayer .now b{display:none !important;}
.heroPlayer .now strong{display:block !important;text-align:center !important;font-size:clamp(1.38rem,2.05vw,1.78rem) !important;line-height:1.12 !important;margin:0 0 8px !important;text-shadow:0 0 20px rgba(255,255,255,0.12),0 0 26px rgba(52,245,197,0.1) !important;}
.heroPlayer .now span{display:block !important;text-align:center !important;font-size:clamp(0.98rem,1.18vw,1.08rem) !important;line-height:1.28 !important;color:rgba(247,251,255,0.8) !important;}
.heroPlayer .now:before, .heroPlayer .now:after{position:absolute !important;pointer-events:none !important;z-index:0 !important;font-weight:900 !important;line-height:1 !important;opacity:0.42 !important;filter:drop-shadow(0 0 10px rgba(52,245,197,0.3));animation:vmMusicNoteFloat 4.8s ease-in-out infinite alternate !important;}
.heroPlayer .now:before{content:"♪" !important;left:4% !important;top:8px !important;font-size:1.5rem !important;color:#34f5c5 !important;}
.heroPlayer .now:after{content:"♫" !important;right:4% !important;bottom:8px !important;font-size:1.65rem !important;color:#ff7a18 !important;animation-delay:-1.7s !important;}
@keyframes vmMusicNoteFloat { 0% { transform: translate3d(0, 5px, 0) rotate(-5deg) scale(0.96); opacity: 0.28; } 50% { transform: translate3d(4px, -5px, 0) rotate(4deg) scale(1.04); opacity: 0.58; } 100% { transform: translate3d(-3px, -10px, 0) rotate(-2deg) scale(1); opacity: 0.38; } }
.heroPlayer .avatar{width:124px !important;height:124px !important;border-radius:28px !important;justify-self:end !important;}
@media (max-width: 1050px) { .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 108px !important; min-height: 96px !important; gap: 15px !important; } .heroPlayer .now { transform: translateY(-6px) !important; padding-left: 8px !important; } .heroPlayer .avatar { width: 108px !important; height: 108px !important; border-radius: 25px !important; } }
@media (max-width: 640px) { .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 82px !important; min-height: 82px !important; gap: 10px !important; } .heroPlayer .now { transform: translateY(-4px) !important; } .heroPlayer .avatar { width: 82px !important; height: 82px !important; border-radius: 21px !important; } .heroPlayer .now strong { font-size: 1.04rem !important; } .heroPlayer .now span { font-size: 0.84rem !important; } .heroPlayer .now:before, .heroPlayer .now:after { display: none !important; } }
.heroPlayer{padding-bottom:14px !important;}
.heroPlayer .chips{margin-top:10px !important;}
.heroPlayer .liveTop{position:relative !important;}
.heroPlayer .liveTop:before, .heroPlayer .liveTop:after{position:absolute !important;pointer-events:none !important;z-index:0 !important;font-weight:900 !important;line-height:1 !important;opacity:0.34 !important;filter:drop-shadow(0 0 10px rgba(47,140,255,0.28));animation:vmMusicNoteFloat2 5.4s ease-in-out infinite alternate !important;}
.heroPlayer .liveTop:before{content:"♬" !important;left:18% !important;bottom:8px !important;font-size:1.34rem !important;color:#2f8cff !important;animation-delay:-2.2s !important;}
.heroPlayer .liveTop:after{content:"♩" !important;right:26% !important;top:10px !important;font-size:1.22rem !important;color:#ff3fb4 !important;animation-delay:-3.1s !important;}
@keyframes vmMusicNoteFloat2 { 0% { transform: translate3d(-2px, 6px, 0) rotate(4deg) scale(0.94); opacity: 0.22; } 45% { transform: translate3d(3px, -4px, 0) rotate(-6deg) scale(1.04); opacity: 0.48; } 100% { transform: translate3d(6px, -9px, 0) rotate(3deg) scale(1); opacity: 0.32; } }
@media (max-width: 640px) { .heroPlayer .liveTop:before, .heroPlayer .liveTop:after { display: none !important; } }
.hero-player, .vm-player, .player-card, .live-player, .hero .player-card, .hero .vm-player{transform:translateY(-10px);}
.vm-schedule-embed iframe, .schedule-embed iframe, .ramowka-embed iframe, .vm-schedule iframe, .home-schedule iframe, iframe[src*="ramowka"], iframe[src*="schedule"]{display:block !important;margin-top:0 !important;top:0 !important;transform-origin:top center !important;}
.vm-schedule-embed, .schedule-embed, .ramowka-embed, .vm-schedule, .home-schedule, .schedule-preview, .ramowka-preview{align-items:flex-start !important;justify-content:flex-start !important;place-items:start center !important;padding-top:0 !important;}
@media (max-width: 820px) { .vm-schedule-embed, .schedule-embed, .ramowka-embed, .vm-schedule, .home-schedule, .schedule-preview, .ramowka-preview { display: block !important; align-items: flex-start !important; justify-content: flex-start !important; padding-top: 0 !important; } .vm-schedule-embed iframe, .schedule-embed iframe, .ramowka-embed iframe, .vm-schedule iframe, .home-schedule iframe, iframe[src*="ramowka"], iframe[src*="schedule"] { margin-top: 0 !important; top: 0 !important; transform-origin: top center !important; } }
.vm-schedule-embed iframe, .schedule-embed iframe, .ramowka-embed iframe, .vm-schedule iframe, .home-schedule iframe{font-size:1.045em;}
.vm-schedule-embed table, .schedule-embed table, .ramowka-embed table, .vm-schedule table, .home-schedule table, .schedule-preview table, .ramowka-preview table{font-size:1.045em;}
.vm-schedule-embed th, .vm-schedule-embed td, .schedule-embed th, .schedule-embed td, .ramowka-embed th, .ramowka-embed td, .vm-schedule th, .vm-schedule td, .home-schedule th, .home-schedule td, .schedule-preview th, .schedule-preview td, .ramowka-preview th, .ramowka-preview td{line-height:1.18 !important;}
@media (max-width: 640px) { .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(238px, 67vw, 305px) !important; min-height: 0 !important; padding: 8px !important; border-radius: 22px !important; overflow: hidden !important; } .embedBox:has(iframe[data-embed="scheduleToday"]) iframe[data-embed="scheduleToday"] { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; transform: none !important; transform-origin: top center !important; border-radius: 18px !important; } }
@media (min-width: 641px) { .embedBox:has(iframe[data-embed="scheduleToday"]) { padding: 10px !important; } }
.schedulePage .subHero{padding-top:28px !important;padding-bottom:0px !important;}
.schedulePage .subHero h1{font-size:clamp(1.9rem,3.8vw,3.65rem) !important;line-height:1 !important;letter-spacing:-0.055em !important;margin:0 0 8px !important;}
.schedulePage .subHero .lead{font-size:1.02rem !important;line-height:1.45 !important;}
.schedulePage .grid{grid-template-columns:repeat(12,1fr) !important;gap:18px !important;align-items:start !important;}
.schedulePage .scheduleTodayBlock{grid-column:span 5 !important;}
.schedulePage .scheduleWeekBlock{grid-column:span 7 !important;}
.schedulePage .scheduleTodayBlock .embedBox{height:560px !important;padding:10px !important;overflow:hidden !important;}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;margin:0 auto !important;transform:none !important;border-radius:22px !important;}
.schedulePage .scheduleWeekBlock .embedBox.tall{height:560px !important;padding:10px !important;overflow:auto !important;-webkit-overflow-scrolling:touch !important;}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{display:block !important;width:1180px !important;min-width:1180px !important;max-width:none !important;height:540px !important;margin:0 !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1180px) and (min-width: 821px) { .schedulePage .scheduleTodayBlock { grid-column: span 5 !important; } .schedulePage .scheduleWeekBlock { grid-column: span 7 !important; } .schedulePage .scheduleTodayBlock .embedBox, .schedulePage .scheduleWeekBlock .embedBox.tall { height: 520px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 1120px !important; min-width: 1120px !important; height: 500px !important; } }
@media (max-width: 820px) { .schedulePage .scheduleTodayBlock, .schedulePage .scheduleWeekBlock { grid-column: span 12 !important; } .schedulePage .subHero h1 { font-size: clamp(2rem, 10vw, 3rem) !important; } .schedulePage .scheduleTodayBlock .embedBox { height: 320px !important; padding: 8px !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 520px !important; padding: 8px !important; overflow: auto !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 1080px !important; min-width: 1080px !important; height: 500px !important; } }
.schedulePage .subHero{padding-top:24px !important;padding-bottom:0 !important;}
.schedulePage .subHero .card{padding-top:20px !important;padding-bottom:20px !important;}
.schedulePage .subHero h1{font-size:clamp(1.55rem,2.85vw,2.75rem) !important;line-height:1.04 !important;letter-spacing:-0.045em !important;margin:11px 0 9px !important;}
.schedulePage .subHero .lead{font-size:0.98rem !important;line-height:1.42 !important;margin-top:0 !important;margin-bottom:0 !important;}
.schedulePage .section{padding-top:26px !important;padding-bottom:22px !important;}
.schedulePage .grid{grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:20px !important;align-items:start !important;}
.schedulePage .scheduleTodayBlock{grid-column:span 4 !important;min-width:0 !important;}
.schedulePage .scheduleWeekBlock{grid-column:span 8 !important;min-width:0 !important;}
.schedulePage .scheduleTodayBlock .head, .schedulePage .scheduleWeekBlock .head{margin-bottom:12px !important;}
.schedulePage .scheduleTodayBlock .head h2, .schedulePage .scheduleWeekBlock .head h2{font-size:clamp(1.34rem,2.1vw,2.02rem) !important;line-height:1.06 !important;margin-bottom:5px !important;}
.schedulePage .scheduleTodayBlock .head p, .schedulePage .scheduleWeekBlock .head p{font-size:0.94rem !important;line-height:1.38 !important;}
.schedulePage .scheduleTodayBlock .embedBox{height:505px !important;min-height:0 !important;padding:10px !important;overflow:hidden !important;border-radius:28px !important;}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;height:100% !important;margin:0 !important;transform:none !important;transform-origin:top center !important;border-radius:22px !important;}
.schedulePage .scheduleWeekBlock .embedBox.tall{height:505px !important;min-height:0 !important;padding:10px !important;overflow:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;border-radius:28px !important;scrollbar-width:thin !important;}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{display:block !important;width:1560px !important;min-width:1560px !important;max-width:none !important;height:485px !important;min-height:485px !important;margin:0 !important;transform:none !important;transform-origin:top left !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1180px) and (min-width: 901px) { .schedulePage .grid { gap: 18px !important; } .schedulePage .scheduleTodayBlock { grid-column: span 4 !important; } .schedulePage .scheduleWeekBlock { grid-column: span 8 !important; } .schedulePage .scheduleTodayBlock .embedBox, .schedulePage .scheduleWeekBlock .embedBox.tall { height: 485px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 1480px !important; min-width: 1480px !important; height: 465px !important; min-height: 465px !important; } }
@media (max-width: 900px) { .schedulePage .scheduleTodayBlock, .schedulePage .scheduleWeekBlock { grid-column: span 12 !important; } .schedulePage .subHero h1 { font-size: clamp(1.9rem, 8.6vw, 2.8rem) !important; } .schedulePage .scheduleTodayBlock .embedBox { height: 330px !important; padding: 8px !important; border-radius: 22px !important; } .schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"] { border-radius: 18px !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 505px !important; padding: 8px !important; overflow: auto !important; overflow-y: hidden !important; border-radius: 22px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 1320px !important; min-width: 1320px !important; height: 487px !important; min-height: 487px !important; border-radius: 18px !important; } }
@media (max-width: 520px) { .schedulePage .section { padding-top: 22px !important; } .schedulePage .scheduleTodayBlock .embedBox { height: clamp(258px, 68vw, 326px) !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 492px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 1260px !important; min-width: 1260px !important; height: 474px !important; min-height: 474px !important; } }
.schedulePage .subHero{padding-top:18px !important;padding-bottom:0 !important;}
.schedulePage .subHero .card{padding-top:16px !important;padding-bottom:16px !important;}
.schedulePage .subHero h1{font-size:clamp(1.42rem,2.25vw,2.18rem) !important;line-height:1.06 !important;letter-spacing:-0.04em !important;margin:8px 0 7px !important;}
.schedulePage .subHero .lead{font-size:0.95rem !important;line-height:1.38 !important;}
.schedulePage .section{padding-top:18px !important;padding-bottom:18px !important;}
.schedulePage.page, .schedulePage .page{width:min(1500px,calc(100% - 34px)) !important;}
.schedulePage .grid{grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:22px !important;align-items:start !important;}
.schedulePage .scheduleTodayBlock{grid-column:span 5 !important;min-width:0 !important;}
.schedulePage .scheduleWeekBlock{grid-column:span 7 !important;min-width:0 !important;}
.schedulePage .scheduleTodayBlock .head, .schedulePage .scheduleWeekBlock .head{margin-bottom:11px !important;}
.schedulePage .scheduleTodayBlock .head h2, .schedulePage .scheduleWeekBlock .head h2{font-size:clamp(1.42rem,2vw,2rem) !important;line-height:1.05 !important;margin-bottom:5px !important;}
.schedulePage .scheduleTodayBlock .head p, .schedulePage .scheduleWeekBlock .head p{font-size:0.94rem !important;}
.schedulePage .scheduleTodayBlock .embedBox{height:368px !important;min-height:0 !important;padding:10px !important;overflow:hidden !important;border-radius:28px !important;}
.schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;min-width:0 !important;max-width:100% !important;height:100% !important;margin:0 !important;transform:none !important;transform-origin:top center !important;border:0 !important;border-radius:22px !important;}
.schedulePage .scheduleWeekBlock .embedBox.tall{height:590px !important;min-height:0 !important;padding:10px !important;overflow:auto !important;overflow-y:hidden !important;-webkit-overflow-scrolling:touch !important;border-radius:28px !important;scrollbar-width:thin !important;}
.schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{display:block !important;width:2800px !important;min-width:2800px !important;max-width:none !important;height:570px !important;min-height:570px !important;margin:0 !important;transform:none !important;transform-origin:top left !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
@media (max-width: 1320px) and (min-width: 901px) { .schedulePage .page { width: min(1420px, calc(100% - 28px)) !important; } .schedulePage .grid { gap: 20px !important; } .schedulePage .scheduleTodayBlock { grid-column: span 5 !important; } .schedulePage .scheduleWeekBlock { grid-column: span 7 !important; } .schedulePage .scheduleTodayBlock .embedBox { height: 350px !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 575px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 2700px !important; min-width: 2700px !important; height: 555px !important; min-height: 555px !important; } }
@media (max-width: 900px) { .schedulePage .scheduleTodayBlock, .schedulePage .scheduleWeekBlock { grid-column: span 12 !important; } .schedulePage .subHero h1 { font-size: clamp(1.72rem, 8vw, 2.55rem) !important; } .schedulePage .scheduleTodayBlock .embedBox { height: clamp(258px, 60vw, 360px) !important; padding: 8px !important; border-radius: 22px !important; } .schedulePage .scheduleTodayBlock iframe[data-embed="scheduleToday"] { border-radius: 18px !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 545px !important; padding: 8px !important; overflow: auto !important; overflow-y: hidden !important; border-radius: 22px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 2300px !important; min-width: 2300px !important; height: 527px !important; min-height: 527px !important; border-radius: 18px !important; } }
@media (max-width: 520px) { .schedulePage .section { padding-top: 16px !important; } .schedulePage .scheduleTodayBlock .embedBox { height: clamp(238px, 68vw, 326px) !important; } .schedulePage .scheduleWeekBlock .embedBox.tall { height: 525px !important; } .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 2100px !important; min-width: 2100px !important; height: 507px !important; min-height: 507px !important; } }
.scheduleBody .schedulePage .page{width:min(1560px,calc(100% - 28px)) !important;}
.scheduleBody .schedulePage .subHero{padding:30px 0 8px !important;}
.scheduleBody .schedulePage .subHero .card{padding:22px 26px !important;border-radius:30px !important;background:radial-gradient(circle at 8% 15%,rgba(255,122,24,0.18),transparent 32%),radial-gradient(circle at 92% 10%,rgba(47,140,255,0.18),transparent 34%),linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.055)) !important;}
.scheduleBody .schedulePage .subHero h1{font-size:clamp(1.95rem,3.8vw,3.35rem) !important;line-height:1.02 !important;margin:12px 0 10px !important;letter-spacing:-0.045em !important;}
.scheduleBody .schedulePage .subHero .lead{max-width:760px !important;font-size:1.02rem !important;line-height:1.55 !important;margin:0 !important;}
.scheduleBody .schedulePage .section{padding-top:20px !important;}
.scheduleBody .schedulePage .grid{display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important;gap:18px !important;}
.scheduleBody .schedulePage .scheduleTodayBlock{display:none !important;}
.scheduleBody .schedulePage .scheduleWeekBlock{grid-column:1 / -1 !important;min-width:0 !important;}
.scheduleBody .schedulePage .scheduleWeekBlock .head{align-items:center !important;margin-bottom:14px !important;padding:0 2px !important;}
.scheduleBody .schedulePage .scheduleWeekBlock .head h2{font-size:clamp(1.65rem,3vw,2.65rem) !important;line-height:1.04 !important;margin:0 0 6px !important;letter-spacing:-0.04em !important;}
.scheduleBody .schedulePage .scheduleWeekBlock .head p{max-width:880px !important;font-size:0.98rem !important;line-height:1.48 !important;color:rgba(247,251,255,0.74) !important;}
.scheduleBody .schedulePage .scheduleTodayBtn{white-space:nowrap !important;}
.scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{height:640px !important;min-height:640px !important;width:100% !important;padding:12px !important;overflow:auto !important;overflow-y:hidden !important;border-radius:32px !important;border:1px solid rgba(255,255,255,0.18) !important;background:linear-gradient( 135deg,rgba(255,122,24,0.18),rgba(47,140,255,0.12) 44%,rgba(255,63,180,0.1) ),rgba(0,0,0,0.18) !important;box-shadow:0 34px 110px rgba(0,0,0,0.48) !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;}
.scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{display:block !important;width:3600px !important;min-width:3600px !important;max-width:none !important;height:616px !important;min-height:616px !important;margin:0 !important;border:0 !important;border-radius:24px !important;background:transparent !important;transform:none !important;transform-origin:top left !important;}
.scheduleBody .modal{padding:20px !important;}
.scheduleBody .modalCard{width:min(1180px,calc(100vw - 34px)) !important;height:min(760px,calc(100vh - 34px)) !important;border-radius:30px !important;background:radial-gradient(circle at 10% 0%,rgba(255,122,24,0.18),transparent 36%),radial-gradient(circle at 90% 0%,rgba(47,140,255,0.18),transparent 36%),#080d1f !important;}
.scheduleBody .modalHead{height:66px !important;}
.scheduleBody #vmModalFrame{width:100% !important;height:calc(100% - 66px) !important;background:transparent !important;}
@media (max-width: 1100px) { .scheduleBody .schedulePage .page { width: min(100%, calc(100% - 18px)) !important; } .scheduleBody .schedulePage .subHero .card { grid-template-columns: 1fr !important; } .scheduleBody .schedulePage .subHero .actions { justify-content: flex-start !important; } .scheduleBody .schedulePage .scheduleWeekBlock .head { align-items: flex-start !important; flex-direction: column !important; } .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall { height: 610px !important; min-height: 610px !important; } .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 3300px !important; min-width: 3300px !important; height: 586px !important; min-height: 586px !important; } }
@media (max-width: 720px) { .scheduleBody .schedulePage .subHero { padding-top: 20px !important; } .scheduleBody .schedulePage .subHero .card { padding: 18px !important; } .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall { height: 570px !important; min-height: 570px !important; padding: 8px !important; border-radius: 24px !important; } .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 3000px !important; min-width: 3000px !important; height: 552px !important; min-height: 552px !important; border-radius: 18px !important; } .scheduleBody .modal { padding: 10px !important; } .scheduleBody .modalCard { width: calc(100vw - 20px) !important; height: calc(100vh - 20px) !important; border-radius: 22px !important; } }
.scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall{height:535px !important;min-height:535px !important;padding:12px !important;overflow:auto !important;overflow-y:hidden !important;}
.scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"]{width:3335px !important;min-width:3335px !important;height:470px !important;min-height:470px !important;transform:scale(1.08) !important;transform-origin:top left !important;}
@media (max-width: 1100px) { .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall { height: 515px !important; min-height: 515px !important; } .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 3055px !important; min-width: 3055px !important; height: 455px !important; min-height: 455px !important; transform: scale(1.08) !important; } }
@media (max-width: 720px) { .scheduleBody .schedulePage .scheduleWeekBlock .embedBox.tall { height: 500px !important; min-height: 500px !important; padding: 8px !important; } .scheduleBody .schedulePage .scheduleWeekBlock iframe[data-embed="scheduleWeek"] { width: 2830px !important; min-width: 2830px !important; height: 445px !important; min-height: 445px !important; transform: scale(1.06) !important; } }
.listenBody .subHero{padding:24px 0 6px !important;}
.listenBody .subHero .card{width:min(1080px,100%) !important;margin:0 auto !important;padding:20px 24px !important;border-radius:24px !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;}
.listenBody .subHero h1{font-size:clamp(1.72rem,3.2vw,2.65rem) !important;line-height:1.04 !important;margin:10px 0 10px !important;letter-spacing:-0.045em !important;}
.listenBody .subHero .lead{font-size:0.98rem !important;line-height:1.5 !important;max-width:780px !important;margin:0 !important;}
.listenBody .subHero .kicker{padding:7px 11px !important;font-size:0.88rem !important;}
.listenBody .listenLayout{padding-top:22px !important;}
.listenBody .listenLayout > div > .player.card{padding:24px 26px 18px !important;border-radius:28px !important;}
.listenBody .player .liveTop{position:relative !important;min-height:134px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0 !important;}
.listenBody .player .now{width:100% !important;text-align:center !important;padding:0 158px !important;}
.listenBody .player .now b{display:inline-block !important;font-size:0.82rem !important;letter-spacing:0.13em !important;}
.listenBody .player .now strong{font-size:clamp(1.28rem,2.05vw,1.72rem) !important;line-height:1.18 !important;margin:8px auto 6px !important;max-width:720px !important;}
.listenBody .player .now span{display:block !important;font-size:1rem !important;}
.listenBody .player .avatar{position:absolute !important;right:0 !important;top:50% !important;transform:translateY(-50%) !important;width:132px !important;height:132px !important;border-radius:30px !important;}
.listenBody .player .meter{width:min(86%,760px) !important;height:74px !important;margin:22px auto 20px !important;gap:7px !important;justify-content:center !important;}
.listenBody .player .controls{width:min(92%,820px) !important;margin:0 auto !important;justify-content:center !important;}
.listenBody .player .play{width:58px !important;height:58px !important;}
.listenBody .player .chips{justify-content:center !important;margin-top:16px !important;}
@media (max-width: 900px) { .listenBody .subHero .card { grid-template-columns: 1fr !important; padding: 18px !important; } .listenBody .subHero h1 { font-size: clamp(1.55rem, 7vw, 2.2rem) !important; } .listenBody .player .liveTop { min-height: auto !important; flex-direction: column-reverse !important; gap: 14px !important; } .listenBody .player .now { padding: 0 !important; } .listenBody .player .avatar { position: relative !important; right: auto !important; top: auto !important; transform: none !important; width: 112px !important; height: 112px !important; } .listenBody .player .meter, .listenBody .player .controls { width: 100% !important; } }
@media (max-width: 640px) { .listenBody .subHero { padding-top: 18px !important; } .listenBody .subHero .lead { font-size: 0.92rem !important; } .listenBody .listenLayout { padding-top: 16px !important; } .listenBody .listenLayout > div > .player.card { padding: 18px !important; } .listenBody .player .avatar { width: 96px !important; height: 96px !important; border-radius: 24px !important; } .listenBody .player .meter { height: 62px !important; margin: 18px auto !important; } }
.listenBody main > .page{width:min(1360px,calc(100% - 44px)) !important;}
.listenBody .subHero{padding:18px 0 4px !important;}
.listenBody .subHero .card{width:100% !important;max-width:none !important;margin:0 !important;padding:15px 22px !important;border-radius:22px !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;min-height:106px !important;}
.listenBody .subHero .kicker{display:none !important;}
.listenBody .subHero h1{font-size:clamp(1.75rem,2.55vw,2.35rem) !important;line-height:1.02 !important;margin:0 0 8px !important;letter-spacing:-0.045em !important;}
.listenBody .subHero .lead{font-size:0.95rem !important;line-height:1.45 !important;max-width:880px !important;margin:0 !important;}
.listenBody .subHero .actions .btn{padding:10px 16px !important;font-size:0.92rem !important;}
.listenBody .listenLayout{grid-template-columns:minmax(0,1fr) 350px !important;gap:16px !important;padding-top:18px !important;}
.listenBody .listenLayout > div > .player.card{padding:20px 24px 16px !important;border-radius:26px !important;min-height:360px !important;}
.listenBody .player .liveTop{min-height:118px !important;}
.listenBody .player .now{padding:0 145px !important;}
.listenBody .player .now b{font-size:0.76rem !important;letter-spacing:0.13em !important;margin-bottom:4px !important;}
.listenBody .player .now strong{font-size:clamp(1.18rem,1.75vw,1.48rem) !important;line-height:1.15 !important;margin:5px auto 5px !important;max-width:620px !important;}
.listenBody .player .now span{font-size:0.93rem !important;line-height:1.35 !important;}
.listenBody .player .avatar{width:124px !important;height:124px !important;border-radius:28px !important;}
.listenBody .player .meter{width:min(78%,650px) !important;height:58px !important;margin:18px auto 16px !important;gap:6px !important;}
.listenBody .player .controls{width:min(88%,760px) !important;gap:14px !important;}
.listenBody .player .play{width:52px !important;height:52px !important;font-size:1.05rem !important;}
.listenBody .player .chips{margin-top:14px !important;}
.listenBody .player .chip{padding:7px 10px !important;font-size:0.82rem !important;}
.listenBody .listenSide{gap:16px !important;}
.listenBody .listenSide .card{padding:18px !important;border-radius:24px !important;}
.listenBody .listenSide h2{font-size:clamp(1.35rem,2.1vw,1.85rem) !important;line-height:1.05 !important;margin-bottom:10px !important;}
.listenBody .listenSide p{font-size:0.93rem !important;line-height:1.48 !important;margin:10px 0 !important;}
.listenBody .listenSide .btn{padding:10px 15px !important;font-size:0.9rem !important;}
.listenBody .listenLayout .grid{gap:16px !important;margin-top:16px !important;}
.listenBody .listenLayout .feature{min-height:185px !important;padding:18px !important;border-radius:24px !important;}
.listenBody .listenLayout .feature .ico{width:44px !important;height:44px !important;border-radius:15px !important;margin-bottom:14px !important;font-size:1.2rem !important;}
.listenBody .listenLayout .feature h3{font-size:1.05rem !important;}
.listenBody .listenLayout .feature p{font-size:0.92rem !important;line-height:1.45 !important;}
@media (max-width: 1050px) { .listenBody main > .page { width: min(100% - 28px, 1240px) !important; } .listenBody .listenLayout { grid-template-columns: 1fr !important; } .listenBody .listenSide { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 900px) { .listenBody .subHero .card { grid-template-columns: 1fr !important; padding: 16px !important; min-height: 0 !important; } .listenBody .player .liveTop { min-height: auto !important; } .listenBody .player .now { padding: 0 !important; } .listenBody .player .avatar { width: 108px !important; height: 108px !important; } .listenBody .listenSide { grid-template-columns: 1fr !important; } }
@media (max-width: 640px) { .listenBody main > .page { width: min(100% - 22px, 1240px) !important; } .listenBody .subHero { padding-top: 14px !important; } .listenBody .subHero h1 { font-size: clamp(1.45rem, 7vw, 1.95rem) !important; } .listenBody .subHero .lead { font-size: 0.9rem !important; } .listenBody .listenLayout > div > .player.card { padding: 16px !important; min-height: 0 !important; } .listenBody .player .meter { width: 100% !important; height: 52px !important; margin: 16px auto !important; } .listenBody .player .controls { width: 100% !important; } }
.listenBody .listenGreetingsOnline{margin-top:12px !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;align-items:center !important;gap:12px !important;width:min(100%,920px) !important;padding:3px 6px !important;border:1px solid rgba(255,255,255,0.15) !important;border-radius:18px !important;background:linear-gradient(135deg,rgba(255,136,22,0.18),rgba(20,70,130,0.22)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 12px 32px rgba(0,0,0,0.16) !important;overflow:hidden !important;}
.listenBody .listenGreetingsHead{display:flex !important;align-items:center !important;gap:8px !important;min-width:220px !important;color:#fff !important;white-space:nowrap !important;}
.listenBody .listenGreetingsHead span{width:30px !important;height:30px !important;display:grid !important;place-items:center !important;border-radius:12px !important;background:linear-gradient(135deg,#ff8a18,#ffb13b) !important;box-shadow:0 8px 18px rgba(255,136,22,0.24) !important;font-size:0.95rem !important;}
.listenBody .listenGreetingsHead b{font-size:0.92rem !important;letter-spacing:0.02em !important;}
.listenBody .listenGreetingsHead small{color:rgba(255,255,255,0.68) !important;font-size:0.78rem !important;font-weight:700 !important;}
.listenBody .listenGreetingsFrameWrap{min-width:0 !important;height:30px !important;border-radius:10px !important;overflow:hidden !important;background:transparent !important;border:0 !important;}
.listenBody .listenGreetingsFrameWrap iframe{transform:translateY(5px) !important;display:block !important;width:100% !important;height:100% !important;border:0 !important;background:transparent !important;}
@media (max-width: 900px) { .listenBody .listenGreetingsOnline { grid-template-columns: 1fr !important; gap: 8px !important; } .listenBody .listenGreetingsHead { min-width: 0 !important; flex-wrap: wrap !important; } .listenBody .listenGreetingsFrameWrap { height: 54px !important; } }
@media (max-width: 640px) { .listenBody .listenGreetingsOnline { padding: 8px !important; border-radius: 16px !important; } .listenBody .listenGreetingsHead small { display: none !important; } }
.listenBody .subHero .card{display:block !important;padding:15px 22px 16px !important;}
.listenBody .subHero .lead{max-width:980px !important;}
.listenBody .listenHeroTools{margin-top:13px !important;display:grid !important;grid-template-columns:auto minmax(360px,1fr) auto !important;align-items:center !important;gap:12px !important;width:100% !important;}
.listenBody .listenGreetingBtn{white-space:nowrap !important;padding:11px 17px !important;border-radius:999px !important;box-shadow:0 12px 28px rgba(255,136,22,0.22) !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;top:-5px !important;}
.listenBody .listenHeroActions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;margin:0 !important;align-self:center !important;}
.listenBody .listenHeroActions .btn{padding:10px 16px !important;white-space:nowrap !important;}
.listenBody .listenHeroTools .listenGreetingsOnline{margin:0 !important;width:100% !important;max-width:none !important;display:block !important;padding:8px !important;border-radius:18px !important;}
.listenBody .listenHeroTools .listenGreetingsHead{display:none !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{height:48px !important;border-radius:14px !important;}
.listenBody #vmModal .modalCard{border-radius:24px !important;}
@media (max-width: 1050px) { .listenBody .listenHeroTools { grid-template-columns: auto minmax(0, 1fr) !important; } .listenBody .listenHeroActions { grid-column: 1 / -1 !important; justify-content: flex-start !important; } }
@media (max-width: 640px) { .listenBody .listenHeroTools { grid-template-columns: 1fr !important; gap: 9px !important; } .listenBody .listenGreetingBtn, .listenBody .listenHeroActions .btn { width: 100% !important; justify-content: center !important; } .listenBody .listenHeroActions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 9px !important; } .listenBody .listenHeroTools .listenGreetingsFrameWrap { height: 54px !important; } }
.listenBody .listenFeatureGrid{align-items:stretch !important;}
.listenBody .listenFeatureCard{min-height:158px !important;padding:20px 20px 18px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:16px !important;background:linear-gradient( 135deg,rgba(255,255,255,0.105),rgba(255,255,255,0.045) ) !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 16px 36px rgba(0,0,0,0.22) !important;}
.listenBody .listenFeatureCard .ico{width:44px !important;height:44px !important;border-radius:16px !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:10px !important;background:linear-gradient( 135deg,rgba(255,136,22,0.95),rgba(255,177,71,0.72) ) !important;box-shadow:0 12px 28px rgba(255,136,22,0.2) !important;}
.listenBody .listenFeatureCard h3{margin:0 0 7px !important;font-size:22px !important;line-height:1.08 !important;}
.listenBody .listenFeatureCard p{margin:0 !important;font-size:14px !important;line-height:1.45 !important;color:rgba(255,255,255,0.76) !important;}
.listenBody .listenFeatureCard .btn{align-self:flex-start !important;padding:10px 17px !important;}
.listenBody .listenNowCard h2{margin-bottom:12px !important;}
.listenBody .listenNowCard > p{margin:10px 0 0 !important;}
.listenBody .nextShowBox{margin:0 0 8px !important;padding:13px 14px !important;border-radius:18px !important;background:rgba(5,12,28,0.3) !important;border:1px solid rgba(255,255,255,0.12) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08) !important;}
.listenBody .nextShowBox span{display:block !important;margin-bottom:5px !important;font-size:12px !important;font-weight:900 !important;letter-spacing:0.08em !important;text-transform:uppercase !important;color:rgba(255,136,22,0.98) !important;}
.listenBody .nextShowBox strong{display:block !important;font-size:16px !important;line-height:1.24 !important;color:#fff !important;}
.listenBody .nextShowBox small{display:block !important;margin-top:6px !important;font-size:13px !important;color:rgba(255,255,255,0.74) !important;}
.listenBody .nextShowBox em{font-style:normal !important;}
.listenBody #vmModalFrame{background:rgba(4,10,24,0.96) !important;}
@media (max-width: 900px) { .listenBody .listenFeatureCard { min-height: 140px !important; } .listenBody .listenFeatureCard h3 { font-size: 20px !important; } }
@media (max-width: 640px) { .listenBody .listenFeatureCard { padding: 17px !important; min-height: 0 !important; } .listenBody .listenFeatureCard .btn { width: 100% !important; justify-content: center !important; } }
.listenBody main > .page{width:min(1320px,calc(100% - 46px)) !important;}
.listenBody .subHero{padding:14px 0 2px !important;}
.listenBody .subHero .card{padding:13px 22px 14px !important;border-radius:22px !important;}
.listenBody .subHero h1{font-size:clamp(1.65rem,2.2vw,2.08rem) !important;margin:0 0 6px !important;}
.listenBody .subHero .lead{font-size:0.88rem !important;line-height:1.38 !important;}
.listenBody .listenHeroTools{margin-top:11px !important;grid-template-columns:auto minmax(420px,1fr) auto !important;gap:11px !important;}
.listenBody .listenGreetingBtn, .listenBody .listenHeroActions .btn{padding:10px 15px !important;font-size:0.88rem !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{height:42px !important;}
.listenBody .listenLayout{grid-template-columns:minmax(0,1fr) 320px !important;gap:16px !important;padding-top:16px !important;}
.listenBody .listenLayout > div > .player.card{min-height:300px !important;padding:18px 22px 14px !important;border-radius:25px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;}
.listenBody .player .liveTop{min-height:96px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 108px !important;align-items:start !important;gap:18px !important;}
.listenBody .player .now{padding:0 !important;text-align:center !important;align-self:center !important;transform:translateX(54px) !important;}
.listenBody .player .now b{font-size:0.7rem !important;margin-bottom:3px !important;}
.listenBody .player .now strong{font-size:clamp(1.05rem,1.45vw,1.28rem) !important;margin:4px auto !important;max-width:520px !important;}
.listenBody .player .now span{font-size:0.86rem !important;line-height:1.28 !important;}
.listenBody .player .avatar{position:relative !important;right:auto !important;top:auto !important;width:108px !important;height:108px !important;border-radius:25px !important;justify-self:end !important;}
.listenBody .player .meter{width:min(68%,560px) !important;height:40px !important;margin:10px auto 10px !important;gap:6px !important;}
.listenBody .player .meter i{min-height:4px !important;}
.listenBody .player .controls{width:min(78%,690px) !important;gap:13px !important;margin:0 auto !important;}
.listenBody .player .play{width:48px !important;height:48px !important;font-size:1rem !important;}
.listenBody .player .volume{height:5px !important;}
.listenBody .player .chips{margin-top:10px !important;gap:8px !important;}
.listenBody .player .chip{padding:6px 9px !important;font-size:0.76rem !important;}
.listenBody .listenSide{gap:15px !important;}
.listenBody .listenSide .card{padding:16px 17px !important;border-radius:22px !important;}
.listenBody .listenSide h2{font-size:clamp(1.22rem,1.8vw,1.55rem) !important;margin-bottom:8px !important;}
.listenBody .listenSide p{font-size:0.86rem !important;line-height:1.42 !important;margin:8px 0 !important;}
.listenBody .nextShowBox{margin:10px 0 !important;padding:11px 12px !important;border-radius:16px !important;}
.listenBody .nextShowBox span{font-size:11px !important;margin-bottom:4px !important;}
.listenBody .nextShowBox strong{font-size:14px !important;}
.listenBody .nextShowBox small{font-size:12px !important;margin-top:5px !important;}
.listenBody .listenFeatureGrid{margin-top:16px !important;gap:15px !important;}
.listenBody .listenFeatureCard{min-height:134px !important;padding:17px !important;border-radius:22px !important;gap:12px !important;}
.listenBody .listenFeatureCard .ico{width:40px !important;height:40px !important;border-radius:14px !important;margin-bottom:8px !important;font-size:1.04rem !important;}
.listenBody .listenFeatureCard h3{font-size:18px !important;margin-bottom:6px !important;}
.listenBody .listenFeatureCard p{font-size:13px !important;line-height:1.38 !important;}
.listenBody .listenFeatureCard .btn{padding:9px 15px !important;font-size:0.84rem !important;}
@media (max-width: 1050px) { .listenBody .listenHeroTools { grid-template-columns: auto minmax(0, 1fr) !important; } .listenBody .listenLayout { grid-template-columns: 1fr !important; } .listenBody .listenSide { grid-template-columns: repeat(3, 1fr) !important; } }
@media (max-width: 900px) { .listenBody .player .liveTop { grid-template-columns: 1fr !important; text-align: center !important; } .listenBody .player .now { transform: none !important; } .listenBody .player .avatar { justify-self: center !important; width: 104px !important; height: 104px !important; } .listenBody .listenSide { grid-template-columns: 1fr !important; } }
@media (max-width: 640px) { .listenBody main > .page { width: min(100% - 22px, 1240px) !important; } .listenBody .listenHeroTools { grid-template-columns: 1fr !important; } .listenBody .listenLayout > div > .player.card { min-height: 0 !important; padding: 16px !important; } .listenBody .player .meter, .listenBody .player .controls { width: 100% !important; } }
.listenBody .listenLayout > div > .player.card{min-height:286px !important;padding:19px 24px 15px !important;overflow:hidden !important;}
.listenBody .player .liveTop{min-height:94px !important;grid-template-columns:minmax(0,1fr) 98px !important;align-items:start !important;gap:18px !important;padding:2px 0 0 !important;}
.listenBody .player .now{width:min(430px,100%) !important;justify-self:center !important;align-self:start !important;text-align:left !important;transform:translateX(18px) !important;padding-top:7px !important;}
.listenBody .player .now b{display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;font-size:0.72rem !important;letter-spacing:0.12em !important;margin:0 0 6px !important;}
.listenBody .player .now strong{display:block !important;font-size:clamp(1.16rem,1.7vw,1.46rem) !important;line-height:1.06 !important;margin:0 0 7px !important;max-width:430px !important;}
.listenBody .player .now span{display:block !important;font-size:0.84rem !important;line-height:1.24 !important;max-width:430px !important;}
.listenBody .player .avatar{width:98px !important;height:98px !important;border-radius:24px !important;justify-self:end !important;align-self:start !important;margin-top:0 !important;margin-right:0 !important;overflow:hidden !important;}
.listenBody .player .meter{width:min(58%,500px) !important;height:52px !important;margin:6px auto 9px !important;}
.listenBody .player.audio-reactive .meter{height:66px !important;margin-top:2px !important;}
.listenBody .player .controls{width:min(70%,640px) !important;margin:0 auto !important;}
.listenBody .listenNowCard .nextShowBox{min-height:80px !important;}
.listenBody .listenNowCard .nextShowBox strong{display:block !important;min-height:18px !important;}
@media (max-width: 900px) { .listenBody .player .now { text-align: center !important; transform: none !important; padding-top: 0 !important; } .listenBody .player .avatar { justify-self: center !important; width: 96px !important; height: 96px !important; } }
@media (max-width: 640px) { .listenBody .player .meter, .listenBody .player .controls { width: 100% !important; } }
.listenBody .listenLayout > div > .player.card{min-height:278px !important;padding:24px 24px 15px !important;overflow:hidden !important;}
.listenBody .player .liveTop{min-height:108px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 108px !important;align-items:start !important;gap:18px !important;padding:0 !important;}
.listenBody .player .now{position:relative !important;width:min(540px,100%) !important;justify-self:center !important;align-self:start !important;text-align:center !important;transform:none !important;padding:18px 20px 0 !important;}
.listenBody .player .now b{position:absolute !important;left:0 !important;top:0 !important;display:inline-flex !important;align-items:center !important;justify-content:flex-start !important;gap:7px !important;margin:0 !important;font-size:0.72rem !important;line-height:1 !important;letter-spacing:0.12em !important;white-space:nowrap !important;}
.listenBody .player .now strong{display:block !important;font-size:clamp(1.18rem,1.65vw,1.42rem) !important;line-height:1.06 !important;margin:0 auto 7px !important;max-width:460px !important;}
.listenBody .player .now span{display:block !important;font-size:0.84rem !important;line-height:1.22 !important;max-width:460px !important;margin:0 auto !important;}
.listenBody .player .avatar{position:relative !important;top:auto !important;right:auto !important;transform:none !important;width:104px !important;height:104px !important;border-radius:25px !important;justify-self:end !important;align-self:start !important;margin:0 !important;overflow:hidden !important;}
.listenBody .player .meter{width:min(60%,520px) !important;height:48px !important;margin:2px auto 9px !important;gap:6px !important;}
.listenBody .player.audio-reactive .meter{height:58px !important;margin-top:0 !important;}
.listenBody .player .controls{width:min(68%,620px) !important;margin:0 auto !important;}
.listenBody .player .chips{margin-top:9px !important;}
.listenBody .listenNowCard .nextShowBox{min-height:88px !important;}
.listenBody .listenNowCard .nextShowBox strong{min-height:18px !important;}
@media (max-width: 900px) { .listenBody .player .liveTop { grid-template-columns: 1fr !important; } .listenBody .player .now { padding: 18px 0 0 !important; } .listenBody .player .now b { left: 50% !important; transform: translateX(-50%) !important; } .listenBody .player .avatar { justify-self: center !important; width: 98px !important; height: 98px !important; } }
@media (max-width: 640px) { .listenBody .player .meter, .listenBody .player .controls { width: 100% !important; } }
.listenBody .listenLayout > div > .player.card{position:relative !important;min-height:260px !important;padding:18px 230px 15px 28px !important;overflow:visible !important;}
.listenBody .player .liveTop{position:absolute !important;right:24px !important;top:18px !important;width:178px !important;min-height:210px !important;display:block !important;padding:0 !important;z-index:3 !important;}
.listenBody .player .avatar{position:absolute !important;top:26px !important;right:0 !important;width:116px !important;height:116px !important;border-radius:26px !important;overflow:hidden !important;margin:0 !important;box-shadow:0 16px 28px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.18) inset !important;}
.listenBody .player .avatar img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;display:block !important;}
.listenBody .player .now{position:static !important;width:178px !important;padding:0 !important;margin:0 !important;transform:none !important;text-align:center !important;}
.listenBody .player .now b{position:absolute !important;top:0 !important;right:0 !important;left:auto !important;transform:none !important;width:116px !important;display:flex !important;justify-content:center !important;align-items:center !important;gap:7px !important;margin:0 !important;font-size:0.7rem !important;line-height:1 !important;letter-spacing:0.12em !important;white-space:nowrap !important;}
.listenBody .player .now strong{position:absolute !important;top:150px !important;right:0 !important;width:160px !important;display:block !important;font-size:1rem !important;line-height:1.12 !important;margin:0 !important;text-align:center !important;overflow:hidden !important;}
.listenBody .player .now span{position:absolute !important;top:190px !important;right:0 !important;width:160px !important;display:block !important;font-size:0.78rem !important;line-height:1.18 !important;margin:0 !important;text-align:center !important;overflow:hidden !important;}
.listenBody .player .now .vm-info-label{display:block !important;font-size:0.66rem !important;line-height:1.05 !important;opacity:0.82 !important;letter-spacing:0.04em !important;margin-bottom:2px !important;}
.listenBody .player .meter{width:min(76%,650px) !important;height:54px !important;margin:74px 0 12px 74px !important;justify-content:center !important;gap:7px !important;}
.listenBody .player.audio-reactive .meter{height:66px !important;margin-top:58px !important;}
.listenBody .player .controls{width:min(82%,700px) !important;margin:0 0 0 68px !important;gap:14px !important;}
.listenBody .player .play{width:50px !important;height:50px !important;flex:0 0 50px !important;}
.listenBody .player .chips{width:min(82%,700px) !important;justify-content:center !important;margin:10px 0 0 68px !important;}
.listenBody .listenNowCard .nextShowBox{min-height:74px !important;padding:12px 13px !important;}
.listenBody .listenNowCard .nextShowBox strong{min-height:0 !important;line-height:1.25 !important;}
@media (max-width: 1050px) { .listenBody .listenLayout > div > .player.card { padding-right: 210px !important; } .listenBody .player .meter, .listenBody .player .controls, .listenBody .player .chips { margin-left: 18px !important; width: min(92%, 620px) !important; } }
@media (max-width: 900px) { .listenBody .listenLayout > div > .player.card { padding: 18px !important; } .listenBody .player .liveTop { position: relative !important; right: auto !important; top: auto !important; width: 100% !important; min-height: 190px !important; display: flex !important; justify-content: center !important; } .listenBody .player .avatar { right: 50% !important; transform: translateX(50%) !important; } .listenBody .player .now b, .listenBody .player .now strong, .listenBody .player .now span { right: 50% !important; transform: translateX(50%) !important; } .listenBody .player .meter, .listenBody .player .controls, .listenBody .player .chips { width: 100% !important; margin-left: 0 !important; } }
.listenBody .listenLayout > div > .player.card{min-height:250px !important;padding:18px 250px 15px 26px !important;}
.listenBody .player .liveTop{right:26px !important;top:16px !important;width:190px !important;min-height:220px !important;}
.listenBody .player .avatar{top:28px !important;right:8px !important;width:138px !important;height:138px !important;border-radius:28px !important;overflow:hidden !important;}
.listenBody .player .avatar img{width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}
.listenBody .player .now{width:190px !important;text-align:center !important;}
.listenBody .player .now b{top:0 !important;right:8px !important;width:138px !important;font-size:0.72rem !important;letter-spacing:0.13em !important;}
.listenBody .player .now strong{top:174px !important;right:0 !important;width:154px !important;font-size:1.08rem !important;line-height:1.08 !important;font-weight:900 !important;text-align:center !important;}
.listenBody .player .now span{top:205px !important;right:0 !important;width:154px !important;font-size:0.78rem !important;line-height:1.15 !important;text-align:center !important;}
.listenBody .player .now .vm-info-label{font-size:0.63rem !important;opacity:0.75 !important;margin-bottom:2px !important;}
.listenBody .player .meter{width:min(70%,620px) !important;margin:82px 0 12px 54px !important;}
.listenBody .player.audio-reactive .meter{margin-top:58px !important;}
.listenBody .player .controls{width:min(76%,660px) !important;margin-left:44px !important;}
.listenBody .player .chips{width:min(76%,660px) !important;margin-left:44px !important;}
.listenBody .listenNowCard .nextShowBox strong{font-size:0.88rem !important;letter-spacing:0.01em !important;}
.listenBody .listenNowCard .nextShowBox small{display:block !important;margin-top:6px !important;line-height:1.25 !important;}
@media (max-width: 1050px) { .listenBody .listenLayout > div > .player.card { padding-right: 225px !important; } .listenBody .player .avatar { width: 124px !important; height: 124px !important; } .listenBody .player .now b { width: 124px !important; } .listenBody .player .now strong { top: 158px !important; } .listenBody .player .now span { top: 190px !important; } }
.listenBody .listenLayout > div > .player.card{min-height:305px !important;padding:24px 250px 22px 34px !important;position:relative !important;overflow:visible !important;}
.listenBody .player .liveTop{position:absolute !important;right:28px !important;top:26px !important;width:170px !important;min-height:230px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;z-index:3 !important;}
.listenBody .player .avatar{order:2 !important;width:142px !important;height:142px !important;border-radius:26px !important;margin:0 auto !important;overflow:hidden !important;box-shadow:0 18px 42px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.2) !important;}
.listenBody .player .now b{order:1 !important;position:static !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:9px !important;width:100% !important;margin:0 auto 4px !important;color:#85ffd0 !important;font-size:12px !important;letter-spacing:0.12em !important;text-transform:uppercase !important;white-space:nowrap !important;}
.listenBody .player .now b::before{content:"";width:9px;height:9px;border-radius:999px;background:#42f7a6;box-shadow:0 0 15px rgba(66,247,166,0.85);}
.listenBody .player .now strong{order:3 !important;position:static !important;display:block !important;width:100% !important;margin:2px auto 0 !important;color:#fff !important;font-size:20px !important;line-height:1.12 !important;font-weight:950 !important;text-align:center !important;text-shadow:0 8px 22px rgba(0,0,0,0.25) !important;}
.listenBody .player .now span{order:4 !important;position:static !important;display:block !important;width:100% !important;margin:4px auto 0 !important;color:rgba(255,255,255,0.82) !important;font-size:13px !important;line-height:1.25 !important;text-align:center !important;}
.listenBody .player .meter{position:relative !important;margin:124px 34px 20px 132px !important;width:min(570px,calc(100% - 170px)) !important;justify-content:flex-start !important;z-index:2 !important;}
.listenBody .player .controls{position:relative !important;margin:0 150px 0 74px !important;display:flex !important;align-items:center !important;gap:22px !important;z-index:2 !important;}
.listenBody .player .play{position:relative !important;flex:0 0 auto !important;width:54px !important;height:54px !important;border-radius:999px !important;box-shadow:0 0 0 8px rgba(255,255,255,0.055),0 0 0 14px rgba(255,139,32,0.055),0 15px 34px rgba(0,0,0,0.34),0 0 28px rgba(255,255,255,0.14) !important;}
.listenBody .player .volume{width:100% !important;max-width:620px !important;}
.listenBody .player .chips{margin-top:15px !important;padding-left:150px !important;padding-right:120px !important;justify-content:center !important;}
.listenBody .listenNowCard .nextShowBox small{line-height:1.35 !important;}
@media (max-width: 900px) { .listenBody .listenLayout > div > .player.card { padding: 20px !important; } .listenBody .player .liveTop { position: relative !important; right: auto !important; top: auto !important; width: 100% !important; min-height: auto !important; margin-bottom: 18px !important; } .listenBody .player .avatar { width: 128px !important; height: 128px !important; } .listenBody .player .meter, .listenBody .player .controls, .listenBody .player .chips { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; width: 100% !important; } }
.listenBody .listenLayout > div > .player.card{height:316px !important;min-height:316px !important;max-height:316px !important;padding:0 !important;position:relative !important;overflow:hidden !important;isolation:isolate !important;}
.listenBody .player .liveTop{position:absolute !important;right:34px !important;top:24px !important;width:192px !important;min-height:250px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:9px !important;z-index:5 !important;}
.listenBody .player .avatar{order:2 !important;width:158px !important;height:158px !important;min-width:158px !important;min-height:158px !important;max-width:158px !important;max-height:158px !important;border-radius:28px !important;margin:0 auto !important;overflow:hidden !important;box-shadow:0 20px 46px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.22),0 0 34px rgba(20,176,255,0.12) !important;}
.listenBody .player .avatar img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.listenBody .player .now{display:contents !important;text-align:center !important;}
.listenBody .player .now b{order:1 !important;position:static !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:100% !important;margin:0 auto 3px !important;color:#7dffd0 !important;font-size:12px !important;line-height:1.1 !important;letter-spacing:0.13em !important;text-transform:uppercase !important;white-space:nowrap !important;}
.listenBody .player .now b::before{content:"" !important;position:static !important;flex:0 0 auto !important;width:9px !important;height:9px !important;border-radius:999px !important;background:#42f7a6 !important;box-shadow:0 0 15px rgba(66,247,166,0.9) !important;transform:none !important;}
.listenBody .player .now strong{order:3 !important;position:static !important;display:block !important;width:100% !important;margin:3px auto 0 !important;color:#fff !important;font-size:20px !important;line-height:1.08 !important;font-weight:950 !important;text-align:center !important;text-shadow:0 8px 22px rgba(0,0,0,0.28) !important;}
.listenBody .player .now strong .vm-info-label{display:none !important;}
.listenBody .player .now span{order:4 !important;position:static !important;display:block !important;width:100% !important;margin:4px auto 0 !important;color:rgba(255,255,255,0.83) !important;font-size:13px !important;line-height:1.24 !important;text-align:center !important;max-height:42px !important;overflow:hidden !important;}
.listenBody .player .now span .vm-info-label{display:none !important;}
.listenBody .player .meter, .listenBody .player.audio-reactive .meter{position:absolute !important;left:188px !important;right:300px !important;bottom:132px !important;width:auto !important;height:58px !important;min-height:58px !important;margin:0 !important;display:flex !important;align-items:flex-end !important;justify-content:flex-start !important;gap:8px !important;z-index:2 !important;overflow:hidden !important;}
.listenBody .player .meter i{flex:0 0 34px !important;max-width:34px !important;border-radius:12px 12px 5px 5px !important;}
.listenBody .player .controls{position:absolute !important;left:96px !important;right:305px !important;bottom:76px !important;height:58px !important;margin:0 !important;display:flex !important;align-items:center !important;gap:24px !important;z-index:3 !important;}
.listenBody .player .play{position:relative !important;flex:0 0 56px !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;border-radius:999px !important;box-shadow:0 0 0 9px rgba(255,255,255,0.055),0 0 0 17px rgba(255,139,32,0.052),0 16px 34px rgba(0,0,0,0.35),0 0 28px rgba(255,255,255,0.16) !important;transform:none !important;}
.listenBody .player .volume{width:100% !important;max-width:none !important;flex:1 1 auto !important;}
.listenBody .player .chips{position:absolute !important;left:70px !important;right:260px !important;bottom:22px !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;flex-wrap:nowrap !important;z-index:3 !important;}
.listenBody .listenFeatureGrid{margin-top:16px !important;}
.listenBody .listenNowCard .nextShowBox strong{font-size:14px !important;line-height:1.25 !important;}
.listenBody .listenNowCard .nextShowBox small{display:block !important;line-height:1.35 !important;margin-top:8px !important;}
@media (max-width: 900px) { .listenBody .listenLayout > div > .player.card { height: auto !important; max-height: none !important; min-height: 0 !important; padding: 20px !important; overflow: hidden !important; } .listenBody .player .liveTop, .listenBody .player .meter, .listenBody .player .controls, .listenBody .player .chips { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; margin: 0 auto 16px !important; } .listenBody .player .avatar { width: 132px !important; height: 132px !important; min-width: 132px !important; min-height: 132px !important; } .listenBody .player .chips { flex-wrap: wrap !important; } }
.listenBody .listenLayout > div > .player.card{height:316px !important;min-height:316px !important;max-height:316px !important;}
.listenBody .player .playerCenterInfo{position:absolute !important;left:190px !important;right:320px !important;top:42px !important;z-index:6 !important;text-align:center !important;pointer-events:none !important;}
.listenBody .player .playerCenterInfo strong{display:block !important;color:#fff !important;font-size:34px !important;line-height:1.02 !important;font-weight:950 !important;letter-spacing:-0.035em !important;text-shadow:0 12px 30px rgba(0,0,0,0.42) !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.listenBody .player .playerCenterInfo span{display:block !important;margin-top:8px !important;color:rgba(255,255,255,0.86) !important;font-size:16px !important;line-height:1.25 !important;font-weight:650 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 8px 22px rgba(0,0,0,0.35) !important;}
.listenBody .player .liveTop{right:34px !important;top:24px !important;width:192px !important;min-height:230px !important;}
.listenBody .player .avatar{width:150px !important;height:150px !important;min-width:150px !important;min-height:150px !important;max-width:150px !important;max-height:150px !important;}
.listenBody .player .now b{margin-bottom:8px !important;}
.listenBody .player .meter, .listenBody .player.audio-reactive .meter{left:190px !important;right:330px !important;bottom:126px !important;height:58px !important;min-height:58px !important;}
.listenBody .player .controls{left:96px !important;right:330px !important;bottom:76px !important;}
.listenBody .player .chips{left:80px !important;right:290px !important;bottom:22px !important;flex-wrap:nowrap !important;}
@media (max-width: 980px) { .listenBody .player .playerCenterInfo { position: static !important; width: 100% !important; margin: 10px auto 0 !important; padding: 0 8px !important; } .listenBody .player .playerCenterInfo strong { font-size: 24px !important; } .listenBody .player .playerCenterInfo span { font-size: 14px !important; } }
.listenBody .listenLayout > div > .player.card{height:316px !important;min-height:316px !important;max-height:316px !important;overflow:hidden !important;}
.listenBody .player .playerCenterInfo{position:absolute !important;left:190px !important;right:330px !important;top:44px !important;z-index:6 !important;text-align:center !important;pointer-events:none !important;}
.listenBody .player .playerCenterInfo strong{display:block !important;width:100% !important;color:#fff !important;font-size:34px !important;line-height:1.02 !important;font-weight:950 !important;letter-spacing:-0.035em !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 12px 30px rgba(0,0,0,0.42) !important;}
.listenBody .player .playerCenterInfo span{display:block !important;width:100% !important;margin-top:8px !important;color:rgba(255,255,255,0.88) !important;font-size:16px !important;line-height:1.25 !important;font-weight:650 !important;text-align:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;text-shadow:0 8px 22px rgba(0,0,0,0.35) !important;}
.listenBody .player .liveTop{position:absolute !important;top:24px !important;right:34px !important;left:auto !important;bottom:auto !important;width:192px !important;min-height:230px !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;z-index:5 !important;}
.listenBody .player .now{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;width:100% !important;text-align:center !important;order:0 !important;}
.listenBody .player .now b{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;width:auto !important;margin:0 auto 8px !important;color:#73ffbc !important;font-size:13px !important;line-height:1 !important;font-weight:950 !important;letter-spacing:0.14em !important;text-transform:uppercase !important;text-align:center !important;white-space:nowrap !important;}
.listenBody .player .now b:before{content:"" !important;width:10px !important;height:10px !important;border-radius:999px !important;background:#48ff9d !important;box-shadow:0 0 18px rgba(72,255,157,0.85) !important;}
.listenBody .player .now strong, .listenBody .player .now span{display:none !important;}
.listenBody .player .avatar{order:1 !important;width:150px !important;height:150px !important;min-width:150px !important;min-height:150px !important;max-width:150px !important;max-height:150px !important;margin:0 auto !important;border-radius:28px !important;}
.listenBody .player .meter, .listenBody .player.audio-reactive .meter{position:absolute !important;left:190px !important;right:330px !important;bottom:126px !important;width:auto !important;height:58px !important;min-height:58px !important;margin:0 !important;display:flex !important;align-items:flex-end !important;justify-content:center !important;gap:8px !important;z-index:2 !important;overflow:hidden !important;}
.listenBody .player .meter i{flex:1 1 0 !important;max-width:34px !important;min-width:0 !important;border-radius:12px 12px 5px 5px !important;}
.listenBody .player .controls{position:absolute !important;left:110px !important;right:330px !important;bottom:76px !important;height:58px !important;margin:0 !important;display:flex !important;align-items:center !important;gap:24px !important;z-index:3 !important;}
.listenBody .player .play{flex:0 0 56px !important;width:56px !important;height:56px !important;min-width:56px !important;min-height:56px !important;transform:none !important;}
.listenBody .player .volume{flex:1 1 auto !important;width:100% !important;max-width:none !important;margin:0 !important;}
.listenBody .player .chips{position:absolute !important;left:190px !important;right:330px !important;bottom:22px !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;flex-wrap:nowrap !important;z-index:3 !important;}
.listenBody .player .chips .chip{white-space:nowrap !important;}
@media (max-width: 980px) { .listenBody .player .playerCenterInfo { position: static !important; left: auto !important; right: auto !important; top: auto !important; margin: 10px auto 0 !important; padding: 0 8px !important; } .listenBody .player .playerCenterInfo strong { font-size: 24px !important; } .listenBody .player .playerCenterInfo span { font-size: 14px !important; } }
.listenBody .playerCenterInfo{position:absolute !important;left:190px !important;width:588px !important;top:48px !important;right:auto !important;margin:0 !important;text-align:center !important;z-index:4 !important;pointer-events:none !important;}
.listenBody .playerCenterInfo strong{display:block !important;width:100% !important;text-align:center !important;font-size:25px !important;line-height:1.08 !important;font-weight:950 !important;color:#fff !important;text-shadow:0 9px 22px rgba(0,0,0,0.35) !important;}
.listenBody .playerCenterInfo span{display:block !important;width:100% !important;text-align:center !important;margin-top:5px !important;font-size:15px !important;line-height:1.2 !important;color:rgba(255,255,255,0.9) !important;}
.listenBody .player .meter, .listenBody .player.audio-reactive .meter{left:190px !important;right:auto !important;width:588px !important;bottom:124px !important;height:62px !important;min-height:62px !important;gap:7px !important;justify-content:flex-start !important;overflow:hidden !important;}
.listenBody .player .meter i{flex:0 0 34px !important;width:34px !important;max-width:34px !important;min-width:34px !important;}
.listenBody .player .controls{left:110px !important;right:auto !important;width:668px !important;bottom:74px !important;gap:24px !important;justify-content:flex-start !important;}
.listenBody .player .volume{flex:0 0 588px !important;width:588px !important;max-width:588px !important;min-width:0 !important;}
.listenBody .player .chips{left:190px !important;right:auto !important;width:588px !important;bottom:24px !important;justify-content:center !important;gap:10px !important;flex-wrap:nowrap !important;}
.listenBody .player .chips .chip{display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;}
.listenBody .listenNowCard .nextShowBox small{display:flex !important;flex-direction:column !important;gap:3px !important;align-items:flex-start !important;}
.listenBody .listenNowCard .nextShowBox small b{font-size:13px !important;font-weight:800 !important;color:rgba(255,255,255,0.86) !important;}
.listenBody .listenNowCard .nextShowBox small em{display:block !important;margin-top:1px !important;font-style:normal !important;font-size:13px !important;font-weight:800 !important;color:rgba(120,210,255,0.96) !important;}
.listenBody .listenNowCard .nextShowBox .nextPresenterLine, .listenBody .listenNowCard .nextShowBox em[data-next-presenter]{display:block !important;margin:4px 0 2px !important;font-style:normal !important;font-size:13px !important;line-height:1.25 !important;font-weight:900 !important;color:#78d2ff !important;text-shadow:0 0 12px rgba(120,210,255,0.22) !important;}
.listenBody .listenNowCard .nextShowBox .nextPresenterLine:empty, .listenBody .listenNowCard .nextShowBox em[data-next-presenter]:empty{display:none !important;}
.listenBody .listenNowCard .nextShowBox small{display:block !important;}
.homePremiumBody{--vm-home-max:1240px;--vm-home-gap:24px;}
.homePremiumBody .page{width:min(var(--vm-home-max),calc(100% - 32px));}
.homePremiumBody .heroWow.page{width:min(var(--vm-home-max),calc(100% - 32px)) !important;margin:26px auto 0 !important;padding:44px 38px 38px !important;min-height:520px !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(360px,430px) !important;gap:30px !important;align-items:center !important;border-radius:34px !important;overflow:hidden !important;border:1px solid rgba(255,255,255,0.16) !important;background:linear-gradient( 135deg,rgba(255,255,255,0.095),rgba(255,255,255,0.038) ) !important;box-shadow:0 34px 110px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.12) !important;}
.homePremiumBody .heroWow:before{inset:0 !important;border-radius:34px !important;opacity:0.94 !important;background:radial-gradient(circle at 10% 20%,rgba(255,122,24,0.22),transparent 34%),radial-gradient(circle at 84% 12%,rgba(47,140,255,0.2),transparent 32%),radial-gradient(circle at 74% 84%,rgba(255,63,180,0.12),transparent 34%),linear-gradient( 135deg,rgba(8,14,34,0.88),rgba(6,10,25,0.72) 55%,rgba(10,15,34,0.86) ) !important;}
.homePremiumBody .heroWow:after{inset:0 !important;border-radius:34px !important;opacity:0.38 !important;background-image:linear-gradient(rgba(255,255,255,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.035) 1px,transparent 1px) !important;background-size:54px 54px !important;mask-image:linear-gradient( 90deg,#000 0%,rgba(0,0,0,0.82) 52%,rgba(0,0,0,0.25) 100% ) !important;}
.homePremiumBody .heroWow .heroContent{max-width:690px !important;padding:2px 0 !important;}
.homePremiumBody .heroWow .kicker{padding:8px 12px !important;font-size:0.88rem !important;background:rgba(255,255,255,0.075) !important;border-color:rgba(255,255,255,0.16) !important;}
.homePremiumBody .heroWow h1{max-width:650px !important;margin:16px 0 14px !important;font-size:clamp(2.55rem,4.75vw,4.65rem) !important;line-height:0.93 !important;letter-spacing:-0.065em !important;text-shadow:0 22px 72px rgba(0,0,0,0.42) !important;}
.homePremiumBody .heroWow .lead{max-width:610px !important;font-size:1.05rem !important;line-height:1.62 !important;color:rgba(247,251,255,0.76) !important;margin:0 0 18px !important;}
.homePremiumBody .heroWow .actions{gap:9px !important;}
.homePremiumBody .heroWow .actions .btn{padding:11px 16px !important;min-height:43px !important;font-size:0.94rem !important;}
.homePremiumBody .heroWow .stats{max-width:610px !important;gap:10px !important;margin-top:18px !important;}
.homePremiumBody .heroWow .mini{padding:14px 15px !important;border-radius:20px !important;background:linear-gradient( 180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.055) ) !important;box-shadow:0 18px 52px rgba(0,0,0,0.24) !important;}
.homePremiumBody .heroWow .mini b{font-size:1.12rem !important;}
.homePremiumBody .heroWow .mini span{font-size:0.82rem !important;}
.homePremiumBody .heroWow .heroScene{inset:-40px -240px -36px 30% !important;opacity:0.58 !important;mix-blend-mode:screen !important;}
.homePremiumBody .heroWow .heroScene:before{width:520px !important;height:520px !important;right:3% !important;top:-112px !important;opacity:0.56 !important;filter:blur(22px) !important;}
.homePremiumBody .heroWow .wave{height:92px !important;opacity:0.34 !important;border-top-width:1px !important;}
.homePremiumBody .heroWow .orb, .homePremiumBody .heroWow .beam, .homePremiumBody .heroWow .spark, .homePremiumBody .heroWow .pulseCircle{opacity:0.42 !important;}
.homePremiumBody .heroPlayer{width:100% !important;max-width:430px !important;justify-self:end !important;padding:20px 20px 16px !important;border-radius:28px !important;border-color:rgba(255,255,255,0.18) !important;background:linear-gradient( 180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.06) ) !important;box-shadow:0 28px 86px rgba(0,0,0,0.4),0 0 44px rgba(47,140,255,0.1),inset 0 1px 0 rgba(255,255,255,0.11) !important;overflow:hidden !important;}
.homePremiumBody .heroPlayer:before{inset:-35% -25% !important;opacity:0.7 !important;filter:blur(2px) !important;}
.homePremiumBody .heroPlayer:after, .homePremiumBody .heroPlayer .controls:before, .homePremiumBody .heroPlayer .controls:after, .homePremiumBody .heroPlayer .play:before, .homePremiumBody .heroPlayer .play:after{display:none !important;}
.homePremiumBody .heroPlayer .liveTop{gap:14px !important;}
.homePremiumBody .heroPlayer .now b{font-size:0.74rem !important;letter-spacing:0.12em !important;}
.homePremiumBody .heroPlayer .now strong{font-size:1.18rem !important;line-height:1.18 !important;margin:6px 0 5px !important;}
.homePremiumBody .heroPlayer .now span{font-size:0.9rem !important;}
.homePremiumBody .heroPlayer .avatar{width:92px !important;height:92px !important;border-radius:24px !important;}
.homePremiumBody .heroPlayer .avatar .fb{font-size:1.55rem !important;}
.homePremiumBody .heroPlayer .meter{height:52px !important;min-height:52px !important;margin:18px 0 17px !important;gap:5px !important;filter:drop-shadow(0 0 13px rgba(52,245,197,0.18)) !important;}
.homePremiumBody .heroPlayer .controls{gap:12px !important;height:auto !important;}
.homePremiumBody .heroPlayer .play{width:52px !important;height:52px !important;min-width:52px !important;min-height:52px !important;font-size:1.03rem !important;box-shadow:0 10px 26px rgba(0,0,0,0.22),0 0 22px rgba(255,122,24,0.22) !important;animation:none !important;}
.homePremiumBody .heroPlayer .chips{margin-top:13px !important;gap:7px !important;}
.homePremiumBody .heroPlayer .chip{padding:7px 9px !important;font-size:0.78rem !important;}
.homePremiumBody .section{padding:30px 0 !important;}
.homePremiumBody .section .head{margin-bottom:15px !important;}
.homePremiumBody .section .head h2{font-size:clamp(1.45rem,2.35vw,2.15rem) !important;}
.homePremiumBody .section .head p{font-size:0.94rem !important;}
.homePremiumBody .grid{gap:16px !important;}
.homePremiumBody .card, .homePremiumBody .mini{border-color:rgba(255,255,255,0.14) !important;}
.homePremiumBody .feature{min-height:188px !important;padding:19px !important;border-radius:24px !important;gap:14px !important;box-shadow:0 22px 62px rgba(0,0,0,0.3) !important;}
.homePremiumBody .feature .ico{width:44px !important;height:44px !important;border-radius:15px !important;margin-bottom:13px !important;font-size:1.18rem !important;}
.homePremiumBody .feature h3{font-size:1.05rem !important;}
.homePremiumBody .feature p, .homePremiumBody .card p{font-size:0.92rem !important;line-height:1.52 !important;}
.homePremiumBody .feature .btn{padding:9px 13px !important;font-size:0.86rem !important;align-self:flex-start !important;}
.homePremiumBody .section .span7, .homePremiumBody .section .span5{align-self:stretch !important;}
.homePremiumBody .embedBox{height:590px !important;border-radius:26px !important;border-color:rgba(255,255,255,0.14) !important;background:rgba(2,6,18,0.28) !important;box-shadow:0 24px 70px rgba(0,0,0,0.31) !important;}
.homePremiumBody .embedBox iframe{display:block !important;width:100% !important;height:100% !important;}
.homePremiumBody .facebookSideCard{height:590px !important;padding:10px !important;border-radius:26px !important;background:linear-gradient( 180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.052) ) !important;box-shadow:0 24px 70px rgba(0,0,0,0.31) !important;overflow:hidden !important;}
.homePremiumBody .facebookSideCard .fbFrame, .homePremiumBody .facebookSideCard .fbFrameSide{width:100% !important;height:100% !important;min-height:0 !important;border-radius:20px !important;display:block !important;}
.homePremiumBody .stackSafe .card{border-radius:26px !important;box-shadow:0 24px 70px rgba(0,0,0,0.31) !important;}
.homePremiumBody .eventsCard{min-height:430px !important;}
.homePremiumBody .embedBox.small{height:390px !important;}
.homePremiumBody .footer{margin-top:18px !important;}
@media (max-width: 1050px) { .homePremiumBody .heroWow.page { grid-template-columns: 1fr !important; padding: 34px 24px 28px !important; min-height: auto !important; } .homePremiumBody .heroPlayer { max-width: none !important; justify-self: stretch !important; } .homePremiumBody .heroWow .heroScene { inset: -44px -80px -34px -20px !important; } .homePremiumBody .feature { min-height: 170px !important; } .homePremiumBody .facebookSideCard, .homePremiumBody .embedBox { height: 560px !important; } }
@media (max-width: 640px) { .homePremiumBody .page, .homePremiumBody .heroWow.page { width: min(100% - 22px, var(--vm-home-max)) !important; } .homePremiumBody .heroWow.page { margin-top: 18px !important; padding: 28px 18px 22px !important; border-radius: 26px !important; } .homePremiumBody .heroWow:before, .homePremiumBody .heroWow:after { border-radius: 26px !important; } .homePremiumBody .heroWow h1 { font-size: clamp(2.35rem, 14vw, 3.25rem) !important; } .homePremiumBody .heroWow .actions .btn { width: 100% !important; } .homePremiumBody .heroWow .stats { grid-template-columns: 1fr !important; } .homePremiumBody .heroPlayer .liveTop { align-items: center !important; } .homePremiumBody .heroPlayer .avatar { width: 78px !important; height: 78px !important; border-radius: 20px !important; } .homePremiumBody .facebookSideCard, .homePremiumBody .embedBox { height: 520px !important; } .homePremiumBody .embedBox.small { height: 370px !important; } }
.homePremiumBody{--vm-home-max:1240px !important;}
.homePremiumBody .page{width:min(var(--vm-home-max),calc(100% - 32px)) !important;}
.homePremiumBody .heroWow.page{width:100% !important;max-width:none !important;margin:0 !important;padding:48px max(16px,calc((100vw - var(--vm-home-max)) / 2)) 42px !important;min-height:500px !important;grid-template-columns:minmax(0,1fr) minmax(340px,405px) !important;gap:34px !important;border-radius:0 !important;border-left:0 !important;border-right:0 !important;border-top:0 !important;border-bottom:1px solid rgba(255,255,255,0.12) !important;background:transparent !important;box-shadow:none !important;}
.homePremiumBody .heroWow:before{inset:0 !important;border-radius:0 !important;background:radial-gradient(circle at 11% 22%,rgba(255,122,24,0.22),transparent 32%),radial-gradient(circle at 86% 12%,rgba(47,140,255,0.21),transparent 31%),radial-gradient(circle at 68% 88%,rgba(255,63,180,0.12),transparent 34%),linear-gradient(135deg,rgba(6,10,24,0.96),rgba(8,14,34,0.82) 48%,rgba(5,8,20,0.96)) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.08) !important;}
.homePremiumBody .heroWow:after{inset:0 !important;border-radius:0 !important;opacity:0.34 !important;background-size:56px 56px !important;mask-image:linear-gradient( 90deg,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.82) 55%,rgba(0,0,0,0.35) 100% ) !important;}
.homePremiumBody .heroWow .heroScene{inset:-80px max(-90px,calc((var(--vm-home-max) - 100vw) / 2 - 80px)) -54px -40px !important;opacity:0.92 !important;}
.homePremiumBody .heroWow .heroContent{max-width:640px !important;}
.homePremiumBody .heroWow .kicker{padding:7px 11px !important;font-size:0.82rem !important;}
.homePremiumBody .heroWow h1{max-width:620px !important;margin:14px 0 13px !important;font-size:clamp(2.18rem,4.05vw,3.95rem) !important;line-height:0.98 !important;letter-spacing:-0.055em !important;}
.homePremiumBody .heroWow h1 .vmLogoText{display:block !important;font-size:0.82em !important;letter-spacing:-0.045em !important;}
.homePremiumBody .heroWow .lead{max-width:585px !important;font-size:1rem !important;line-height:1.58 !important;margin-bottom:17px !important;}
.homePremiumBody .heroWow .actions .btn{padding:10px 15px !important;font-size:0.88rem !important;}
.homePremiumBody .heroWow .stats{max-width:590px !important;gap:10px !important;margin-top:18px !important;}
.homePremiumBody .heroWow .mini{padding:13px 14px !important;border-radius:20px !important;box-shadow:0 18px 48px rgba(0,0,0,0.25) !important;}
.homePremiumBody .heroWow .mini b{font-size:1.08rem !important;}
.homePremiumBody .heroWow .mini span{font-size:0.8rem !important;}
.homePremiumBody .heroPlayer{max-width:405px !important;justify-self:end !important;padding:20px !important;border-radius:26px !important;box-shadow:0 28px 82px rgba(0,0,0,0.4),0 0 46px rgba(255,122,24,0.13),inset 0 1px 0 rgba(255,255,255,0.1) !important;}
.homePremiumBody .heroPlayer .avatar{width:84px !important;height:84px !important;border-radius:22px !important;}
.homePremiumBody .heroPlayer .now strong{font-size:1.08rem !important;}
.homePremiumBody .heroPlayer .meter{height:46px !important;min-height:46px !important;margin:15px 0 !important;}
.homePremiumBody .heroPlayer .play{width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;}
.homePremiumBody .heroPlayer .chip{padding:6px 8px !important;font-size:0.74rem !important;}
.homePremiumBody .section{padding:28px 0 !important;}
.homePremiumBody .grid{gap:20px !important;}
.homePremiumBody .feature{min-height:176px !important;padding:18px !important;}
.homePremiumBody .embedBox, .homePremiumBody .facebookSideCard{height:570px !important;}
.homePremiumBody .facebookSideCard{padding:8px !important;}
@media (max-width: 1050px) { .homePremiumBody .heroWow.page { grid-template-columns: 1fr !important; padding: 38px max(16px, calc((100vw - var(--vm-home-max)) / 2)) 32px !important; } .homePremiumBody .heroPlayer { max-width: none !important; justify-self: stretch !important; } }
@media (max-width: 640px) { .homePremiumBody .page { width: min(100% - 22px, var(--vm-home-max)) !important; } .homePremiumBody .heroWow.page { width: 100% !important; padding: 30px 11px 26px !important; } .homePremiumBody .heroWow h1 { font-size: clamp(2rem, 11vw, 2.85rem) !important; } }
.homePremiumBody{--vm-home-max:1320px !important;--vm-home-side:46px !important;}
.homePremiumBody main > .page, .homePremiumBody .page{width:min(var(--vm-home-max),calc(100% - var(--vm-home-side))) !important;}
.homePremiumBody .heroWow.page{width:100% !important;max-width:none !important;margin:0 !important;padding:44px max(23px,calc((100vw - var(--vm-home-max)) / 2)) 40px !important;min-height:488px !important;grid-template-columns:minmax(0,1fr) minmax(330px,392px) !important;gap:38px !important;}
.homePremiumBody .heroWow .heroContent{max-width:610px !important;}
.homePremiumBody .heroWow h1{max-width:590px !important;margin:12px 0 12px !important;font-size:clamp(1.88rem,3.45vw,3.35rem) !important;line-height:1.01 !important;letter-spacing:-0.047em !important;}
.homePremiumBody .heroWow h1 .vmLogoText{font-size:0.76em !important;letter-spacing:-0.036em !important;}
.homePremiumBody .heroWow .lead{max-width:560px !important;font-size:0.96rem !important;line-height:1.56 !important;}
.homePremiumBody .heroWow .kicker{font-size:0.78rem !important;padding:6px 10px !important;}
.homePremiumBody .heroWow .stats{max-width:560px !important;}
.homePremiumBody .heroWow .mini{padding:12px 13px !important;}
.homePremiumBody .heroPlayer{max-width:392px !important;padding:19px !important;}
.homePremiumBody .heroPlayer .now strong{font-size:1.02rem !important;line-height:1.18 !important;}
.homePremiumBody .heroPlayer .avatar{width:80px !important;height:80px !important;}
.homePremiumBody .section{padding:26px 0 !important;}
@media (max-width: 1050px) { .homePremiumBody .heroWow.page { grid-template-columns: 1fr !important; padding: 36px 23px 32px !important; } .homePremiumBody .heroPlayer { max-width: none !important; } }
@media (max-width: 640px) { .homePremiumBody { --vm-home-side: 22px !important; } .homePremiumBody .heroWow.page { padding: 30px 11px 26px !important; } .homePremiumBody .heroWow h1 { font-size: clamp(1.72rem, 9.4vw, 2.52rem) !important; } }
.homePremiumBody .heroWow.page{grid-template-columns:minmax(0,1fr) minmax(380px,440px) !important;gap:34px !important;padding-top:42px !important;padding-bottom:38px !important;}
.homePremiumBody .heroWow .heroContent{max-width:620px !important;}
.homePremiumBody .heroWow h1{max-width:600px !important;font-size:clamp(1.72rem,3.02vw,2.88rem) !important;line-height:1.03 !important;letter-spacing:-0.039em !important;margin:12px 0 13px !important;}
.homePremiumBody .heroWow h1 .vmLogoText{display:block !important;width:max-content !important;max-width:100% !important;margin-top:2px !important;font-size:1.06em !important;letter-spacing:-0.028em !important;background:linear-gradient( 92deg,#fff7d8 0%,#ff7a18 15%,#ff3fb4 34%,#34f5c5 52%,#2f8cff 70%,#b36bff 86%,#fff2c8 100% ) !important;background-size:360% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;filter:drop-shadow(0 0 16px rgba(255,122,24,0.22)) drop-shadow(0 0 28px rgba(47,140,255,0.18)) drop-shadow(0 0 20px rgba(255,63,180,0.12)) !important;animation:vmV93LogoFlow 13.5s ease-in-out infinite !important;}
.homePremiumBody .heroWow h1 .vmLogoText::after{animation:vmTextShine 10.5s ease-in-out infinite !important;opacity:0.72 !important;}
@keyframes vmV93LogoFlow { 0%, 100% { background-position: 0% 50%; filter: drop-shadow(0 0 14px rgba(255, 122, 24, 0.2)) drop-shadow(0 0 22px rgba(47, 140, 255, 0.16)) drop-shadow(0 0 14px rgba(255, 63, 180, 0.1)); } 50% { background-position: 100% 50%; filter: drop-shadow(0 0 22px rgba(255, 63, 180, 0.24)) drop-shadow(0 0 34px rgba(52, 245, 197, 0.18)) drop-shadow(0 0 24px rgba(47, 140, 255, 0.16)); } }
.homePremiumBody .heroWow .lead{max-width:570px !important;font-size:0.95rem !important;}
.homePremiumBody .heroPlayer{width:440px !important;max-width:440px !important;justify-self:end !important;margin-left:-48px !important;padding:18px 20px 18px !important;}
.homePremiumBody .heroPlayer .liveTop{align-items:flex-start !important;gap:14px !important;min-height:92px !important;}
.homePremiumBody .heroPlayer .now{min-width:0 !important;flex:1 1 auto !important;}
.homePremiumBody .heroPlayer .now b{font-size:0.75rem !important;letter-spacing:0.11em !important;}
.homePremiumBody .heroPlayer .now strong{font-size:0.98rem !important;line-height:1.18 !important;margin:6px 0 4px !important;}
.homePremiumBody .heroPlayer .now span{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;font-size:0.82rem !important;line-height:1.28 !important;min-height:2.1em !important;}
.homePremiumBody .heroPlayer .avatar{width:78px !important;height:78px !important;border-radius:22px !important;}
.homePremiumBody .heroPlayer .meter{height:60px !important;gap:6px !important;margin:8px 0 14px !important;clear:both !important;}
.homePremiumBody .heroPlayer .chips{margin-top:13px !important;}
.homePremiumBody .heroPlayer .chip{font-size:0.74rem !important;padding:6px 9px !important;}
.homePremiumBody .heroWow:before{animation:vmV11HeroLife 15.5s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow:after{animation:vmV11GridScan 18s linear infinite !important;}
.homePremiumBody .heroWow .heroScene:before{animation:vmV11BigGlow 13.5s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow .wave1{animation:vmV11Wave1 8.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow .wave2{animation:vmV11Wave2 10.5s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow .wave3{animation:vmV11Wave3 12s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow .beam, .homePremiumBody .heroWow .spark, .homePremiumBody .heroWow .pulseCircle{animation-duration:10s !important;}
@media (max-width: 1050px) { .homePremiumBody .heroWow.page { grid-template-columns: 1fr !important; gap: 24px !important; } .homePremiumBody .heroPlayer { width: 100% !important; max-width: none !important; margin-left: 0 !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow h1 { font-size: clamp(1.62rem, 8.6vw, 2.38rem) !important; } .homePremiumBody .heroWow h1 .vmLogoText { font-size: 1.02em !important; } }
.homePremiumBody .heroWow.page{min-height:502px !important;align-items:end !important;padding-bottom:42px !important;}
.homePremiumBody .heroWow .heroContent{align-self:center !important;}
.homePremiumBody .heroWow h1{max-width:640px !important;margin:12px 0 13px !important;line-height:0.98 !important;}
.homePremiumBody .heroWow h1 .heroSlogan{display:block !important;font-size:clamp(1.62rem,2.56vw,2.48rem) !important;line-height:1.04 !important;letter-spacing:-0.038em !important;font-weight:950 !important;color:#fff !important;text-shadow:0 16px 38px rgba(0,0,0,0.3) !important;}
.homePremiumBody .heroWow h1 .vmLogoText{display:block !important;position:relative !important;width:max-content !important;max-width:100% !important;margin-top:4px !important;font-size:clamp(2.28rem,4.18vw,4.05rem) !important;line-height:0.92 !important;letter-spacing:-0.05em !important;overflow:hidden !important;background:linear-gradient( 92deg,#fff0c4 0%,#ff8a1a 18%,#ff4abf 36%,#38f4d0 54%,#2f8cff 72%,#b77cff 88%,#fff6d6 100% ) !important;background-size:320% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;filter:drop-shadow(0 0 14px rgba(255,122,24,0.22)) drop-shadow(0 0 24px rgba(47,140,255,0.16)) !important;animation:vmV94LogoColor 15s ease-in-out infinite !important;}
.homePremiumBody .heroWow h1 .vmLogoText::after{content:"" !important;position:absolute !important;top:-18% !important;bottom:-18% !important;left:0 !important;width:34% !important;background:linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0.1) 22%,rgba(255,255,255,0.88) 48%,rgba(255,255,255,0.16) 70%,transparent 100% ) !important;transform:translateX(-120%) skewX(-17deg) !important;mix-blend-mode:screen !important;pointer-events:none !important;opacity:0 !important;animation:vmV94LogoShine 6.8s cubic-bezier(0.45,0,0.22,1) infinite !important;}
@keyframes vmV94LogoColor { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes vmV94LogoShine { 0%, 16% { transform: translateX(-120%) skewX(-17deg); opacity: 0; } 22% { opacity: 0.58; } 40% { transform: translateX(305%) skewX(-17deg); opacity: 0.48; } 46%, 100% { transform: translateX(342%) skewX(-17deg); opacity: 0; } }
.homePremiumBody .heroPlayer{width:468px !important;max-width:468px !important;min-height:300px !important;align-self:end !important;margin-left:-70px !important;padding:18px 22px 17px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;}
.homePremiumBody .heroPlayer .liveTop{display:grid !important;grid-template-columns:minmax(0,1fr) 92px !important;gap:16px !important;align-items:start !important;min-height:104px !important;}
.homePremiumBody .heroPlayer .now{min-width:0 !important;padding-top:2px !important;}
.homePremiumBody .heroPlayer .now b{display:none !important;}
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{display:grid !important;grid-template-columns:92px minmax(0,1fr) !important;align-items:center !important;gap:10px !important;width:100% !important;min-width:0 !important;margin:0 0 10px !important;font-size:0.89rem !important;line-height:1.18 !important;color:rgba(247,251,255,0.86) !important;overflow:hidden !important;white-space:nowrap !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast]{margin-bottom:0 !important;}
.homePremiumBody .heroPlayer .vm-info-label{display:block !important;margin:0 !important;font-size:0.68rem !important;line-height:1 !important;letter-spacing:0.14em !important;text-transform:uppercase !important;color:rgba(247,251,255,0.74) !important;text-align:left !important;}
.homePremiumBody .heroPlayer .vmMarquee{position:relative !important;display:block !important;height:24px !important;min-width:0 !important;overflow:hidden !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:999px !important;background:linear-gradient( 90deg,rgba(255,255,255,0.06),rgba(255,255,255,0.025) ) !important;box-shadow:inset 0 0 18px rgba(47,140,255,0.08) !important;mask-image:linear-gradient( 90deg,transparent 0,#000 12%,#000 88%,transparent 100% ) !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:0 !important;transform:translate3d(112%,-50%,0) !important;display:inline-block !important;min-width:max-content !important;padding:0 14px !important;color:#fff !important;font-weight:850 !important;text-shadow:0 0 16px rgba(255,255,255,0.16) !important;animation:vmV94Marquee 12.5s linear infinite !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-duration:14s !important;}
@keyframes vmV94Marquee { 0% { transform: translate3d(112%, -50%, 0); opacity: 0; } 7% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translate3d(-112%, -50%, 0); opacity: 0; } }
.homePremiumBody .heroPlayer .avatar{width:92px !important;height:92px !important;border-radius:24px !important;box-shadow:0 18px 38px rgba(0,0,0,0.32),0 0 28px rgba(47,140,255,0.16) !important;}
.homePremiumBody .heroPlayer .meter{height:54px !important;margin:2px 0 12px !important;align-items:end !important;}
.homePremiumBody .heroPlayer .controls{margin-top:0 !important;}
.homePremiumBody .heroPlayer .chips{margin-top:12px !important;}
.homePremiumBody .heroWow:after{animation:vmV94HeroDrift 28s linear infinite !important;background-position:0 0,0 0,0 0,0 0 !important;}
@keyframes vmV94HeroDrift { 0% { transform: translate3d(0, 0, 0) scale(1.02); filter: hue-rotate(0deg); } 50% { transform: translate3d(0, -10px, 0) scale(1.025); filter: hue-rotate(5deg); } 100% { transform: translate3d(0, 0, 0) scale(1.02); filter: hue-rotate(0deg); } }
.homePremiumBody .heroWow .heroScene:before{animation:vmV94GlowFloat 18s ease-in-out infinite alternate !important;}
@keyframes vmV94GlowFloat { 0% { transform: translate3d(0, 0, 0) scale(1); opacity: 0.7; } 100% { transform: translate3d(-34px, 26px, 0) scale(1.08); opacity: 0.56; } }
@media (max-width: 1050px) { .homePremiumBody .heroPlayer { width: 100% !important; max-width: none !important; margin-left: 0 !important; min-height: 0 !important; } .homePremiumBody .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 88px !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow h1 .heroSlogan { font-size: clamp(1.34rem, 7.2vw, 1.92rem) !important; } .homePremiumBody .heroWow h1 .vmLogoText { font-size: clamp(2rem, 10.4vw, 3rem) !important; } .homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast] { grid-template-columns: 82px minmax(0, 1fr) !important; gap: 8px !important; } .homePremiumBody .heroPlayer .avatar { width: 82px !important; height: 82px !important; } }
.homePremiumBody .heroWow h1 .heroSlogan{font-size:clamp(1.34rem,2.18vw,2.06rem) !important;line-height:1.02 !important;letter-spacing:-0.042em !important;margin-bottom:2px !important;}
.homePremiumBody .heroWow h1 .vmLogoText{font-size:clamp(2.48rem,4.55vw,4.35rem) !important;line-height:0.9 !important;background:linear-gradient( 90deg,#fff2c6 0%,#ff9a1f 16%,#ff3fb4 34%,#25f3d0 51%,#2f8cff 68%,#b56cff 84%,#fff2c6 100% ) !important;background-size:230% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;filter:drop-shadow(0 0 18px rgba(255,122,24,0.34)) drop-shadow(0 0 30px rgba(47,140,255,0.22)) !important;animation:vmV95LogoColor 7.5s ease-in-out infinite !important;isolation:isolate !important;}
.homePremiumBody .heroWow h1 .vmLogoText::after{top:-10% !important;bottom:-10% !important;left:0 !important;width:28% !important;z-index:2 !important;opacity:0 !important;background:linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0.92) 48%,rgba(255,255,255,0.22) 68%,transparent 100% ) !important;filter:blur(0.2px) !important;mix-blend-mode:screen !important;transform:translate3d(-42%,0,0) skewX(-17deg) !important;animation:vmV95LogoShine 5.9s cubic-bezier(0.42,0,0.18,1) infinite !important;}
@keyframes vmV95LogoColor { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } }
@keyframes vmV95LogoShine { 0%, 18% { transform: translate3d(-42%, 0, 0) skewX(-17deg); opacity: 0; } 22% { opacity: 0.86; } 46% { transform: translate3d(340%, 0, 0) skewX(-17deg); opacity: 0.72; } 52%, 100% { transform: translate3d(372%, 0, 0) skewX(-17deg); opacity: 0; } }
.homePremiumBody .heroPlayer{margin-bottom:28px !important;min-height:284px !important;padding-top:17px !important;padding-bottom:15px !important;}
.homePremiumBody .heroPlayer .liveTop{min-height:94px !important;grid-template-columns:minmax(0,1fr) 98px !important;gap:18px !important;}
.homePremiumBody .heroPlayer .avatar{width:98px !important;height:98px !important;border-radius:25px !important;}
.homePremiumBody .heroPlayer .meter{height:43px !important;margin:0 0 12px !important;}
.homePremiumBody .heroPlayer .meter i{max-height:43px !important;min-height:11px !important;}
.homePremiumBody .heroPlayer .vmMarquee{height:25px !important;overflow:hidden !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{left:100% !important;right:auto !important;transform:translate3d(0,-50%,0) !important;padding:0 18px !important;will-change:left,opacity !important;animation:vmV95Marquee 10.8s linear infinite !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-duration:12.4s !important;}
@keyframes vmV95Marquee { 0% { left: 100%; opacity: 0; } 5% { opacity: 1; } 88% { opacity: 1; } 100% { left: -118%; opacity: 0; } }
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{grid-template-columns:94px minmax(0,1fr) !important;gap:9px !important;margin-bottom:9px !important;}
.homePremiumBody .heroPlayer .vm-info-label{font-size:0.66rem !important;letter-spacing:0.13em !important;}
@media (max-width: 1050px) { .homePremiumBody .heroPlayer { margin-bottom: 0 !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow h1 .heroSlogan { font-size: clamp(1.16rem, 6.4vw, 1.7rem) !important; } .homePremiumBody .heroWow h1 .vmLogoText { font-size: clamp(2.05rem, 10.8vw, 3.08rem) !important; } .homePremiumBody .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 86px !important; } .homePremiumBody .heroPlayer .avatar { width: 86px !important; height: 86px !important; } }
.homePremiumBody .heroPlayer{margin-bottom:44px !important;min-height:274px !important;padding-top:16px !important;padding-bottom:14px !important;}
.homePremiumBody .heroPlayer .liveTop{min-height:86px !important;grid-template-columns:minmax(0,1fr) 100px !important;gap:18px !important;}
.homePremiumBody .heroPlayer .avatar{width:100px !important;height:100px !important;border-radius:25px !important;}
.homePremiumBody .heroPlayer .now{padding-top:3px !important;}
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{grid-template-columns:94px minmax(0,1fr) !important;gap:10px !important;margin-bottom:8px !important;overflow:visible !important;}
.homePremiumBody .heroPlayer .vmMarquee{height:26px !important;min-width:0 !important;width:100% !important;overflow:hidden !important;background:linear-gradient( 90deg,rgba(255,255,255,0.075),rgba(255,255,255,0.032) ) !important;border-color:rgba(255,255,255,0.12) !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:0 !important;right:auto !important;transform:translate3d(112%,-50%,0) !important;display:inline-block !important;min-width:max-content !important;padding:0 20px !important;color:#fff !important;font-weight:900 !important;line-height:1 !important;opacity:1 !important;text-shadow:0 0 14px rgba(255,255,255,0.2),0 0 18px rgba(47,140,255,0.16) !important;animation:vmV96Marquee 9.6s linear infinite !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(1){animation-delay:-4.8s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-duration:10.8s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(1){animation-delay:-5.4s !important;}
@keyframes vmV96Marquee { 0% { transform: translate3d(112%, -50%, 0); opacity: 0; } 6% { opacity: 1; } 82% { opacity: 1; } 100% { transform: translate3d(-132%, -50%, 0); opacity: 0; } }
.homePremiumBody .heroPlayer .meter{height:35px !important;margin:10px 0 8px !important;padding-left:0 !important;padding-right:6px !important;align-items:end !important;gap:7px !important;}
.homePremiumBody .heroPlayer .meter i{max-height:35px !important;min-height:8px !important;border-radius:9px 9px 4px 4px !important;}
.homePremiumBody .heroPlayer .controls{margin-top:0 !important;gap:16px !important;align-items:center !important;}
.homePremiumBody .heroPlayer .chips{margin-top:10px !important;}
@media (max-width: 1050px) { .homePremiumBody .heroPlayer { margin-bottom: 0 !important; } }
@media (max-width: 640px) { .homePremiumBody .heroPlayer .liveTop { grid-template-columns: minmax(0, 1fr) 86px !important; } .homePremiumBody .heroPlayer .avatar { width: 86px !important; height: 86px !important; } .homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast] { grid-template-columns: 82px minmax(0, 1fr) !important; } }
.homePremiumBody .heroPlayer{position:relative !important;top:-12px !important;margin-bottom:56px !important;}
.homePremiumBody .heroPlayer .liveTop{min-height:82px !important;}
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{display:grid !important;grid-template-columns:96px minmax(0,1fr) !important;align-items:center !important;gap:10px !important;width:100% !important;min-width:0 !important;overflow:visible !important;}
.homePremiumBody .heroPlayer .vm-info-label{position:relative !important;z-index:2 !important;white-space:nowrap !important;}
.homePremiumBody .heroPlayer .vmMarquee{position:relative !important;display:block !important;width:100% !important;min-width:0 !important;height:28px !important;overflow:hidden !important;border-radius:999px !important;background:linear-gradient( 90deg,rgba(255,255,255,0.095),rgba(255,255,255,0.035) ) !important;border:1px solid rgba(255,255,255,0.12) !important;mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 88%,transparent 100% ) !important;-webkit-mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 88%,transparent 100% ) !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:100% !important;right:auto !important;transform:translate3d(0,-50%,0) !important;display:block !important;width:max-content !important;max-width:none !important;min-width:max-content !important;white-space:nowrap !important;padding:0 24px !important;color:#fff !important;font-weight:900 !important;line-height:1 !important;opacity:0 !important;text-shadow:0 0 12px rgba(255,255,255,0.28),0 0 20px rgba(47,140,255,0.18) !important;will-change:left,opacity !important;animation-name:vmV97Marquee !important;animation-duration:8.2s !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important;animation-fill-mode:both !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(2){animation-delay:4.1s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-duration:9.6s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(2){animation-delay:4.8s !important;}
@keyframes vmV97Marquee { 0% { left: 100%; opacity: 0; } 7% { opacity: 1; } 86% { opacity: 1; } 100% { left: -125%; opacity: 0; } }
.homePremiumBody .heroPlayer .meter{width:calc(100% - 78px) !important;margin:9px 0 7px 70px !important;height:32px !important;padding-left:0 !important;padding-right:0 !important;gap:7px !important;align-items:end !important;}
.homePremiumBody .heroPlayer .meter i{max-height:32px !important;min-height:8px !important;}
.homePremiumBody .heroPlayer .controls{display:grid !important;grid-template-columns:52px minmax(0,1fr) !important;gap:16px !important;align-items:center !important;}
.homePremiumBody .heroPlayer .play{width:52px !important;height:52px !important;}
.homePremiumBody .heroPlayer .volume{width:100% !important;}
@media (max-width: 1050px) { .homePremiumBody .heroPlayer { top: 0 !important; margin-bottom: 0 !important; } }
@media (max-width: 640px) { .homePremiumBody .heroPlayer .meter { width: calc(100% - 68px) !important; margin-left: 62px !important; } .homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast] { grid-template-columns: 82px minmax(0, 1fr) !important; } }
.homePremiumBody .heroPlayer{top:-8px !important;}
.homePremiumBody .heroPlayer .vmMarquee{position:relative !important;display:block !important;width:100% !important;min-width:0 !important;height:28px !important;overflow:hidden !important;border-radius:999px !important;background:linear-gradient( 90deg,rgba(255,255,255,0.11),rgba(255,255,255,0.04) ) !important;border:1px solid rgba(255,255,255,0.13) !important;box-shadow:inset 0 0 18px rgba(47,140,255,0.1) !important;mask-image:linear-gradient( 90deg,transparent 0%,#000 10%,#000 90%,transparent 100% ) !important;-webkit-mask-image:linear-gradient( 90deg,transparent 0%,#000 10%,#000 90%,transparent 100% ) !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:22px !important;right:auto !important;transform:translate3d(0,-50%,0) !important;display:block !important;width:max-content !important;max-width:none !important;min-width:max-content !important;white-space:nowrap !important;padding:0 24px !important;color:#ffffff !important;font-weight:900 !important;font-size:0.84rem !important;line-height:1 !important;opacity:1 !important;text-shadow:0 0 12px rgba(255,255,255,0.34),0 0 22px rgba(47,140,255,0.2) !important;will-change:left,opacity !important;animation:vmV98MarqueePresenter 8.8s linear infinite !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(1){animation-delay:-4.4s !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(2){animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV98MarqueeBroadcast !important;animation-duration:10.2s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(1){animation-delay:-5.1s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(2){animation-delay:0s !important;}
@keyframes vmV98MarqueePresenter { 0% { left: 100%; opacity: 0; } 5% { opacity: 1; } 88% { opacity: 1; } 100% { left: -135%; opacity: 0; } }
@keyframes vmV98MarqueeBroadcast { 0% { left: 100%; opacity: 0; } 5% { opacity: 1; } 88% { opacity: 1; } 100% { left: -150%; opacity: 0; } }
.homePremiumBody .heroPlayer .meter{width:calc(100% - 86px) !important;margin:8px 0 7px 78px !important;height:31px !important;}
.homePremiumBody .heroPlayer .meter i{max-height:31px !important;min-height:8px !important;}
@media (max-width: 640px) { .homePremiumBody .heroPlayer { top: 0 !important; } .homePremiumBody .heroPlayer .meter { width: calc(100% - 68px) !important; margin-left: 62px !important; } }
.homePremiumBody .heroPlayer .vmMarquee > span{left:0 !important;transform:translate3d(0,-50%,0) !important;margin-left:100%;animation-name:vmV99RealMarquee !important;animation-duration:9.5s !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important;animation-fill-mode:both !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(1){animation-delay:0s !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(2){animation-delay:4.75s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV99RealMarqueeBroadcast !important;animation-duration:10.8s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(1){animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span:nth-child(2){animation-delay:5.4s !important;}
@keyframes vmV99RealMarquee { 0% { margin-left: 100%; opacity: 0; } 6% { opacity: 1; } 88% { opacity: 1; } 100% { margin-left: -125%; opacity: 0; } }
@keyframes vmV99RealMarqueeBroadcast { 0% { margin-left: 100%; opacity: 0; } 6% { opacity: 1; } 88% { opacity: 1; } 100% { margin-left: -145%; opacity: 0; } }
.homePremiumBody .heroPlayer .vmMarquee{height:28px !important;display:block !important;position:relative !important;overflow:hidden !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:0 !important;right:auto !important;margin-left:100%;transform:translate3d(0,-50%,0) !important;display:block !important;width:max-content !important;max-width:none !important;min-width:max-content !important;white-space:nowrap !important;padding:0 22px !important;line-height:28px !important;height:28px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:0;animation-name:vmV103PlayerMarquee !important;animation-duration:12.8s !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important;animation-fill-mode:both !important;animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV103PlayerMarqueeBroadcast !important;animation-duration:14.2s !important;}
@keyframes vmV103PlayerMarquee { 0% { margin-left: 100%; opacity: 0; } 3% { opacity: 1; } 78% { opacity: 1; } 88% { margin-left: -125%; opacity: 0; } 100% { margin-left: -125%; opacity: 0; } }
@keyframes vmV103PlayerMarqueeBroadcast { 0% { margin-left: 100%; opacity: 0; } 3% { opacity: 1; } 78% { opacity: 1; } 88% { margin-left: -145%; opacity: 0; } 100% { margin-left: -145%; opacity: 0; } }
.homePremiumBody .heroPlayer .meter{margin-top:10px !important;height:32px !important;}
.homePremiumBody .heroPlayer .meter i{max-height:32px !important;}
.homePremiumBody .heroPlayer .now:before, .homePremiumBody .heroPlayer .now:after{content:none !important;display:none !important;opacity:0 !important;animation:none !important;}
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{align-items:center !important;}
.homePremiumBody .heroPlayer .vmMarquee{height:28px !important;min-height:28px !important;display:block !important;position:relative !important;overflow:hidden !important;border-radius:999px !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:0 !important;right:auto !important;margin-left:0 !important;width:100% !important;min-width:100% !important;max-width:100% !important;height:28px !important;line-height:28px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;white-space:nowrap !important;overflow:visible !important;padding:0 20px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:1 !important;translate:100% 0;will-change:translate !important;animation-name:vmV104SmoothMarquee !important;animation-duration:13.8s !important;animation-timing-function:linear !important;animation-iteration-count:infinite !important;animation-fill-mode:both !important;animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV104SmoothMarqueeBroadcast !important;animation-duration:15.2s !important;}
@keyframes vmV104SmoothMarquee { 0% { translate: 100% 0; opacity: 1; } 88% { translate: -100% 0; opacity: 1; } 100% { translate: -100% 0; opacity: 0; } }
@keyframes vmV104SmoothMarqueeBroadcast { 0% { translate: 100% 0; opacity: 1; } 88% { translate: -100% 0; opacity: 1; } 100% { translate: -100% 0; opacity: 0; } }
.homePremiumBody .heroPlayer .meter{margin-top:16px !important;height:42px !important;max-height:42px !important;align-items:end !important;}
.homePremiumBody .heroPlayer .meter i{max-height:42px !important;min-height:11px !important;}
.homePremiumBody .heroPlayer .chips{display:flex !important;justify-content:center !important;align-items:center !important;gap:8px !important;width:100% !important;}
.homePremiumBody .heroPlayer .now::before, .homePremiumBody .heroPlayer .now::after, .homePremiumBody .heroPlayer .liveTop .now::before, .homePremiumBody .heroPlayer .liveTop .now::after, .homePremiumBody .heroPlayer .now strong::before, .homePremiumBody .heroPlayer .now strong::after, .homePremiumBody .heroPlayer .now span[data-broadcast]::before, .homePremiumBody .heroPlayer .now span[data-broadcast]::after, .homePremiumBody .heroPlayer .vmMarquee::before, .homePremiumBody .heroPlayer .vmMarquee::after{content:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;animation:none !important;}
.homePremiumBody .heroPlayer .vmMarquee{height:28px !important;min-height:28px !important;display:block !important;position:relative !important;overflow:hidden !important;border-radius:999px !important;line-height:28px !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:100% !important;right:auto !important;margin-left:0 !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:28px !important;line-height:28px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;white-space:nowrap !important;overflow:visible !important;padding:0 18px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:1 !important;transform:none !important;translate:0 -50%;will-change:translate !important;animation:vmV105PlayerMarquee 8.6s linear infinite !important;animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV105PlayerMarqueeBroadcast !important;animation-duration:9.4s !important;}
@keyframes vmV105PlayerMarquee { 0% { translate: 0 -50%; opacity: 1; } 96% { translate: calc(-100% - 300px) -50%; opacity: 1; } 100% { translate: calc(-100% - 300px) -50%; opacity: 0; } }
@keyframes vmV105PlayerMarqueeBroadcast { 0% { translate: 0 -50%; opacity: 1; } 96% { translate: calc(-100% - 315px) -50%; opacity: 1; } 100% { translate: calc(-100% - 315px) -50%; opacity: 0; } }
.homePremiumBody .heroPlayer .meter{margin-top:24px !important;margin-bottom:3px !important;height:46px !important;max-height:46px !important;align-items:end !important;}
.homePremiumBody .heroPlayer .meter i{max-height:46px !important;min-height:12px !important;}
.homePremiumBody .heroPlayer .liveTop::before, .homePremiumBody .heroPlayer .liveTop::after, .homePremiumBody .heroPlayer .now::before, .homePremiumBody .heroPlayer .now::after, .homePremiumBody .heroPlayer .now strong::before, .homePremiumBody .heroPlayer .now strong::after, .homePremiumBody .heroPlayer .now span[data-broadcast]::before, .homePremiumBody .heroPlayer .now span[data-broadcast]::after, .homePremiumBody .heroPlayer .vmMarquee::before, .homePremiumBody .heroPlayer .vmMarquee::after{content:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;animation:none !important;}
.homePremiumBody .heroPlayer .vmMarquee{height:28px !important;min-height:28px !important;overflow:hidden !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:100% !important;right:auto !important;margin:0 !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:28px !important;line-height:28px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;white-space:nowrap !important;overflow:visible !important;padding:0 18px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:1 !important;translate:none !important;transform:translate3d(0,-50%,0) !important;will-change:transform !important;animation:vmV106PlayerMarqueeSmooth 10.8s linear infinite !important;animation-delay:0s !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV106PlayerMarqueeSmoothBroadcast !important;animation-duration:11.8s !important;}
@keyframes vmV106PlayerMarqueeSmooth { 0% { transform: translate3d(0, -50%, 0) !important; } 100% { transform: translate3d(calc(-100% - 250px), -50%, 0) !important; } }
@keyframes vmV106PlayerMarqueeSmoothBroadcast { 0% { transform: translate3d(0, -50%, 0) !important; } 100% { transform: translate3d(calc(-100% - 265px), -50%, 0) !important; } }
.homePremiumBody .heroPlayer .meter{margin-top:28px !important;margin-bottom:-2px !important;height:46px !important;max-height:46px !important;align-items:end !important;}
.homePremiumBody .heroPlayer .meter i{max-height:46px !important;min-height:8px !important;}
.homePremiumBody .heroPlayer .vmMarquee{display:block !important;position:relative !important;height:28px !important;min-height:28px !important;line-height:28px !important;overflow:hidden !important;border-radius:999px !important;contain:layout paint !important;transform:translateZ(0) !important;backface-visibility:hidden !important;}
.homePremiumBody .heroPlayer .vmMarquee::before, .homePremiumBody .heroPlayer .vmMarquee::after, .homePremiumBody .heroPlayer .now::before, .homePremiumBody .heroPlayer .now::after, .homePremiumBody .heroPlayer .now strong::before, .homePremiumBody .heroPlayer .now strong::after, .homePremiumBody .heroPlayer .now span[data-broadcast]::before, .homePremiumBody .heroPlayer .now span[data-broadcast]::after{content:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;animation:none !important;}
.homePremiumBody .heroPlayer .vmMarquee > span{position:absolute !important;top:50% !important;left:0 !important;right:auto !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:28px !important;line-height:28px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;white-space:nowrap !important;overflow:visible !important;margin:0 !important;padding:0 18px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:1 !important;visibility:visible !important;translate:none !important;transform:translate3d(235px,-50%,0) !important;will-change:transform !important;animation:vmV108PlayerMarquee 10.8s linear infinite !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span{animation-name:vmV108PlayerMarqueeBroadcast !important;animation-duration:11.4s !important;}
@keyframes vmV108PlayerMarquee { 0% { transform: translate3d(235px, -50%, 0); opacity: 1; visibility: visible; } 94% { transform: translate3d(calc(-100% - 34px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 34px), -50%, 0); opacity: 1; visibility: visible; } }
@keyframes vmV108PlayerMarqueeBroadcast { 0% { transform: translate3d(235px, -50%, 0); opacity: 1; visibility: visible; } 94% { transform: translate3d(calc(-100% - 34px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 34px), -50%, 0); opacity: 1; visibility: visible; } }
.homePremiumBody .heroPlayer .meter i{max-height:50px !important;}
.homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast]{display:grid !important;grid-template-columns:82px minmax(0,1fr) !important;align-items:center !important;min-height:30px !important;overflow:hidden !important;}
.homePremiumBody .heroPlayer .vm-info-label{display:flex !important;align-items:center !important;justify-content:flex-start !important;height:28px !important;line-height:28px !important;margin:0 !important;padding:0 !important;}
.homePremiumBody .heroPlayer .vmMarquee{display:block !important;position:relative !important;height:28px !important;min-height:28px !important;line-height:28px !important;overflow:hidden !important;border-radius:999px !important;transform:translateZ(0) !important;backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;}
.homePremiumBody .heroPlayer .vmMarquee::before, .homePremiumBody .heroPlayer .vmMarquee::after, .homePremiumBody .heroPlayer .now::before, .homePremiumBody .heroPlayer .now::after, .homePremiumBody .heroPlayer .liveTop .now::before, .homePremiumBody .heroPlayer .liveTop .now::after, .homePremiumBody .heroPlayer .now strong::before, .homePremiumBody .heroPlayer .now strong::after, .homePremiumBody .heroPlayer .now span[data-broadcast]::before, .homePremiumBody .heroPlayer .now span[data-broadcast]::after{content:none !important;display:none !important;opacity:0 !important;visibility:hidden !important;animation:none !important;}
.homePremiumBody .heroPlayer .vmMarquee > span, .homePremiumBody .heroPlayer .vmMarquee > .vmMarqueeText{position:absolute !important;top:50% !important;left:100% !important;right:auto !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:28px !important;line-height:28px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;white-space:nowrap !important;overflow:visible !important;margin:0 !important;padding:0 18px !important;font-size:0.84rem !important;font-weight:900 !important;opacity:1 !important;visibility:visible !important;translate:none !important;transform:translate3d(0,-50%,0) !important;will-change:transform !important;animation:vmV109PlayerMarquee 10.8s linear infinite !important;animation-delay:-0.85s !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(n + 2){display:none !important;animation:none !important;}
.homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > span, .homePremiumBody .heroPlayer .now span[data-broadcast] .vmMarquee > .vmMarqueeText{animation-name:vmV109PlayerMarqueeBroadcast !important;animation-duration:11.4s !important;animation-delay:-1.1s !important;}
@keyframes vmV109PlayerMarquee { 0% { transform: translate3d(0, -50%, 0); opacity: 1; visibility: visible; } 86% { transform: translate3d(calc(-100% - 330px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 330px), -50%, 0); opacity: 0; visibility: visible; } }
@keyframes vmV109PlayerMarqueeBroadcast { 0% { transform: translate3d(0, -50%, 0); opacity: 1; visibility: visible; } 86% { transform: translate3d(calc(-100% - 340px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 340px), -50%, 0); opacity: 0; visibility: visible; } }
.homePremiumBody .heroPlayer .meter i{max-height:54px !important;}
.homePremiumBody .heroPlayer .vmTickerBox{display:block !important;position:relative !important;overflow:hidden !important;height:28px !important;min-height:28px !important;line-height:28px !important;}
.homePremiumBody .heroPlayer .vmTickerBox .vmTickerLive{display:flex !important;align-items:center !important;position:absolute !important;top:50% !important;left:0 !important;right:auto !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:28px !important;line-height:28px !important;white-space:nowrap !important;overflow:visible !important;padding:0 18px !important;font-size:0.84rem !important;font-weight:900 !important;color:#fff !important;opacity:1 !important;visibility:visible !important;animation:none !important;will-change:transform !important;text-shadow:0 0 12px rgba(255,255,255,0.3),0 0 22px rgba(47,140,255,0.2) !important;}
.homePremiumBody .heroPlayer .vmMarquee > span:nth-child(n + 2){display:none !important;}
.homePremiumBody .heroPlayer .meter i{max-height:56px !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .vmLogoText{position:relative !important;display:inline-block !important;overflow:hidden !important;background:linear-gradient( 90deg,#fff4bf 0%,#ff8a18 13%,#ff315f 27%,#ff39d2 42%,#36f2ff 58%,#397cff 73%,#c95cff 87%,#fff4bf 100% ) !important;background-size:360% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;filter:drop-shadow(0 0 12px rgba(255,122,24,0.42)) drop-shadow(0 0 24px rgba(255,63,180,0.28)) drop-shadow(0 0 32px rgba(47,140,255,0.22)) !important;animation:vmV111LogoColor 3.2s linear infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .vmLogoText::before{content:"" !important;position:absolute !important;top:-14% !important;bottom:-14% !important;left:0 !important;width:18% !important;pointer-events:none !important;opacity:0 !important;z-index:3 !important;background:linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0.98) 48%,rgba(255,214,128,0.62) 58%,rgba(255,63,180,0.22) 72%,transparent 100% ) !important;filter:blur(0.15px) !important;mix-blend-mode:screen !important;transform:translate3d(-130%,0,0) skewX(-18deg) !important;animation:vmV111LogoSweep 4.4s cubic-bezier(0.35,0,0.18,1) infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .vmLogoText::after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0.02em !important;height:0.12em !important;pointer-events:none !important;opacity:0.72 !important;z-index:2 !important;background:linear-gradient( 90deg,rgba(255,138,24,0),rgba(255,138,24,0.75),rgba(255,57,210,0.68),rgba(54,242,255,0.62),rgba(201,92,255,0) ) !important;filter:blur(5px) !important;transform:translateY(0.13em) !important;animation:vmV111LogoUnderGlow 3.2s ease-in-out infinite !important;}
@keyframes vmV111LogoColor { 0% { background-position: 0% 50%; } 100% { background-position: 360% 50%; } }
@keyframes vmV111LogoSweep { 0%, 18% { transform: translate3d(-130%, 0, 0) skewX(-18deg); opacity: 0; } 22% { opacity: 0.96; } 54% { transform: translate3d(560%, 0, 0) skewX(-18deg); opacity: 0.88; } 62%, 100% { transform: translate3d(650%, 0, 0) skewX(-18deg); opacity: 0; } }
@keyframes vmV111LogoUnderGlow { 0%, 100% { opacity: 0.54; filter: blur(5px); } 50% { opacity: 0.9; filter: blur(7px); } }
.homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .vmLogoText{position:relative !important;display:inline-block !important;overflow:visible !important;isolation:isolate !important;background:linear-gradient( 90deg,#ffe9a8 0%,#ff8a18 10%,#ff3b30 22%,#ff2fb3 34%,#a56cff 46%,#2f8cff 58%,#20f5d2 70%,#ffb347 84%,#ffe9a8 100% ) !important;background-size:520% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;text-shadow:none !important;filter:drop-shadow(0 0 11px rgba(255,128,36,0.52)) drop-shadow(0 0 23px rgba(255,47,179,0.36)) drop-shadow(0 0 32px rgba(32,245,210,0.24)) !important;animation:vmV112StrongColor 1.85s linear infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .vmLogoText::before{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:5 !important;pointer-events:none !important;background:linear-gradient( 100deg,transparent 0%,transparent 36%,rgba(255,255,255,0.05) 42%,rgba(255,255,255,1) 49%,rgba(255,220,140,0.95) 53%,rgba(255,255,255,0.55) 58%,transparent 66%,transparent 100% ) !important;background-size:260% 100% !important;background-position:-135% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;filter:drop-shadow(0 0 9px rgba(255,255,255,0.7)) drop-shadow(0 0 18px rgba(255,170,66,0.55)) !important;opacity:0 !important;animation:vmV112LetterSweep 3.15s linear infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .vmLogoText::after{content:"" !important;position:absolute !important;left:-2% !important;right:-2% !important;bottom:0.03em !important;height:0.18em !important;z-index:1 !important;pointer-events:none !important;border-radius:999px !important;background:linear-gradient( 90deg,transparent,rgba(255,138,24,0.85),rgba(255,47,179,0.78),rgba(32,245,210,0.72),transparent ) !important;filter:blur(7px) !important;opacity:0.85 !important;transform:translateY(0.08em) !important;animation:vmV112UnderPulse 1.85s ease-in-out infinite !important;}
@keyframes vmV112StrongColor { 0% { background-position: 0% 50%; filter: drop-shadow(0 0 11px rgba(255, 128, 36, 0.52)) drop-shadow(0 0 23px rgba(255, 47, 179, 0.36)) drop-shadow(0 0 32px rgba(32, 245, 210, 0.24)); } 50% { background-position: 100% 50%; filter: drop-shadow(0 0 14px rgba(255, 47, 179, 0.56)) drop-shadow(0 0 26px rgba(47, 140, 255, 0.38)) drop-shadow(0 0 34px rgba(255, 178, 55, 0.26)); } 100% { background-position: 200% 50%; filter: drop-shadow(0 0 11px rgba(255, 128, 36, 0.52)) drop-shadow(0 0 23px rgba(255, 47, 179, 0.36)) drop-shadow(0 0 32px rgba(32, 245, 210, 0.24)); } }
@keyframes vmV112LetterSweep { 0%, 10% { background-position: -135% 50%; opacity: 0; } 13% { opacity: 1; } 46% { background-position: 120% 50%; opacity: 1; } 52%, 100% { background-position: 160% 50%; opacity: 0; } }
@keyframes vmV112UnderPulse { 0%, 100% { opacity: 0.7; filter: blur(6px); } 50% { opacity: 1; filter: blur(9px); } }
.homePremiumBody .heroWow h1 .vmLogoText{animation:vmLogoSpectrum 2.8s linear infinite !important;background-size:500% 100% !important;filter:drop-shadow(0 0 10px rgba(255,120,0,0.55)) drop-shadow(0 0 22px rgba(255,0,180,0.35)) !important;}
.homePremiumBody .heroWow h1 .vmLogoText::after{content:"" !important;position:absolute !important;top:-8%;left:-35%;width:28%;height:116%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.95),transparent ) !important;transform:skewX(-20deg);animation:vmLogoShine 2.6s linear infinite !important;display:block !important;}
@keyframes vmLogoSpectrum { 0% { background-position: 0% 50%; } 100% { background-position: 500% 50%; } }
@keyframes vmLogoShine { 0% { left: -35%; } 100% { left: 125%; } }
.homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .vmLogoText{position:relative !important;display:inline-block !important;overflow:visible !important;isolation:isolate !important;background:linear-gradient( 90deg,#fff3a8 0%,#ff7a18 8%,#ff2e63 18%,#ff39d2 30%,#8f5cff 42%,#2f8cff 54%,#27f5ff 66%,#34f5c5 76%,#ffb23b 88%,#fff3a8 100% ) !important;background-size:720% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;text-shadow:none !important;filter:drop-shadow(0 0 13px rgba(255,122,24,0.72)) drop-shadow(0 0 28px rgba(255,57,210,0.48)) drop-shadow(0 0 42px rgba(47,140,255,0.34)) drop-shadow(0 0 58px rgba(52,245,197,0.18)) !important;animation:vmV114LogoPremiumColors 1.35s linear infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .vmLogoText::before{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:6 !important;pointer-events:none !important;background:linear-gradient( 100deg,transparent 0%,transparent 30%,rgba(255,255,255,0.1) 39%,rgba(255,255,255,1) 47%,rgba(255,232,150,1) 51%,rgba(255,255,255,0.82) 56%,rgba(52,245,197,0.38) 62%,transparent 72%,transparent 100% ) !important;background-size:310% 100% !important;background-position:-150% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;opacity:0 !important;filter:drop-shadow(0 0 10px rgba(255,255,255,0.95)) drop-shadow(0 0 24px rgba(255,189,65,0.8)) drop-shadow(0 0 34px rgba(47,140,255,0.42)) !important;animation:vmV114LogoLetterSweep 2.15s cubic-bezier(0.22,0.61,0.36,1) infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .vmLogoText::after{content:"" !important;position:absolute !important;left:-5% !important;right:-5% !important;bottom:0.01em !important;height:0.22em !important;z-index:1 !important;pointer-events:none !important;border-radius:999px !important;background:linear-gradient( 90deg,rgba(255,122,24,0),rgba(255,122,24,0.95),rgba(255,57,210,0.85),rgba(47,140,255,0.78),rgba(52,245,197,0.78),rgba(255,122,24,0) ) !important;filter:blur(8px) !important;opacity:0.96 !important;transform:translateY(0.1em) !important;animation:vmV114LogoBaseGlow 1.35s ease-in-out infinite !important;}
@keyframes vmV114LogoPremiumColors { 0% { background-position: 0% 50%; filter: drop-shadow(0 0 13px rgba(255, 122, 24, 0.72)) drop-shadow(0 0 28px rgba(255, 57, 210, 0.48)) drop-shadow(0 0 42px rgba(47, 140, 255, 0.34)) drop-shadow(0 0 58px rgba(52, 245, 197, 0.18)); } 25% { background-position: 180% 50%; filter: drop-shadow(0 0 16px rgba(255, 57, 210, 0.72)) drop-shadow(0 0 34px rgba(47, 140, 255, 0.48)) drop-shadow(0 0 46px rgba(255, 122, 24, 0.28)) drop-shadow(0 0 62px rgba(52, 245, 197, 0.24)); } 50% { background-position: 360% 50%; filter: drop-shadow(0 0 15px rgba(47, 140, 255, 0.72)) drop-shadow(0 0 34px rgba(52, 245, 197, 0.42)) drop-shadow(0 0 42px rgba(255, 57, 210, 0.3)) drop-shadow(0 0 58px rgba(255, 178, 59, 0.22)); } 75% { background-position: 540% 50%; filter: drop-shadow(0 0 16px rgba(52, 245, 197, 0.66)) drop-shadow(0 0 34px rgba(255, 178, 59, 0.42)) drop-shadow(0 0 44px rgba(255, 57, 210, 0.3)) drop-shadow(0 0 62px rgba(47, 140, 255, 0.24)); } 100% { background-position: 720% 50%; filter: drop-shadow(0 0 13px rgba(255, 122, 24, 0.72)) drop-shadow(0 0 28px rgba(255, 57, 210, 0.48)) drop-shadow(0 0 42px rgba(47, 140, 255, 0.34)) drop-shadow(0 0 58px rgba(52, 245, 197, 0.18)); } }
@keyframes vmV114LogoLetterSweep { 0%, 8% { background-position: -150% 50%; opacity: 0; } 12% { opacity: 1; } 48% { background-position: 100% 50%; opacity: 1; } 58%, 100% { background-position: 155% 50%; opacity: 0; } }
@keyframes vmV114LogoBaseGlow { 0%, 100% { opacity: 0.78; filter: blur(7px); } 50% { opacity: 1; filter: blur(11px); } }
@media (max-width: 1050px) { .homePremiumBody .heroWow .heroPlayer { transform: translateY(10px) !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow .heroPlayer { transform: none !important; } }
.homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .vmLogoText{position:relative !important;display:inline-block !important;overflow:visible !important;isolation:isolate !important;background-image:linear-gradient( 90deg,#ffe27a 0%,#ff8a18 18%,#ff2f6d 36%,#9b5cff 55%,#2f8cff 72%,#30ffd2 88%,#ffe27a 100% ) !important;background-size:100% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;text-shadow:none !important;filter:drop-shadow(0 0 13px rgba(255,132,24,0.82)) drop-shadow(0 0 30px rgba(255,48,162,0.54)) drop-shadow(0 0 46px rgba(47,140,255,0.36)) !important;animation:vmV115RealColorChange 3.6s ease-in-out infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .vmLogoText::before{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:8 !important;pointer-events:none !important;background-image:linear-gradient( 105deg,transparent 0%,transparent 22%,rgba(255,255,255,0.08) 31%,rgba(255,255,255,1) 43%,rgba(255,238,150,1) 48%,rgba(255,255,255,1) 54%,rgba(70,245,255,0.5) 61%,transparent 72%,transparent 100% ) !important;background-size:360% 100% !important;background-position:-185% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;opacity:0 !important;filter:drop-shadow(0 0 12px rgba(255,255,255,1)) drop-shadow(0 0 28px rgba(255,196,74,0.9)) drop-shadow(0 0 46px rgba(51,210,255,0.56)) !important;animation:vmV115LightVtoX 2.55s linear infinite !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .vmLogoText::after{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;color:transparent !important;-webkit-text-stroke:1px rgba(255,255,255,0.05) !important;text-shadow:0 0 18px rgba(255,122,24,0.75),0 0 34px rgba(255,45,180,0.54),0 0 54px rgba(47,140,255,0.38),0 0 70px rgba(52,245,197,0.25) !important;opacity:0.88 !important;animation:vmV115OuterGlow 3.6s ease-in-out infinite !important;}
@keyframes vmV115RealColorChange { 0% { background-image: linear-gradient( 90deg, #ffe27a 0%, #ff8a18 18%, #ff2f6d 36%, #9b5cff 55%, #2f8cff 72%, #30ffd2 88%, #ffe27a 100% ); filter: drop-shadow(0 0 13px rgba(255, 132, 24, 0.82)) drop-shadow(0 0 30px rgba(255, 48, 162, 0.54)) drop-shadow(0 0 46px rgba(47, 140, 255, 0.36)); } 25% { background-image: linear-gradient( 90deg, #35ffe0 0%, #2f8cff 18%, #955cff 36%, #ff39d2 55%, #ff7a18 72%, #fff18a 88%, #35ffe0 100% ); filter: drop-shadow(0 0 14px rgba(52, 245, 197, 0.82)) drop-shadow(0 0 32px rgba(47, 140, 255, 0.58)) drop-shadow(0 0 48px rgba(255, 57, 210, 0.36)); } 50% { background-image: linear-gradient( 90deg, #ff5bd6 0%, #ff2f6d 18%, #ff8a18 36%, #fff06a 55%, #34f5c5 72%, #2f8cff 88%, #ff5bd6 100% ); filter: drop-shadow(0 0 14px rgba(255, 57, 210, 0.82)) drop-shadow(0 0 33px rgba(255, 122, 24, 0.54)) drop-shadow(0 0 48px rgba(52, 245, 197, 0.34)); } 75% { background-image: linear-gradient( 90deg, #2f8cff 0%, #34f5c5 18%, #fff06a 36%, #ff8a18 55%, #ff39d2 72%, #9b5cff 88%, #2f8cff 100% ); filter: drop-shadow(0 0 14px rgba(47, 140, 255, 0.82)) drop-shadow(0 0 32px rgba(52, 245, 197, 0.5)) drop-shadow(0 0 48px rgba(255, 122, 24, 0.36)); } 100% { background-image: linear-gradient( 90deg, #ffe27a 0%, #ff8a18 18%, #ff2f6d 36%, #9b5cff 55%, #2f8cff 72%, #30ffd2 88%, #ffe27a 100% ); filter: drop-shadow(0 0 13px rgba(255, 132, 24, 0.82)) drop-shadow(0 0 30px rgba(255, 48, 162, 0.54)) drop-shadow(0 0 46px rgba(47, 140, 255, 0.36)); } }
@keyframes vmV115LightVtoX { 0%, 9% { background-position: -185% 50%; opacity: 0; } 12% { opacity: 1; } 54% { background-position: 132% 50%; opacity: 1; } 62%, 100% { background-position: 180% 50%; opacity: 0; } }
@keyframes vmV115OuterGlow { 0%, 100% { opacity: 0.76; text-shadow: 0 0 16px rgba(255, 122, 24, 0.72), 0 0 34px rgba(255, 45, 180, 0.46), 0 0 54px rgba(47, 140, 255, 0.32), 0 0 70px rgba(52, 245, 197, 0.2); } 50% { opacity: 1; text-shadow: 0 0 22px rgba(255, 255, 255, 0.32), 0 0 42px rgba(255, 57, 210, 0.64), 0 0 64px rgba(47, 140, 255, 0.5), 0 0 84px rgba(52, 245, 197, 0.3); } }
@media (max-width: 1050px) { .homePremiumBody .heroWow .heroPlayer { transform: translateY(10px) !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow .heroPlayer { transform: none !important; } }
.homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .vmLogoText{position:relative !important;display:inline-block !important;overflow:visible !important;isolation:isolate !important;background-image:linear-gradient( 90deg,#ffe16a 0%,#ff7a18 11%,#ff224f 22%,#ff35d3 34%,#8d5cff 46%,#248cff 58%,#22f7ff 70%,#35ffc8 82%,#ffe16a 100% ) !important;background-size:360% 100% !important;background-position:0% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;text-shadow:none !important;filter:saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255,122,24,0.5)) drop-shadow(0 0 15px rgba(255,57,210,0.28)) !important;animation:vmV116LogoFlow 1.05s linear infinite !important;will-change:background-position,filter !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .vmLogoText::before{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:9 !important;pointer-events:none !important;background-image:linear-gradient( 100deg,transparent 0%,transparent 35%,rgba(255,255,255,0.18) 42%,rgba(255,255,255,1) 48%,rgba(255,232,120,1) 52%,rgba(255,255,255,0.92) 56%,rgba(120,255,255,0.4) 61%,transparent 70%,transparent 100% ) !important;background-size:260% 100% !important;background-position:-140% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important;color:transparent !important;opacity:0 !important;filter:drop-shadow(0 0 8px rgba(255,255,255,0.92)) drop-shadow(0 0 17px rgba(255,198,80,0.78)) !important;animation:vmV116LetterLight 1.75s cubic-bezier(0.2,0.72,0.2,1) infinite !important;will-change:background-position,opacity !important;}
.homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .vmLogoText::after{content:"VIRTUALMIX" !important;position:absolute !important;inset:0 !important;z-index:-1 !important;pointer-events:none !important;color:transparent !important;-webkit-text-stroke:1px rgba(255,255,255,0.035) !important;text-shadow:0 0 10px rgba(255,122,24,0.44),0 0 20px rgba(255,57,210,0.32),0 0 34px rgba(47,140,255,0.22) !important;opacity:0.72 !important;animation:vmV116GlowPulse 1.05s ease-in-out infinite !important;}
.homePremiumBody .heroWow .heroPlayer{transform:translateY(24px) !important;}
@keyframes vmV116LogoFlow { 0% { background-position: 0% 50%; filter: hue-rotate(0deg) saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255, 122, 24, 0.5)) drop-shadow(0 0 15px rgba(255, 57, 210, 0.28)); } 25% { background-position: 120% 50%; filter: hue-rotate(70deg) saturate(2.05) contrast(1.22) drop-shadow(0 0 7px rgba(255, 57, 210, 0.48)) drop-shadow(0 0 15px rgba(47, 140, 255, 0.3)); } 50% { background-position: 240% 50%; filter: hue-rotate(145deg) saturate(2.08) contrast(1.24) drop-shadow(0 0 7px rgba(47, 140, 255, 0.48)) drop-shadow(0 0 15px rgba(52, 245, 197, 0.28)); } 75% { background-position: 360% 50%; filter: hue-rotate(230deg) saturate(2.02) contrast(1.22) drop-shadow(0 0 7px rgba(52, 245, 197, 0.48)) drop-shadow(0 0 15px rgba(255, 178, 70, 0.3)); } 100% { background-position: 480% 50%; filter: hue-rotate(360deg) saturate(1.85) contrast(1.18) drop-shadow(0 0 7px rgba(255, 122, 24, 0.5)) drop-shadow(0 0 15px rgba(255, 57, 210, 0.28)); } }
@keyframes vmV116LetterLight { 0%, 8% { background-position: -140% 50%; opacity: 0; } 12% { opacity: 1; } 62% { background-position: 115% 50%; opacity: 1; } 74%, 100% { background-position: 160% 50%; opacity: 0; } }
@keyframes vmV116GlowPulse { 0%, 100% { opacity: 0.58; text-shadow: 0 0 9px rgba(255, 122, 24, 0.42), 0 0 18px rgba(255, 57, 210, 0.26), 0 0 30px rgba(47, 140, 255, 0.18); } 50% { opacity: 0.86; text-shadow: 0 0 12px rgba(255, 255, 255, 0.28), 0 0 24px rgba(255, 57, 210, 0.38), 0 0 38px rgba(47, 140, 255, 0.28); } }
@media (max-width: 1050px) { .homePremiumBody .heroWow .heroPlayer { transform: translateY(10px) !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow .heroPlayer { transform: none !important; } }
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText, .homePremiumBody .heroWow h1 .grad.vmLogoText, .homePremiumBody .heroContent h1 .vmLogoText, .homePremiumBody h1 .vmLogoText{position:relative !important;display:inline-block !important;padding-right:0.035em !important;overflow:hidden !important;isolation:isolate !important;line-height:0.98 !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background-image:linear-gradient( 100deg,#fff1b8 0%,#ff8a18 10%,#ff315f 22%,#ff42da 35%,#7d5cff 48%,#1d91ff 60%,#18f4ff 73%,#4cffb7 86%,#fff1b8 100% ) !important;background-size:320% 100% !important;background-position:0% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;text-shadow:none !important;filter:saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255,145,32,0.72)) drop-shadow(0 0 15px rgba(255,55,210,0.34)) drop-shadow(0 0 24px rgba(30,145,255,0.26)) !important;animation:vmV118ColorRun 2.15s linear infinite !important;will-change:background-position,filter !important;transform:translateZ(0) !important;-webkit-font-smoothing:antialiased !important;text-rendering:geometricPrecision !important;}
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText::before, .homePremiumBody .heroWow h1 .grad.vmLogoText::before, .homePremiumBody .heroContent h1 .vmLogoText::before, .homePremiumBody h1 .vmLogoText::before{content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:3 !important;pointer-events:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background-image:linear-gradient( 100deg,transparent 0%,transparent 38%,rgba(255,255,255,0.22) 43%,rgba(255,255,255,1) 49%,rgba(255,232,132,1) 52%,rgba(255,255,255,1) 55%,rgba(115,250,255,0.42) 60%,transparent 67%,transparent 100% ) !important;background-size:260% 100% !important;background-position:-135% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;filter:drop-shadow(0 0 8px rgba(255,255,255,0.95)) drop-shadow(0 0 18px rgba(255,195,74,0.86)) drop-shadow(0 0 30px rgba(64,220,255,0.42)) !important;opacity:0 !important;animation:vmV118ShineLetters 2.35s ease-in-out infinite !important;will-change:background-position,opacity !important;}
.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText::after, .homePremiumBody .heroWow h1 .grad.vmLogoText::after, .homePremiumBody .heroContent h1 .vmLogoText::after, .homePremiumBody h1 .vmLogoText::after{content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:-1 !important;pointer-events:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1px rgba(255,255,255,0.045) !important;text-shadow:0 0 11px rgba(255,122,24,0.62),0 0 22px rgba(255,63,180,0.38),0 0 36px rgba(47,140,255,0.28) !important;opacity:0.78 !important;animation:vmV118GlowBreath 2.15s ease-in-out infinite !important;}
@keyframes vmV118ColorRun { 0% { background-position: 0% 50%; filter: hue-rotate(0deg) saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255, 145, 32, 0.72)) drop-shadow(0 0 15px rgba(255, 55, 210, 0.34)) drop-shadow(0 0 24px rgba(30, 145, 255, 0.26)); } 25% { background-position: 95% 50%; filter: hue-rotate(55deg) saturate(2.45) contrast(1.32) drop-shadow(0 0 6px rgba(255, 55, 210, 0.62)) drop-shadow(0 0 16px rgba(30, 145, 255, 0.38)) drop-shadow(0 0 25px rgba(76, 255, 183, 0.26)); } 50% { background-position: 190% 50%; filter: hue-rotate(125deg) saturate(2.48) contrast(1.34) drop-shadow(0 0 6px rgba(30, 145, 255, 0.62)) drop-shadow(0 0 17px rgba(76, 255, 183, 0.36)) drop-shadow(0 0 26px rgba(255, 138, 24, 0.25)); } 75% { background-position: 285% 50%; filter: hue-rotate(235deg) saturate(2.42) contrast(1.32) drop-shadow(0 0 6px rgba(76, 255, 183, 0.58)) drop-shadow(0 0 16px rgba(255, 138, 24, 0.36)) drop-shadow(0 0 25px rgba(255, 66, 218, 0.26)); } 100% { background-position: 380% 50%; filter: hue-rotate(360deg) saturate(2.25) contrast(1.28) drop-shadow(0 0 5px rgba(255, 145, 32, 0.72)) drop-shadow(0 0 15px rgba(255, 55, 210, 0.34)) drop-shadow(0 0 24px rgba(30, 145, 255, 0.26)); } }
@keyframes vmV118ShineLetters { 0%, 14% { background-position: -135% 50%; opacity: 0; } 19% { opacity: 0.96; } 50% { background-position: 50% 50%; opacity: 1; } 74% { background-position: 122% 50%; opacity: 0.88; } 82%, 100% { background-position: 135% 50%; opacity: 0; } }
@keyframes vmV118GlowBreath { 0%, 100% { opacity: 0.66; text-shadow: 0 0 9px rgba(255, 122, 24, 0.48), 0 0 18px rgba(255, 63, 180, 0.28), 0 0 30px rgba(47, 140, 255, 0.2); } 50% { opacity: 0.94; text-shadow: 0 0 13px rgba(255, 255, 255, 0.24), 0 0 26px rgba(255, 63, 180, 0.42), 0 0 42px rgba(47, 140, 255, 0.32); } }
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{position:relative !important;display:inline-flex !important;align-items:baseline !important;gap:0 !important;overflow:hidden !important;isolation:isolate !important;padding:0 0.018em 0.025em 0 !important;line-height:0.96 !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:transparent !important;-webkit-text-fill-color:initial !important;text-shadow:none !important;filter:none !important;animation:none !important;transform:translateZ(0) !important;-webkit-font-smoothing:antialiased !important;text-rendering:geometricPrecision !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{position:relative !important;z-index:2 !important;display:inline-block !important;color:#ff8a18 !important;-webkit-text-fill-color:currentColor !important;text-shadow:0 0 4px rgba(255,255,255,0.18),0 0 10px currentColor,0 0 24px currentColor !important;filter:saturate(1.35) contrast(1.08) !important;animation:vmV119LetterColor 1.55s linear infinite !important;animation-delay:calc(var(--i) * -0.13s) !important;will-change:color,text-shadow,filter !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:4 !important;pointer-events:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background-image:linear-gradient( 100deg,transparent 0%,transparent 37%,rgba(255,255,255,0.18) 43%,rgba(255,255,255,1) 49%,rgba(255,242,151,1) 52%,rgba(255,255,255,0.98) 55%,rgba(80,245,255,0.45) 60%,transparent 66%,transparent 100% ) !important;background-size:220% 100% !important;background-position:-92% 50% !important;-webkit-background-clip:text !important;background-clip:text !important;opacity:0 !important;filter:drop-shadow(0 0 6px rgba(255,255,255,0.95)) drop-shadow(0 0 16px rgba(255,220,95,0.82)) drop-shadow(0 0 28px rgba(60,220,255,0.48)) !important;animation:vmV119LetterShine 2.05s cubic-bezier(0.18,0.72,0.2,1) infinite !important;will-change:background-position,opacity !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{content:"" !important;position:absolute !important;z-index:1 !important;left:0 !important;top:16% !important;width:100% !important;height:62% !important;pointer-events:none !important;background:linear-gradient( 90deg,rgba(255,170,40,0.5),rgba(255,48,190,0.48),rgba(40,150,255,0.44),rgba(60,255,195,0.38) ) !important;filter:blur(12px) !important;opacity:0.48 !important;animation:vmV119BackGlow 1.55s linear infinite !important;}
@keyframes vmV119LetterColor { 0% { color: #ffdd4a; text-shadow: 0 0 4px rgba(255, 255, 255, 0.16), 0 0 10px rgba(255, 221, 74, 0.9), 0 0 24px rgba(255, 122, 24, 0.72); filter: saturate(1.45) contrast(1.1); } 16% { color: #ff7a18; text-shadow: 0 0 4px rgba(255, 255, 255, 0.18), 0 0 10px rgba(255, 122, 24, 0.95), 0 0 25px rgba(255, 60, 55, 0.72); filter: saturate(1.55) contrast(1.12); } 32% { color: #ff35c8; text-shadow: 0 0 4px rgba(255, 255, 255, 0.18), 0 0 10px rgba(255, 53, 200, 0.95), 0 0 25px rgba(255, 53, 200, 0.76); filter: saturate(1.58) contrast(1.12); } 48% { color: #7a64ff; text-shadow: 0 0 4px rgba(255, 255, 255, 0.18), 0 0 10px rgba(122, 100, 255, 0.95), 0 0 25px rgba(30, 145, 255, 0.72); filter: saturate(1.55) contrast(1.12); } 64% { color: #23b0ff; text-shadow: 0 0 4px rgba(255, 255, 255, 0.18), 0 0 10px rgba(35, 176, 255, 0.95), 0 0 25px rgba(35, 176, 255, 0.75); filter: saturate(1.58) contrast(1.12); } 80% { color: #35ffc4; text-shadow: 0 0 4px rgba(255, 255, 255, 0.18), 0 0 10px rgba(53, 255, 196, 0.92), 0 0 25px rgba(53, 255, 196, 0.65); filter: saturate(1.5) contrast(1.1); } 100% { color: #ffdd4a; text-shadow: 0 0 4px rgba(255, 255, 255, 0.16), 0 0 10px rgba(255, 221, 74, 0.9), 0 0 24px rgba(255, 122, 24, 0.72); filter: saturate(1.45) contrast(1.1); } }
@keyframes vmV119LetterShine { 0%, 10% { background-position: -92% 50%; opacity: 0; } 16% { opacity: 1; } 52% { background-position: 50% 50%; opacity: 1; } 82% { background-position: 118% 50%; opacity: 0.92; } 90%, 100% { background-position: 124% 50%; opacity: 0; } }
@keyframes vmV119BackGlow { 0% { opacity: 0.42; transform: translateX(-3%) scaleX(0.98); } 33% { opacity: 0.52; transform: translateX(2%) scaleX(1.02); } 66% { opacity: 0.45; transform: translateX(4%) scaleX(1); } 100% { opacity: 0.42; transform: translateX(-3%) scaleX(0.98); } }
@property --vmLogoColor { syntax: "<color>"; inherits: false; initial-value: #ff8a18; }
@property --vmLogoHue { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --vmLogoGlow { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --vmLogoShinePos { syntax: "<percentage>"; inherits: false; initial-value: -85%; }
@property --vmLogoShineOpacity { syntax: "<number>"; inherits: false; initial-value: 0; }
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{position:relative !important;display:inline-flex !important;align-items:baseline !important;gap:0 !important;overflow:hidden !important;isolation:isolate !important;padding:0 0.012em 0.018em 0 !important;line-height:0.96 !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:transparent !important;-webkit-text-fill-color:initial !important;text-shadow:none !important;filter:none !important;animation:none !important;transform:translateZ(0) !important;-webkit-font-smoothing:antialiased !important;text-rendering:geometricPrecision !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{--vmLogoColor:#ff8a18;--vmLogoHue:0deg;--vmLogoGlow:1;position:relative !important;z-index:3 !important;display:inline-block !important;color:var(--vmLogoColor) !important;-webkit-text-fill-color:var(--vmLogoColor) !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;filter:hue-rotate(var(--vmLogoHue)) saturate(2.15) contrast(1.24) !important;text-shadow:0 0 calc(2px + (var(--vmLogoGlow) * 3px)) rgba(255,255,255,0.3),0 0 calc(8px + (var(--vmLogoGlow) * 8px)) var(--vmLogoColor),0 0 calc(18px + (var(--vmLogoGlow) * 16px)) var(--vmLogoColor) !important;animation:vmV120LetterLive 1.15s linear infinite !important;animation-delay:calc(var(--i) * -0.095s) !important;will-change:color,filter,text-shadow !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{--vmLogoShinePos:-85%;--vmLogoShineOpacity:0;content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:6 !important;pointer-events:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background-image:linear-gradient( 100deg,transparent 0%,transparent 39%,rgba(255,255,255,0.2) 44%,rgba(255,255,255,1) 49%,rgba(255,238,116,1) 52%,rgba(255,255,255,1) 55%,rgba(70,235,255,0.42) 60%,transparent 66%,transparent 100% ) !important;background-size:230% 100% !important;background-position:var(--vmLogoShinePos) 50% !important;-webkit-background-clip:text !important;background-clip:text !important;opacity:var(--vmLogoShineOpacity) !important;filter:drop-shadow(0 0 7px rgba(255,255,255,0.98)) drop-shadow(0 0 18px rgba(255,215,80,0.9)) drop-shadow(0 0 30px rgba(55,215,255,0.46)) !important;animation:vmV120ShineOnlyLetters 2.15s cubic-bezier(0.18,0.72,0.2,1) infinite !important;will-change:background-position,opacity !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;z-index:1 !important;pointer-events:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1px rgba(255,255,255,0.045) !important;text-shadow:0 0 11px rgba(255,125,24,0.62),0 0 23px rgba(255,54,205,0.38),0 0 38px rgba(38,150,255,0.28) !important;opacity:0.76 !important;background:none !important;filter:none !important;animation:vmV120BaseGlow 1.5s ease-in-out infinite !important;}
@keyframes vmV120LetterLive { 0% { --vmLogoColor: #ffe45a; --vmLogoHue: 0deg; --vmLogoGlow: 0.95; } 12% { --vmLogoColor: #ff8a18; --vmLogoHue: 18deg; --vmLogoGlow: 1.1; } 24% { --vmLogoColor: #ff315c; --vmLogoHue: 42deg; --vmLogoGlow: 1.2; } 36% { --vmLogoColor: #ff35d6; --vmLogoHue: 80deg; --vmLogoGlow: 1.12; } 48% { --vmLogoColor: #865cff; --vmLogoHue: 130deg; --vmLogoGlow: 1.06; } 60% { --vmLogoColor: #2494ff; --vmLogoHue: 180deg; --vmLogoGlow: 1.15; } 72% { --vmLogoColor: #22ecff; --vmLogoHue: 220deg; --vmLogoGlow: 1.22; } 84% { --vmLogoColor: #40ffc1; --vmLogoHue: 290deg; --vmLogoGlow: 1.08; } 100% { --vmLogoColor: #ffe45a; --vmLogoHue: 360deg; --vmLogoGlow: 0.95; } }
@keyframes vmV120ShineOnlyLetters { 0%, 12% { --vmLogoShinePos: -85%; --vmLogoShineOpacity: 0; } 18% { --vmLogoShinePos: -45%; --vmLogoShineOpacity: 1; } 50% { --vmLogoShinePos: 42%; --vmLogoShineOpacity: 1; } 76% { --vmLogoShinePos: 105%; --vmLogoShineOpacity: 0.95; } 86%, 100% { --vmLogoShinePos: 118%; --vmLogoShineOpacity: 0; } }
@keyframes vmV120BaseGlow { 0%, 100% { opacity: 0.58; text-shadow: 0 0 9px rgba(255, 125, 24, 0.42), 0 0 18px rgba(255, 54, 205, 0.25), 0 0 30px rgba(38, 150, 255, 0.18); } 50% { opacity: 0.86; text-shadow: 0 0 12px rgba(255, 255, 255, 0.22), 0 0 25px rgba(255, 54, 205, 0.36), 0 0 42px rgba(38, 150, 255, 0.28); } }
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{overflow:visible !important;padding:0 !important;background:transparent !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;mix-blend-mode:normal !important;contain:layout style !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span{background:transparent !important;box-shadow:none !important;filter:hue-rotate(var(--vmLogoHue)) saturate(2.35) contrast(1.32) !important;text-shadow:0 0 calc(1px + (var(--vmLogoGlow) * 1.4px)) rgba(255,255,255,0.26),0 0 calc(4px + (var(--vmLogoGlow) * 4px)) color-mix(in srgb,var(--vmLogoColor) 82%,transparent),0 0 calc(9px + (var(--vmLogoGlow) * 7px)) color-mix(in srgb,var(--vmLogoColor) 56%,transparent) !important;opacity:1 !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after{display:none !important;content:none !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{overflow:visible !important;background-size:170% 100% !important;filter:drop-shadow(0 0 4px rgba(255,255,255,0.95)) drop-shadow(0 0 10px rgba(255,209,71,0.72)) drop-shadow(0 0 16px rgba(60,218,255,0.3)) !important;mix-blend-mode:screen !important;}
@keyframes vmV120ShineOnlyLetters { 0%, 14% { --vmLogoShinePos: -54%; --vmLogoShineOpacity: 0; } 20% { --vmLogoShinePos: -32%; --vmLogoShineOpacity: 0.95; } 48% { --vmLogoShinePos: 34%; --vmLogoShineOpacity: 1; } 72% { --vmLogoShinePos: 88%; --vmLogoShineOpacity: 0.95; } 82%, 100% { --vmLogoShinePos: 103%; --vmLogoShineOpacity: 0; } }
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated{position:relative !important;display:inline-flex !important;align-items:baseline !important;width:max-content !important;max-width:max-content !important;overflow:hidden !important;clip-path:inset(-22% 0 -28% 0) !important;isolation:isolate !important;background:transparent !important;box-shadow:none !important;}
.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before{left:0 !important;right:auto !important;top:0 !important;width:100% !important;max-width:100% !important;overflow:hidden !important;clip-path:inset(0 0 0 0) !important;transform:none !important;background-size:155% 100% !important;filter:drop-shadow(0 0 4px rgba(255,255,255,0.88)) drop-shadow(0 0 9px rgba(255,209,71,0.62)) drop-shadow(0 0 14px rgba(60,218,255,0.24)) !important;}
@keyframes vmV120ShineOnlyLetters { 0%, 15% { --vmLogoShinePos: -36%; --vmLogoShineOpacity: 0; } 22% { --vmLogoShinePos: -20%; --vmLogoShineOpacity: 0.92; } 48% { --vmLogoShinePos: 34%; --vmLogoShineOpacity: 1; } 70% { --vmLogoShinePos: 82%; --vmLogoShineOpacity: 0.88; } 80%, 100% { --vmLogoShinePos: 98%; --vmLogoShineOpacity: 0; } }
.homeScheduleFbSection{padding-top:30px !important;padding-bottom:34px !important;}
.homeScheduleFbSection .homeScheduleFbGrid{grid-template-columns:minmax(0,1.18fr) minmax(360px,0.82fr) !important;gap:22px !important;align-items:stretch !important;}
.homeScheduleFbSection .homeScheduleColumn, .homeScheduleFbSection .homeFacebookColumn{grid-column:auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;}
.homeScheduleFbSection .homeScheduleHead{min-height:66px !important;margin-bottom:14px !important;align-items:center !important;}
.homeScheduleFbSection .homeScheduleHead h2{font-size:clamp(1.9rem,2.35vw,2.55rem) !important;line-height:1 !important;margin-bottom:7px !important;}
.homeScheduleFbSection .homeScheduleHead p{font-size:1rem !important;line-height:1.35 !important;}
.homeScheduleFbSection .homeScheduleHead .btn{min-height:46px !important;padding:11px 18px !important;white-space:nowrap !important;}
.homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:470px !important;min-height:470px !important;max-height:470px !important;padding:10px !important;border-radius:26px !important;flex:1 1 auto !important;background:radial-gradient(circle at 18% 0%,rgba(47,140,255,0.2),transparent 42%),radial-gradient(circle at 88% 100%,rgba(255,63,180,0.14),transparent 46%),linear-gradient(145deg,rgba(255,255,255,0.085),rgba(255,255,255,0.043)) !important;box-shadow:0 22px 70px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
.homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;transform:none !important;border-radius:20px !important;}
.homeScheduleFbSection .facebookSideCard{height:470px !important;min-height:470px !important;max-height:470px !important;padding:9px !important;border-radius:26px !important;overflow:hidden !important;flex:1 1 auto !important;background:radial-gradient(circle at 10% 0%,rgba(255,255,255,0.12),transparent 36%),linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055)) !important;box-shadow:0 22px 70px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
.homeScheduleFbSection .facebookSideCard .fbFrameSide{width:100% !important;height:452px !important;min-height:452px !important;max-height:452px !important;border-radius:20px !important;}
@media (min-width: 1350px) { .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: minmax(0, 1.22fr) minmax(380px, 0.78fr) !important; gap: 24px !important; } }
@media (max-width: 1050px) { .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: 1fr !important; gap: 20px !important; } .homeScheduleFbSection .homeScheduleColumn, .homeScheduleFbSection .homeFacebookColumn { grid-column: 1 / -1 !important; } .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]), .homeScheduleFbSection .facebookSideCard { height: 440px !important; min-height: 440px !important; max-height: 440px !important; } .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 422px !important; min-height: 422px !important; max-height: 422px !important; } }
@media (max-width: 640px) { .homeScheduleFbSection { padding-top: 24px !important; padding-bottom: 28px !important; } .homeScheduleFbSection .homeScheduleHead { min-height: 0 !important; margin-bottom: 12px !important; align-items: flex-start !important; } .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(300px, 74vw, 370px) !important; min-height: 0 !important; max-height: 370px !important; padding: 8px !important; border-radius: 22px !important; } .homeScheduleFbSection .facebookSideCard { height: 430px !important; min-height: 430px !important; max-height: 430px !important; padding: 8px !important; border-radius: 22px !important; } .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 414px !important; min-height: 414px !important; max-height: 414px !important; border-radius: 18px !important; } }
.homePremiumBody .homeScheduleFbSection{padding-top:34px !important;padding-bottom:66px !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{display:grid !important;grid-template-columns:minmax(0,1.55fr) minmax(410px,0.95fr) !important;gap:26px !important;align-items:start !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead{min-height:0 !important;margin-bottom:16px !important;align-items:flex-start !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead h2{font-size:clamp(1.9rem,2.25vw,2.45rem) !important;line-height:1.02 !important;margin:0 0 6px !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead p{margin:0 !important;font-size:0.98rem !important;line-height:1.35 !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead .btn{min-height:44px !important;padding:10px 18px !important;border-radius:24px !important;white-space:nowrap !important;}
.homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:338px !important;min-height:338px !important;max-height:338px !important;padding:10px !important;border-radius:27px !important;overflow:hidden !important;background:radial-gradient(circle at 14% 0%,rgba(47,140,255,0.22),transparent 42%),radial-gradient(circle at 92% 100%,rgba(255,63,180,0.17),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.095),rgba(255,255,255,0.045)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;transform:none !important;border:0 !important;border-radius:21px !important;background:transparent !important;}
.homePremiumBody .homeScheduleFbSection .facebookSideCard{height:620px !important;min-height:620px !important;max-height:620px !important;padding:10px !important;border-radius:27px !important;overflow:hidden !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,0.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{display:block !important;width:100% !important;height:600px !important;min-height:600px !important;max-height:600px !important;border:0 !important;border-radius:21px !important;background:#fff !important;}
@media (min-width: 1500px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: minmax(0, 1.62fr) minmax(430px, 0.92fr) !important; gap: 28px !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 354px !important; min-height: 354px !important; max-height: 354px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: minmax(0, 1.45fr) minmax(380px, 0.95fr) !important; gap: 22px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 590px !important; min-height: 590px !important; max-height: 590px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 570px !important; min-height: 570px !important; max-height: 570px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: 1fr !important; gap: 28px !important; } .homePremiumBody .homeScheduleFbSection .homeScheduleColumn, .homePremiumBody .homeScheduleFbSection .homeFacebookColumn { grid-column: 1 / -1 !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 350px !important; min-height: 350px !important; max-height: 350px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 620px !important; min-height: 620px !important; max-height: 620px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeScheduleFbSection { padding-top: 28px !important; padding-bottom: 42px !important; } .homePremiumBody .homeScheduleFbSection .homeScheduleHead { gap: 12px !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(258px, 68vw, 330px) !important; min-height: 0 !important; max-height: 330px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 560px !important; min-height: 560px !important; max-height: 560px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 544px !important; min-height: 544px !important; max-height: 544px !important; border-radius: 18px !important; } }
.homePremiumBody .homeScheduleFbSection{padding-top:36px !important;padding-bottom:54px !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid{display:grid !important;grid-template-columns:minmax(0,1fr) 540px !important;gap:28px !important;align-items:start !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleColumn, .homePremiumBody .homeScheduleFbSection .homeFacebookColumn{min-width:0 !important;display:flex !important;flex-direction:column !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead{min-height:0 !important;margin-bottom:14px !important;align-items:flex-start !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead h2{font-size:clamp(2rem,2.2vw,2.42rem) !important;line-height:1.02 !important;margin:0 0 6px !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead p{margin:0 !important;font-size:0.98rem !important;line-height:1.38 !important;}
.homePremiumBody .homeScheduleFbSection .homeScheduleHead .btn{min-height:44px !important;padding:10px 19px !important;border-radius:24px !important;white-space:nowrap !important;}
.homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:392px !important;min-height:392px !important;max-height:392px !important;padding:10px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 16% 0%,rgba(47,140,255,0.23),transparent 42%),radial-gradient(circle at 92% 100%,rgba(255,63,180,0.18),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.095),rgba(255,255,255,0.045)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeScheduleFbSection .embedBox iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;transform:none !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
.homePremiumBody .homeScheduleFbSection .facebookSideCard{height:542px !important;min-height:542px !important;max-height:542px !important;padding:10px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,0.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide{display:block !important;width:500px !important;max-width:100% !important;height:522px !important;min-height:522px !important;max-height:522px !important;margin:0 auto !important;border:0 !important;border-radius:22px !important;background:#fff !important;}
.homePremiumBody .stackSafe{margin-top:8px !important;}
@media (min-width: 1500px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: minmax(0, 1fr) 540px !important; gap: 30px !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 406px !important; min-height: 406px !important; max-height: 406px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: minmax(0, 1fr) 520px !important; gap: 24px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 532px !important; min-height: 532px !important; max-height: 532px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 512px !important; min-height: 512px !important; max-height: 512px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeScheduleFbSection .homeScheduleFbGrid { grid-template-columns: 1fr !important; gap: 28px !important; } .homePremiumBody .homeScheduleFbSection .homeScheduleColumn, .homePremiumBody .homeScheduleFbSection .homeFacebookColumn { grid-column: 1 / -1 !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 390px !important; min-height: 390px !important; max-height: 390px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 542px !important; min-height: 542px !important; max-height: 542px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { height: 522px !important; min-height: 522px !important; max-height: 522px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeScheduleFbSection { padding-top: 28px !important; padding-bottom: 42px !important; } .homePremiumBody .homeScheduleFbSection .homeScheduleHead { gap: 12px !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(278px, 72vw, 350px) !important; min-height: 0 !important; max-height: 350px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard { height: 520px !important; min-height: 520px !important; max-height: 520px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeScheduleFbSection .facebookSideCard .fbFrameSide { width: 500px !important; max-width: 100% !important; height: 504px !important; min-height: 504px !important; max-height: 504px !important; border-radius: 18px !important; } }
.homePremiumBody .homeMasonryPremiumSection{padding-top:34px !important;padding-bottom:64px !important;}
.homePremiumBody .homeMasonryPremiumGrid{display:grid !important;grid-template-columns:minmax(0,1fr) 520px !important;gap:28px !important;align-items:start !important;}
.homePremiumBody .homeMasonryLeft, .homePremiumBody .homeMasonryRight{min-width:0 !important;display:grid !important;grid-template-columns:1fr !important;gap:28px !important;align-content:start !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{margin-bottom:14px !important;align-items:flex-start !important;gap:16px !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{font-size:clamp(2rem,2.2vw,2.42rem) !important;line-height:1.02 !important;margin:0 0 6px !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead p{margin:0 !important;font-size:0.98rem !important;line-height:1.38 !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead .btn{min-height:44px !important;padding:10px 19px !important;border-radius:24px !important;white-space:nowrap !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:315px !important;min-height:315px !important;max-height:315px !important;padding:10px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 16% 0%,rgba(47,140,255,0.23),transparent 42%),radial-gradient(circle at 92% 100%,rgba(255,63,180,0.18),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.095),rgba(255,255,255,0.045)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;transform:none !important;border:0 !important;border-radius:22px !important;background:transparent !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:660px !important;min-height:660px !important;max-height:660px !important;padding:10px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,0.14),transparent 38%),linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 22px 68px rgba(0,0,0,0.36),0 0 0 1px rgba(255,255,255,0.055) inset !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{display:block !important;width:500px !important;max-width:100% !important;height:640px !important;min-height:640px !important;max-height:640px !important;margin:0 auto !important;border:0 !important;border-radius:22px !important;background:#fff !important;}
.homePremiumBody .homeChatPremiumCard, .homePremiumBody .homeEventsPremiumCard{min-height:0 !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small{height:430px !important;}
.homePremiumBody .homeEventsPremiumCard .eventsList{max-height:360px !important;}
.homePremiumBody .stackSafe{display:none !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 540px !important; gap: 30px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 330px !important; min-height: 330px !important; max-height: 330px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 500px !important; gap: 24px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 640px !important; min-height: 640px !important; max-height: 640px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 620px !important; min-height: 620px !important; max-height: 620px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: 1fr !important; gap: 28px !important; } .homePremiumBody .homeMasonryLeft, .homePremiumBody .homeMasonryRight { gap: 28px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 330px !important; min-height: 330px !important; max-height: 330px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 660px !important; min-height: 660px !important; max-height: 660px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 640px !important; min-height: 640px !important; max-height: 640px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection { padding-top: 28px !important; padding-bottom: 46px !important; } .homePremiumBody .homeMasonryPremiumSection .homeScheduleHead { gap: 12px !important; flex-direction: column !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(278px, 72vw, 350px) !important; min-height: 0 !important; max-height: 350px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 560px !important; min-height: 560px !important; max-height: 560px !important; padding: 8px !important; border-radius: 22px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { width: 500px !important; max-width: 100% !important; height: 544px !important; min-height: 544px !important; max-height: 544px !important; border-radius: 18px !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small { height: 390px !important; } }
.homePremiumBody .homeChatPremiumCard{padding:24px 24px 18px !important;overflow:hidden !important;}
.homePremiumBody .homeChatPremiumCard h2{margin-bottom:10px !important;}
.homePremiumBody .homeChatPremiumCard p{margin:0 0 16px !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small{height:510px !important;min-height:510px !important;max-height:510px !important;border-radius:24px !important;overflow:hidden !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"]{display:block !important;width:100% !important;height:100% !important;min-height:100% !important;border:0 !important;}
.homePremiumBody .homeEventsPremiumCard{padding:24px !important;min-height:430px !important;overflow:hidden !important;}
.homePremiumBody .homeEventsPremiumCard .eventsHead{margin-bottom:16px !important;}
.homePremiumBody .homeEventsPremiumCard .eventsList{max-height:315px !important;min-height:285px !important;overflow:auto !important;padding-right:6px !important;scrollbar-width:thin !important;}
.homePremiumBody .homeEventsPremiumCard .eventItem{min-height:92px !important;}
@media (min-width: 1500px) { .homePremiumBody .homeChatPremiumCard .embedBox.small { height: 540px !important; min-height: 540px !important; max-height: 540px !important; } .homePremiumBody .homeEventsPremiumCard { min-height: 450px !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: 335px !important; min-height: 305px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeChatPremiumCard .embedBox.small { height: 500px !important; min-height: 500px !important; max-height: 500px !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: 305px !important; min-height: 275px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeChatPremiumCard .embedBox.small { height: 440px !important; min-height: 440px !important; max-height: 440px !important; } .homePremiumBody .homeEventsPremiumCard { min-height: auto !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: none !important; min-height: 0 !important; } }
.homePremiumBody .homeEventsPremiumCard{min-height:560px !important;padding:24px !important;overflow:hidden !important;}
.homePremiumBody .homeEventsPremiumCard .eventsList{max-height:405px !important;min-height:405px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;display:grid !important;gap:12px !important;align-content:start !important;scrollbar-width:thin !important;}
.homePremiumBody .homeEventsPremiumCard .eventItem{min-height:118px !important;padding:14px !important;align-items:flex-start !important;}
.homePremiumBody .homeEventsPremiumCard .eventText{display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.homePremiumBody .homeEventsPremiumCard .eventTitle{line-height:1.18 !important;}
@media (min-width: 1500px) { .homePremiumBody .homeEventsPremiumCard { min-height: 577px !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: 425px !important; min-height: 425px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeEventsPremiumCard { min-height: 540px !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: 385px !important; min-height: 385px !important; } .homePremiumBody .homeEventsPremiumCard .eventItem { min-height: 112px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeEventsPremiumCard { min-height: auto !important; } .homePremiumBody .homeEventsPremiumCard .eventsList { max-height: none !important; min-height: 0 !important; } .homePremiumBody .homeEventsPremiumCard .eventText { -webkit-line-clamp: unset !important; } }
.vmEventsLoginModal{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:flex-end;padding:22px;background:rgba(0,0,0,0.38);backdrop-filter:blur(10px);}
.vmEventsLoginModal.open{display:flex;}
.vmEventsLoginBox{position:relative;width:min(390px,calc(100vw - 34px));border:1px solid var(--line);border-radius:26px;background:linear-gradient(180deg,rgba(18,24,45,0.96),rgba(11,15,31,0.96));box-shadow:0 32px 100px rgba(0,0,0,0.55);padding:24px;margin-right:78px;}
.vmEventsLoginBox h3{font-size:1.45rem;margin:0 0 8px;letter-spacing:-0.03em;}
.vmEventsLoginBox p{margin:0 0 16px;color:var(--muted);line-height:1.5;}
.vmEventsLoginBox input{width:100%;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,0.08);color:#fff;padding:13px 14px;outline:0;}
.vmEventsLoginActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;}
.vmEventsLoginClose{position:absolute;top:12px;right:12px;min-width:84px;height:36px;padding:0 16px;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.08);color:#fff;font-size:.95rem;line-height:1;cursor:pointer;}
.eventsFormActions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;}
.eventsPasswordBox{margin-top:26px;padding-top:22px;border-top:1px solid var(--line);}
.eventsPasswordBox h3{margin-bottom:6px;}
.eventAdminItem{gap:14px;}
.eventAdminActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.eventEdit{border:1px solid rgba(52,245,197,0.28);background:rgba(52,245,197,0.1);color:#fff;border-radius:999px;padding:9px 12px;font-weight:800;cursor:pointer;}
.eventEdit:hover{background:rgba(52,245,197,0.18);}
@media (max-width: 1050px) { .vmEventsLoginModal { justify-content: center; } .vmEventsLoginBox { margin-right: 0; } }
@media (max-width: 640px) { .vmEventsLoginModal { padding: 14px; } .vmEventsLoginBox { padding: 20px; } .eventAdminActions { grid-column: 1 / -1; justify-content: flex-start; } }
.eventsAdminBody .subHero{padding:22px 0 8px !important;}
.eventsAdminBody .subHero .card{min-height:0 !important;padding:26px 28px !important;border-radius:24px !important;display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;gap:18px !important;align-items:center !important;}
.eventsAdminBody .subHero h1{font-size:clamp(2.25rem,3.6vw,3.55rem) !important;line-height:0.96 !important;letter-spacing:-0.055em !important;margin:0 0 8px !important;max-width:820px !important;}
.eventsAdminBody .subHero .lead{font-size:1rem !important;line-height:1.45 !important;margin:0 !important;max-width:760px !important;}
.eventsAdminBody .subHero .actions{align-self:center !important;}
@media (max-width: 1050px) { .eventsAdminBody .subHero .card { grid-template-columns: 1fr !important; padding: 22px !important; } .eventsAdminBody .subHero h1 { font-size: clamp(2rem, 7vw, 3rem) !important; } }
@media (max-width: 640px) { .eventsAdminBody .subHero { padding: 16px 0 6px !important; } .eventsAdminBody .subHero h1 { font-size: clamp(1.8rem, 10vw, 2.55rem) !important; } }
.vmBannerHomeCard{margin-top:18px;padding:0 !important;overflow:hidden;min-height:210px;position:relative;}
.vmBannerStage{min-height:210px;position:relative;overflow:hidden;isolation:isolate;}
.vmBannerLoading, .vmBannerEmpty{min-height:210px;display:grid;place-items:center;color:var(--muted);padding:24px;text-align:center;}
.vmHomeBanner{min-height:210px;display:grid;grid-template-columns:minmax(0,1fr) 148px;gap:20px;align-items:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,122,24,0.25),transparent 34%),radial-gradient(circle at 88% 18%,rgba(47,140,255,0.26),transparent 36%),linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035));}
.vmHomeBanner:before{content:"";position:absolute;inset:0;background:linear-gradient( 120deg,transparent 0%,rgba(255,255,255,0.1) 46%,transparent 62% );transform:translateX(-120%);animation:vmBannerLight 5.8s ease-in-out infinite;pointer-events:none;}
@keyframes vmBannerLight { 0%, 18% { transform: translateX(-120%); } 55%, 100% { transform: translateX(120%); } }
.vmHomeBannerContent{position:relative;z-index:1;min-width:0;}
.vmHomeBannerKicker{display:inline-flex;align-items:center;gap:8px;color:var(--d);font-weight:900;text-transform:uppercase;letter-spacing:0.08em;font-size:0.78rem;margin-bottom:8px;}
.vmHomeBannerKicker:before{content:"★";color:#fff;}
.vmHomeBanner h3{font-size:1.55rem;line-height:1.1;margin:0 0 10px;}
.vmHomeBannerText{color:var(--muted);font-size:1.02rem;line-height:1.58;max-width:640px;}
.vmHomeBannerText strong{color:#fff;}
.vmHomeBannerBtn{margin-top:16px;}
.vmHomeBannerMedia{position:relative;z-index:1;width:148px;height:148px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,122,24,0.24),rgba(47,140,255,0.2));border:1px solid rgba(255,255,255,0.16);box-shadow:0 18px 48px rgba(0,0,0,0.28);overflow:hidden;}
.vmHomeBannerMedia img{width:100%;height:100%;object-fit:cover;}
.vmHomeBannerMediaIcon{font-size:4.4rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,0.35));}
.vmBannerStage[data-effect="fade"] .vmHomeBanner{animation:vmBannerFade 0.55s ease both;}
.vmBannerStage[data-effect="slide-left"] .vmHomeBanner{animation:vmBannerSlideLeft 0.55s cubic-bezier(0.2,0.8,0.2,1) both;}
.vmBannerStage[data-effect="slide-right"] .vmHomeBanner{animation:vmBannerSlideRight 0.55s cubic-bezier(0.2,0.8,0.2,1) both;}
.vmBannerStage[data-effect="slide-up"] .vmHomeBanner{animation:vmBannerSlideUp 0.55s cubic-bezier(0.2,0.8,0.2,1) both;}
.vmBannerStage[data-effect="zoom"] .vmHomeBanner{animation:vmBannerZoom 0.55s cubic-bezier(0.2,0.8,0.2,1) both;}
@keyframes vmBannerFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes vmBannerSlideLeft { from { opacity: 0; transform: translateX(34px); } to { opacity: 1; transform: translateX(0); } }
@keyframes vmBannerSlideRight { from { opacity: 0; transform: translateX(-34px); } to { opacity: 1; transform: translateX(0); } }
@keyframes vmBannerSlideUp { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
@keyframes vmBannerZoom { from { opacity: 0; transform: scale(0.96); } to { opacity: 1; transform: scale(1); } }
.vmBannersAdminSection{padding-top:0;}
.vmBannerSettingsGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.vmBannersAdminList{margin-top:18px;}
.vmBannerAdminItem{align-items:center;}
.vmBannerThumb{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(255,122,24,0.22),rgba(47,140,255,0.18));border:1px solid rgba(255,255,255,0.14);font-size:1.8rem;flex:0 0 auto;}
.vmBannerThumb img{width:100%;height:100%;object-fit:cover;}
.vmBannerBadge{display:inline-flex;color:var(--d);font-size:0.74rem;font-weight:900;text-transform:uppercase;letter-spacing:0.08em;}
.vmBannerBadge.off{color:rgba(255,255,255,0.42);}
.vmBannerPreviewHtml{color:var(--muted);line-height:1.45;margin:4px 0 0;}
.vmBannerPreviewHtml strong{color:#fff;}
.vmBannerAdminActions{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;}
.vmBannerAdminActions button{border:1px solid var(--line);background:rgba(255,255,255,0.08);color:#fff;border-radius:999px;padding:10px 14px;font-weight:800;cursor:pointer;}
.vmBannerAdminActions .vmBannerEdit{background:rgba(52,245,197,0.16);border-color:rgba(52,245,197,0.35);}
@media (max-width: 900px) { .vmHomeBanner { grid-template-columns: 1fr; } .vmHomeBannerMedia { width: 112px; height: 112px; } .vmBannerSettingsGrid { grid-template-columns: 1fr; } }
.vmHomeBanner.hasBg{background:linear-gradient( 90deg,rgba(4,8,22,0.88) 0%,rgba(4,8,22,0.7) 43%,rgba(4,8,22,0.36) 100% ),var(--vm-banner-bg) center/cover no-repeat !important;}
.vmHomeBanner.hasBg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(255,122,24,0.22),transparent 34%),radial-gradient(circle at 86% 50%,rgba(47,140,255,0.24),transparent 38%);pointer-events:none;z-index:0;}
.vmHomeBanner.hasBg .vmHomeBannerContent, .vmHomeBanner.hasBg .vmHomeBannerMedia{z-index:2;}
.vmHomeBanner.hasBg .vmHomeBannerText{color:rgba(255,255,255,0.88);text-shadow:0 2px 14px rgba(0,0,0,0.45);}
.vmHomeBanner.hasBg h3{text-shadow:0 3px 20px rgba(0,0,0,0.55);}
.vmHomeBannerMedia img{object-fit:contain !important;background:rgba(3,8,20,0.28);}
.vmHomeBanner.hasBg .vmHomeBannerMedia{background:rgba(4,8,22,0.38);backdrop-filter:blur(8px);}
.vmBannerBgInfo{margin:3px 0 4px;color:rgba(52,245,197,0.85);font-size:0.76rem;font-weight:800;word-break:break-all;}
.footer button#vmEventsAdminOpen{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:none;}
.footer button#vmEventsAdminOpen:hover{color:#fff;text-decoration:underline;}
.homePremiumBody .vmChatGateBox{position:relative !important;overflow:hidden !important;background:#060b1d !important;}
.homePremiumBody .vmChatGateBox iframe[data-embed="chat"]{display:block !important;width:100% !important;height:100% !important;border:0 !important;opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transition:opacity 0.35s ease,visibility 0.35s ease !important;}
.homePremiumBody .vmChatGateBox.vmChatGateOpen iframe[data-embed="chat"]{opacity:1 !important;visibility:visible !important;pointer-events:auto !important;}
.vmChatGateCover{position:absolute;inset:0;z-index:5;display:grid;place-items:center;cursor:pointer;overflow:hidden;background:#070a5d;isolation:isolate;}
.vmChatGateCover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;filter:saturate(1.08) contrast(1.05);transform:scale(1.01);}
.vmChatGateShade{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,0.08),transparent 35%),linear-gradient(180deg,rgba(4,8,24,0.08),rgba(4,8,24,0.72));}
.vmChatGateContent{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;border-radius:28px;background:rgba(5,9,28,0.44);border:1px solid rgba(255,255,255,0.2);box-shadow:0 28px 80px rgba(0,0,0,0.42);backdrop-filter:blur(10px);}
.vmChatGateKicker{color:var(--d);font-weight:900;text-transform:uppercase;letter-spacing:0.1em;font-size:0.78rem;}
.vmChatGateContent strong{font-size:clamp(1.85rem,4vw,3rem);line-height:1;letter-spacing:-0.05em;text-shadow:0 4px 28px rgba(0,0,0,0.48);}
.vmChatGateContent small{color:rgba(255,255,255,0.82);font-size:0.96rem;margin-bottom:4px;}
.vmChatGateCover:hover .vmChatGateContent, .vmChatGateCover:focus-visible .vmChatGateContent{transform:translateY(-2px);border-color:rgba(255,255,255,0.32);}
.vmChatGateBox.vmChatGateOpen .vmChatGateCover{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.02);transition:opacity 0.36s ease,visibility 0.36s ease,transform 0.36s ease;}
@media (max-width: 640px) { .vmChatGateContent { padding: 18px; border-radius: 22px; max-width: calc(100% - 28px); } .vmChatGateContent strong { font-size: 2rem; } }
.chartBody .subHero{padding:22px 0 8px !important;}
.chartBody .subHero .card{min-height:0 !important;padding:24px 28px !important;border-radius:24px !important;grid-template-columns:minmax(0,1fr) auto !important;gap:18px !important;align-items:center !important;}
.chartBody .subHero h1{font-size:clamp(2.1rem,3.35vw,3.35rem) !important;line-height:0.98 !important;letter-spacing:-0.055em !important;margin:0 0 9px !important;}
.chartBody .subHero .lead{font-size:1rem !important;line-height:1.45 !important;margin:0 !important;max-width:720px !important;}
.chartBody .subHero .kicker{padding:7px 12px !important;font-size:0.95rem !important;margin-bottom:8px !important;}
.chartBody .subHero .actions{align-self:center !important;}
@media (max-width: 1050px) { .chartBody .subHero .card { grid-template-columns: 1fr !important; padding: 22px !important; } .chartBody .subHero h1 { font-size: clamp(2rem, 7vw, 3rem) !important; } }
@media (max-width: 640px) { .chartBody .subHero { padding: 16px 0 6px !important; } .chartBody .subHero h1 { font-size: clamp(1.8rem, 10vw, 2.5rem) !important; } }
.chartBody .subHero, .scheduleBody .schedulePage .subHero{padding-top:18px !important;padding-bottom:8px !important;}
.chartBody .subHero .card, .scheduleBody .schedulePage .subHero .card{min-height:106px !important;padding:13px 22px 14px !important;border-radius:22px !important;grid-template-columns:minmax(0,1fr) auto !important;gap:18px !important;align-items:center !important;}
.chartBody .subHero .kicker, .scheduleBody .schedulePage .subHero .kicker{display:none !important;}
.chartBody .subHero h1, .scheduleBody .schedulePage .subHero h1{font-size:clamp(1.65rem,2.2vw,2.08rem) !important;line-height:1.02 !important;margin:0 0 6px !important;letter-spacing:-0.045em !important;max-width:980px !important;}
.chartBody .subHero .lead, .scheduleBody .schedulePage .subHero .lead{font-size:0.88rem !important;line-height:1.38 !important;max-width:980px !important;margin:0 !important;}
.chartBody .subHero .actions .btn, .scheduleBody .schedulePage .subHero .actions .btn{padding:10px 16px !important;font-size:0.9rem !important;}
@media (max-width: 1050px) { .chartBody .subHero .card, .scheduleBody .schedulePage .subHero .card { grid-template-columns: 1fr !important; padding: 18px !important; } }
@media (max-width: 640px) { .chartBody .subHero, .scheduleBody .schedulePage .subHero { padding-top: 14px !important; } .chartBody .subHero h1, .scheduleBody .schedulePage .subHero h1 { font-size: clamp(1.45rem, 7vw, 1.95rem) !important; } .chartBody .subHero .lead, .scheduleBody .schedulePage .subHero .lead { font-size: 0.9rem !important; } }
@media (min-width: 1051px) { .homePremiumBody .heroWow.page { grid-template-columns: minmax(0, 1fr) minmax(430px, 468px) !important; gap: 32px !important; align-items: center !important; } .homePremiumBody .heroPlayer { width: 100% !important; max-width: 468px !important; min-height: 306px !important; justify-self: end !important; top: -8px !important; padding: 20px 22px 17px !important; box-sizing: border-box !important; } .homePremiumBody .heroPlayer .liveTop { display: grid !important; grid-template-columns: minmax(0, 1fr) 96px !important; gap: 18px !important; align-items: start !important; min-height: 104px !important; } .homePremiumBody .heroPlayer .avatar { width: 96px !important; height: 96px !important; border-radius: 24px !important; } .homePremiumBody .heroPlayer .now { min-width: 0 !important; overflow: visible !important; padding-top: 1px !important; } .homePremiumBody .heroPlayer .now strong, .homePremiumBody .heroPlayer .now span[data-broadcast] { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; gap: 10px !important; align-items: center !important; width: 100% !important; min-width: 0 !important; min-height: 30px !important; overflow: visible !important; white-space: nowrap !important; } .homePremiumBody .heroPlayer .vm-info-label { width: 112px !important; min-width: 112px !important; max-width: 112px !important; overflow: visible !important; white-space: nowrap !important; letter-spacing: 0.115em !important; font-size: 0.7rem !important; line-height: 28px !important; height: 28px !important; } .homePremiumBody .heroPlayer .vmMarquee { min-width: 0 !important; width: 100% !important; } .homePremiumBody .heroPlayer .meter { width: calc(100% - 86px) !important; margin: 12px 0 8px 78px !important; } .homePremiumBody .heroPlayer .chips { margin-top: 11px !important; } }
.homePremiumBody .homeMasonryPremiumSection{padding-top:32px !important;}
.homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:minmax(0,1fr) 526px !important;gap:30px !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{margin-bottom:13px !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{font-size:clamp(2.04rem,2.28vw,2.5rem) !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:348px !important;min-height:348px !important;max-height:348px !important;padding:12px !important;border-radius:27px !important;overflow:hidden !important;background:radial-gradient(circle at 18% 0%,rgba(47,140,255,0.2),transparent 42%),radial-gradient(circle at 92% 100%,rgba(255,63,180,0.17),transparent 48%),linear-gradient(145deg,rgba(255,255,255,0.105),rgba(255,255,255,0.045)) !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{border-radius:21px !important;overflow:hidden !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:678px !important;min-height:678px !important;max-height:678px !important;padding:12px !important;border-radius:27px !important;overflow:hidden !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{width:100% !important;max-width:100% !important;height:654px !important;min-height:654px !important;max-height:654px !important;margin:0 !important;border-radius:20px !important;overflow:hidden !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 540px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 360px !important; min-height: 360px !important; max-height: 360px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 690px !important; min-height: 690px !important; max-height: 690px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 666px !important; min-height: 666px !important; max-height: 666px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 500px !important; gap: 24px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 342px !important; min-height: 342px !important; max-height: 342px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 658px !important; min-height: 658px !important; max-height: 658px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 634px !important; min-height: 634px !important; max-height: 634px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: 1fr !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 350px !important; min-height: 350px !important; max-height: 350px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 678px !important; min-height: 678px !important; max-height: 678px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 654px !important; min-height: 654px !important; max-height: 654px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(290px, 74vw, 352px) !important; min-height: 0 !important; max-height: 352px !important; padding: 9px !important; border-radius: 23px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 570px !important; min-height: 570px !important; max-height: 570px !important; padding: 9px !important; border-radius: 23px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 552px !important; min-height: 552px !important; max-height: 552px !important; border-radius: 18px !important; } }
.homePremiumBody .homeMasonryPremiumSection{padding-top:38px !important;}
.homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:minmax(0,1.42fr) minmax(460px,0.95fr) !important;gap:30px !important;align-items:start !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead{margin-bottom:16px !important;align-items:flex-start !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead h2{font-size:clamp(2.08rem,2.35vw,2.58rem) !important;line-height:1.02 !important;margin:0 0 7px !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead p{font-size:1.03rem !important;line-height:1.45 !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleHead .btn{margin-top:0 !important;flex:0 0 auto !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:354px !important;min-height:354px !important;max-height:354px !important;padding:0 !important;border-radius:28px !important;overflow:hidden !important;background:transparent !important;}
.homePremiumBody .homeMasonryPremiumSection .embedBox iframe[data-embed="scheduleToday"]{display:block !important;width:100% !important;height:100% !important;margin:0 !important;border-radius:22px !important;overflow:hidden !important;background:transparent !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:682px !important;min-height:682px !important;max-height:682px !important;padding:16px !important;border-radius:28px !important;overflow:hidden !important;background:radial-gradient(circle at 20% 0%,rgba(47,140,255,0.16),transparent 42%),radial-gradient(circle at 90% 100%,rgba(255,63,180,0.14),transparent 46%),linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.052)) !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{display:block !important;width:100% !important;max-width:100% !important;height:650px !important;min-height:650px !important;max-height:650px !important;margin:0 !important;border-radius:22px !important;overflow:hidden !important;background:#fff !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1.45fr) minmax(500px, 0.95fr) !important; gap: 32px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 366px !important; min-height: 366px !important; max-height: 366px !important; padding: 0 !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 690px !important; min-height: 690px !important; max-height: 690px !important; padding: 16px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 658px !important; min-height: 658px !important; max-height: 658px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 500px !important; gap: 24px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 350px !important; min-height: 350px !important; max-height: 350px !important; padding: 0 !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 666px !important; min-height: 666px !important; max-height: 666px !important; padding: 14px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 638px !important; min-height: 638px !important; max-height: 638px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: 1fr !important; gap: 26px !important; } .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 354px !important; min-height: 354px !important; max-height: 354px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 682px !important; min-height: 682px !important; max-height: 682px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 650px !important; min-height: 650px !important; max-height: 650px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: clamp(292px, 76vw, 354px) !important; min-height: 0 !important; max-height: 354px !important; padding: 0 !important; border-radius: 23px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 570px !important; min-height: 570px !important; max-height: 570px !important; padding: 10px !important; border-radius: 23px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 550px !important; min-height: 550px !important; max-height: 550px !important; border-radius: 18px !important; } }
.homePremiumBody .homeMasonryPremiumGrid{grid-template-columns:minmax(0,1fr) 552px !important;gap:30px !important;align-items:start !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:632px !important;min-height:632px !important;max-height:632px !important;padding:16px !important;border-radius:28px !important;overflow:hidden !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{display:block !important;width:100% !important;max-width:100% !important;height:600px !important;min-height:600px !important;max-height:600px !important;margin:0 !important;border:0 !important;border-radius:22px !important;overflow:hidden !important;background:#fff !important;}
.homePremiumBody .homeChatPremiumCard{padding:24px !important;overflow:hidden !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small{margin:18px 0 0 !important;height:510px !important;min-height:510px !important;max-height:510px !important;border-radius:24px !important;overflow:hidden !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 560px !important; gap: 32px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 632px !important; min-height: 632px !important; max-height: 632px !important; padding: 16px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 540px !important; gap: 24px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 632px !important; min-height: 632px !important; max-height: 632px !important; padding: 16px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 1050px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: 1fr !important; gap: 26px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 632px !important; min-height: 632px !important; max-height: 632px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 570px !important; min-height: 570px !important; max-height: 570px !important; padding: 10px !important; border-radius: 23px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 550px !important; min-height: 550px !important; max-height: 550px !important; border-radius: 18px !important; } .homePremiumBody .homeChatPremiumCard { padding: 20px !important; } }
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard{height:684px !important;min-height:684px !important;max-height:684px !important;padding:12px !important;border-radius:28px !important;overflow:hidden !important;}
.homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide{display:block !important;width:520px !important;max-width:100% !important;height:660px !important;min-height:660px !important;max-height:660px !important;margin:0 auto !important;border:0 !important;border-radius:22px !important;background:#fff !important;}
.homePremiumBody .homeChatPremiumCard{padding:14px !important;border-radius:28px !important;overflow:hidden !important;}
.homePremiumBody .homeChatPremiumCard h2{margin:0 0 8px !important;padding:12px 10px 0 !important;}
.homePremiumBody .homeChatPremiumCard p{margin:0 0 14px !important;padding:0 10px !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small{width:100% !important;height:510px !important;min-height:510px !important;max-height:510px !important;margin:0 !important;border-radius:22px !important;overflow:hidden !important;}
.homePremiumBody .homeEventsPremiumCard{padding:14px !important;border-radius:28px !important;overflow:hidden !important;}
.homePremiumBody .homeEventsPremiumCard .eventsHead{margin:0 0 14px !important;padding:12px 10px 0 !important;}
.homePremiumBody .homeEventsPremiumCard .eventsList{width:100% !important;margin:0 !important;padding:0 !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumGrid { grid-template-columns: minmax(0, 1fr) 560px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { width: 536px !important; } }
@media (max-width: 1180px) { .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 664px !important; min-height: 664px !important; max-height: 664px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 640px !important; min-height: 640px !important; max-height: 640px !important; } }
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection .facebookSideCard { height: 568px !important; min-height: 568px !important; max-height: 568px !important; padding: 8px !important; } .homePremiumBody .homeMasonryPremiumSection .facebookSideCard .fbFrameSide { height: 552px !important; min-height: 552px !important; max-height: 552px !important; width: 500px !important; } .homePremiumBody .homeChatPremiumCard, .homePremiumBody .homeEventsPremiumCard { padding: 10px !important; } }
.homePremiumBody .vmBannerHomeCard{margin-top:0 !important;padding:0 !important;min-height:236px !important;height:236px !important;overflow:hidden !important;}
.homePremiumBody .vmBannerStage{min-height:236px !important;height:236px !important;}
.homePremiumBody .vmHomeBanner{min-height:236px !important;height:236px !important;padding:24px !important;align-items:center !important;}
.vmHomeBanner.noMedia{grid-template-columns:1fr !important;}
.vmHomeBannerMedia, .vmHomeBanner.hasBg .vmHomeBannerMedia{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;}
.vmHomeBannerMedia img{width:100% !important;height:100% !important;object-fit:contain !important;object-position:center !important;background:transparent !important;border:0 !important;}
.vmBannerNav{position:absolute !important;left:50% !important;right:auto !important;bottom:26px !important;top:auto !important;transform:translateX(-50%) !important;z-index:8 !important;display:flex !important;align-items:center !important;gap:8px !important;padding:7px 10px !important;border:1px solid rgba(255,255,255,0.13) !important;border-radius:999px !important;background:rgba(6,10,25,0.46) !important;backdrop-filter:blur(16px) !important;box-shadow:0 14px 38px rgba(0,0,0,0.22) !important;}
.vmBannerArrow{width:30px !important;height:30px !important;border-radius:999px !important;border:1px solid rgba(255,255,255,0.14) !important;background:rgba(255,255,255,0.08) !important;color:#fff !important;font-weight:900 !important;cursor:pointer !important;display:grid !important;place-items:center !important;line-height:1 !important;}
.vmBannerArrow:hover{background:rgba(255,255,255,0.16) !important;}
.vmBannerDots{display:flex !important;align-items:center !important;gap:6px !important;}
.vmBannerDot{width:8px !important;height:8px !important;border-radius:999px !important;border:0 !important;padding:0 !important;background:rgba(255,255,255,0.35) !important;cursor:pointer !important;}
.vmBannerDot.active{width:18px !important;background:linear-gradient(90deg,var(--a),var(--d)) !important;box-shadow:0 0 15px rgba(52,245,197,0.28) !important;}
@media (max-width: 640px) { .homePremiumBody .vmBannerHomeCard, .homePremiumBody .vmBannerStage, .homePremiumBody .vmHomeBanner { min-height: 250px !important; height: 250px !important; } .vmBannerNav { left: 50% !important; right: auto !important; bottom: 14px !important; transform: translateX(-50%) !important; } .vmBannerArrow { width: 28px !important; height: 28px !important; } }
.vmHomeBanner.bgTransparent:not(.hasBg){background:transparent !important;}
.vmHomeBanner.bgAurora:not(.hasBg){background:radial-gradient(circle at 15% 20%,rgba(255,143,38,0.38),transparent 34%),radial-gradient(circle at 82% 26%,rgba(57,126,255,0.34),transparent 36%),linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035)) !important;}
.vmHomeBanner.bgNeon:not(.hasBg){background:radial-gradient(circle at 20% 38%,rgba(0,245,212,0.32),transparent 32%),radial-gradient(circle at 78% 44%,rgba(255,64,129,0.32),transparent 34%),linear-gradient(135deg,rgba(24,34,62,0.94),rgba(47,39,75,0.86)) !important;}
.vmHomeBanner.bgSunset:not(.hasBg){background:radial-gradient(circle at 18% 20%,rgba(255,178,74,0.46),transparent 35%),radial-gradient(circle at 85% 70%,rgba(59,130,246,0.32),transparent 40%),linear-gradient( 135deg,rgba(255,116,0,0.3),rgba(112,53,117,0.42),rgba(25,45,88,0.38) ) !important;}
.vmHomeBanner.bgGlass:not(.hasBg){background:linear-gradient(135deg,rgba(255,255,255,0.12),rgba(255,255,255,0.035)),radial-gradient(circle at 30% 20%,rgba(255,139,38,0.22),transparent 35%),radial-gradient(circle at 80% 75%,rgba(82,150,255,0.2),transparent 40%) !important;}
.vmHomeBanner.bgRainbow:not(.hasBg){background:linear-gradient( 120deg,rgba(255,94,94,0.3),rgba(255,185,45,0.27),rgba(49,224,137,0.23),rgba(63,169,255,0.25),rgba(169,89,255,0.28) ) !important;}
.homePremiumBody .vmBannerHomeCard{min-height:236px !important;height:236px !important;overflow:hidden !important;}
.homePremiumBody .vmBannerStage{min-height:236px !important;height:236px !important;overflow:hidden !important;}
.homePremiumBody .vmHomeBanner{min-height:236px !important;height:236px !important;max-height:236px !important;overflow:hidden !important;padding:24px !important;align-items:center !important;}
.homePremiumBody .vmHomeBannerContent{min-width:0 !important;max-width:100% !important;}
.homePremiumBody .vmHomeBanner h3{display:-webkit-box !important;-webkit-line-clamp:1 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;max-width:100% !important;}
.homePremiumBody .vmHomeBannerText{display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;text-overflow:ellipsis !important;max-height:4.8em !important;}
.homePremiumBody .vmHomeBannerBtn{margin-top:14px !important;}
.homePremiumBody .vmBannerNav{left:50% !important;right:auto !important;bottom:18px !important;top:auto !important;transform:translate(-50%,8px) !important;opacity:0 !important;pointer-events:none !important;transition:opacity 0.24s ease,transform 0.24s ease !important;padding:5px 8px !important;gap:6px !important;z-index:10 !important;}
.homePremiumBody .vmBannerHomeCard:hover .vmBannerNav, .homePremiumBody .vmBannerHomeCard:focus-within .vmBannerNav, .homePremiumBody .vmBannerStage:hover .vmBannerNav, .homePremiumBody .vmBannerStage:focus-within .vmBannerNav{opacity:1 !important;pointer-events:auto !important;transform:translate(-50%,0) !important;}
.homePremiumBody .vmBannerArrow{width:24px !important;height:24px !important;font-size:15px !important;}
.homePremiumBody .vmBannerDot{width:6px !important;height:6px !important;}
.homePremiumBody .vmBannerDot.active{width:14px !important;}
.homePremiumBody .vmHomeBanner.bgTransparent:not(.hasBg){background:transparent !important;}
.homePremiumBody .vmHomeBanner.bgAurora:not(.hasBg){background:radial-gradient(circle at 15% 20%,rgba(255,143,38,0.42),transparent 34%),radial-gradient(circle at 82% 26%,rgba(57,126,255,0.36),transparent 36%),linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035)) !important;}
.homePremiumBody .vmHomeBanner.bgNeon:not(.hasBg){background:radial-gradient(circle at 20% 38%,rgba(0,245,212,0.36),transparent 32%),radial-gradient(circle at 78% 44%,rgba(255,64,129,0.34),transparent 34%),linear-gradient(135deg,rgba(24,34,62,0.94),rgba(47,39,75,0.86)) !important;}
.homePremiumBody .vmHomeBanner.bgSunset:not(.hasBg){background:radial-gradient(circle at 18% 20%,rgba(255,178,74,0.5),transparent 35%),radial-gradient(circle at 85% 70%,rgba(59,130,246,0.34),transparent 40%),linear-gradient( 135deg,rgba(255,116,0,0.34),rgba(112,53,117,0.44),rgba(25,45,88,0.4) ) !important;}
.homePremiumBody .vmHomeBanner.bgGlass:not(.hasBg){background:linear-gradient(135deg,rgba(255,255,255,0.13),rgba(255,255,255,0.035)),radial-gradient(circle at 30% 20%,rgba(255,139,38,0.24),transparent 35%),radial-gradient(circle at 80% 75%,rgba(82,150,255,0.22),transparent 40%) !important;}
.homePremiumBody .vmHomeBanner.bgRainbow:not(.hasBg){background:linear-gradient( 120deg,rgba(255,94,94,0.32),rgba(255,185,45,0.3),rgba(49,224,137,0.26),rgba(63,169,255,0.28),rgba(169,89,255,0.32) ) !important;}
@media (max-width: 640px) { .homePremiumBody .vmBannerHomeCard, .homePremiumBody .vmBannerStage, .homePremiumBody .vmHomeBanner { min-height: 250px !important; height: 250px !important; max-height: 250px !important; } .homePremiumBody .vmHomeBannerText { -webkit-line-clamp: 4 !important; max-height: 6.3em !important; } }
.homePremiumBody .vmHomeBanner.bgAurora:not(.hasBg){background:radial-gradient(circle at 12% 18%,rgba(255,137,26,0.78),transparent 31%),radial-gradient(circle at 80% 18%,rgba(0,198,255,0.56),transparent 34%),radial-gradient(circle at 66% 82%,rgba(174,62,255,0.42),transparent 42%),linear-gradient( 135deg,rgba(255,122,24,0.34),rgba(35,68,145,0.48),rgba(81,35,104,0.42) ) !important;}
.homePremiumBody .vmHomeBanner.bgNeon:not(.hasBg){background:radial-gradient(circle at 16% 40%,rgba(0,255,214,0.68),transparent 30%),radial-gradient(circle at 82% 42%,rgba(255,43,144,0.62),transparent 33%),radial-gradient(circle at 50% 105%,rgba(101,80,255,0.48),transparent 45%),linear-gradient(135deg,rgba(8,18,42,0.96),rgba(43,28,75,0.92)) !important;}
.homePremiumBody .vmHomeBanner.bgSunset:not(.hasBg){background:radial-gradient(circle at 16% 18%,rgba(255,196,66,0.82),transparent 33%),radial-gradient(circle at 74% 28%,rgba(255,94,24,0.62),transparent 35%),radial-gradient(circle at 88% 82%,rgba(0,152,255,0.48),transparent 42%),linear-gradient( 135deg,rgba(255,116,0,0.48),rgba(111,45,119,0.46),rgba(22,46,95,0.46) ) !important;}
.homePremiumBody .vmHomeBanner.bgGlass:not(.hasBg){background:linear-gradient(135deg,rgba(255,255,255,0.2),rgba(255,255,255,0.045)),radial-gradient(circle at 24% 24%,rgba(255,150,45,0.38),transparent 36%),radial-gradient(circle at 82% 72%,rgba(82,160,255,0.36),transparent 42%),linear-gradient(135deg,rgba(20,28,55,0.88),rgba(55,47,88,0.82)) !important;}
.homePremiumBody .vmHomeBanner.bgRainbow:not(.hasBg){background:linear-gradient( 118deg,rgba(255,63,93,0.54) 0%,rgba(255,171,47,0.52) 22%,rgba(37,224,138,0.44) 44%,rgba(49,168,255,0.48) 66%,rgba(173,80,255,0.52) 100% ) !important;}
.homePremiumBody .vmHomeBanner.bgOcean:not(.hasBg){background:radial-gradient(circle at 18% 26%,rgba(0,224,255,0.62),transparent 34%),radial-gradient(circle at 85% 68%,rgba(0,92,255,0.52),transparent 42%),linear-gradient(135deg,rgba(0,38,92,0.88),rgba(9,77,140,0.78),rgba(20,25,65,0.88)) !important;}
.homePremiumBody .vmHomeBanner.bgFire:not(.hasBg){background:radial-gradient(circle at 18% 24%,rgba(255,226,80,0.72),transparent 31%),radial-gradient(circle at 72% 52%,rgba(255,78,0,0.62),transparent 38%),linear-gradient(135deg,rgba(110,28,20,0.9),rgba(255,112,0,0.4),rgba(48,24,56,0.86)) !important;}
.homePremiumBody .vmHomeBanner.bgViolet:not(.hasBg){background:radial-gradient(circle at 22% 22%,rgba(255,92,220,0.58),transparent 34%),radial-gradient(circle at 80% 70%,rgba(92,121,255,0.52),transparent 42%),linear-gradient(135deg,rgba(42,24,82,0.94),rgba(92,39,121,0.72),rgba(20,35,82,0.86)) !important;}
.page-header, .subpage-hero, .pageHero, .heroBox{min-height:170px !important;}
.page-header h1, .subpage-hero h1, .pageHero h1, .heroBox h1{font-size:3.55rem !important;line-height:1.05 !important;font-weight:800 !important;}
.page-header p, .subpage-hero p, .pageHero p, .heroBox p{margin-top:10px !important;}
body:not(.homePremiumBody) main > .page.subHero{padding-top:32px !important;padding-bottom:16px !important;}
body:not(.homePremiumBody) main > .page.subHero > .card{min-height:134px !important;padding:23px 30px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:20px !important;}
body:not(.homePremiumBody) main > .page.subHero h1{font-size:clamp(2.1rem,3.3vw,2.88rem) !important;line-height:1.04 !important;margin:0 !important;letter-spacing:-0.04em !important;font-weight:900 !important;}
body:not(.homePremiumBody) main > .page.subHero .lead, body:not(.homePremiumBody) main > .page.subHero p{font-size:1.04rem !important;line-height:1.48 !important;margin:10px 0 0 !important;max-width:780px !important;}
body:not(.homePremiumBody) main > .page.subHero .actions{display:flex !important;align-items:center !important;gap:10px !important;flex-wrap:wrap !important;justify-content:flex-end !important;}
@media (max-width: 780px) { body:not(.homePremiumBody) main > .page.subHero { padding-top: 22px !important; padding-bottom: 12px !important; } body:not(.homePremiumBody) main > .page.subHero > .card { min-height: 134px !important; padding: 23px 30px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 20px !important; } body:not(.homePremiumBody) main > .page.subHero h1 { font-size: clamp(2.1rem, 3.3vw, 2.88rem) !important; line-height: 1.04 !important; margin: 0 !important; letter-spacing: -0.04em !important; font-weight: 900 !important; } }
.listenBody main > .page.subHero > .card{display:block !important;}
.listenBody main > .page.subHero > .card > div{width:100% !important;max-width:none !important;}
.listenBody .listenHeroTools{width:100% !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center !important;gap:12px !important;margin-top:13px !important;}
.listenBody .listenHeroTools .listenGreetingsOnline, .listenBody .listenGreetingsOnline{width:100% !important;min-width:0 !important;max-width:none !important;height:48px !important;margin:0 !important;padding:6px 8px !important;display:flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;box-sizing:border-box !important;border-radius:18px !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap, .listenBody .listenGreetingsFrameWrap{width:100% !important;height:36px !important;min-height:36px !important;max-height:36px !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;overflow:hidden !important;border-radius:13px !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, .listenBody .listenGreetingsFrameWrap iframe, .listenBody iframe[data-embed="greetingsOnline"]{width:100% !important;height:36px !important;min-height:36px !important;max-height:36px !important;display:block !important;margin:0 !important;border:0 !important;transform:none !important;}
.listenBody .listenHeroActions{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;margin:0 !important;align-self:center !important;white-space:nowrap !important;}
@media (max-width: 980px) { .listenBody .listenHeroTools { grid-template-columns: 1fr !important; } }
.listenBody #vmModal, #vmModal{align-items:center !important;justify-content:center !important;}
.listenBody #vmModal .modalCard{width:min(760px,calc(100vw - 42px)) !important;max-width:760px !important;height:auto !important;max-height:calc(100vh - 64px) !important;overflow:hidden !important;border-radius:24px !important;}
.listenBody #vmModal .modalHead{min-height:58px !important;padding:14px 18px !important;}
.listenBody #vmModal iframe#vmModalFrame{display:block !important;width:100% !important;height:390px !important;min-height:390px !important;max-height:390px !important;border:0 !important;background:transparent !important;}
.listenBody #vmModal:has(iframe[src*="greetings"]), .listenBody #vmModal:has(iframe[src*="pozdrowienia"]){padding:0 !important;}
.listenBody #vmModal:has(iframe[src*="greetings"]) .modalCard, .listenBody #vmModal:has(iframe[src*="pozdrowienia"]) .modalCard{width:min(780px,calc(100vw - 44px)) !important;max-width:780px !important;height:auto !important;max-height:calc(100vh - 70px) !important;}
.listenBody #vmModal:has(iframe[src*="greetings"]) iframe#vmModalFrame, .listenBody #vmModal:has(iframe[src*="pozdrowienia"]) iframe#vmModalFrame{height:390px !important;min-height:390px !important;max-height:390px !important;}
body.greetingsBody, body.formGreetingsBody{background:transparent !important;}
body.greetingsBody main, body.formGreetingsBody main{padding:0 !important;margin:0 !important;min-height:auto !important;}
body.greetingsBody .page, body.formGreetingsBody .page{width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important;}
body.greetingsBody .card, body.formGreetingsBody .card, .greetingsFormCard, .pozdrowieniaFormCard{width:100% !important;max-width:none !important;margin:0 !important;border-radius:0 0 24px 24px !important;}
body.greetingsBody .embedBox, body.formGreetingsBody .embedBox{min-height:0 !important;height:auto !important;padding:0 !important;background:transparent !important;border:0 !important;}
@media (max-width: 720px) { .listenBody #vmModal .modalCard { width: calc(100vw - 24px) !important; } .listenBody #vmModal iframe#vmModalFrame { height: 430px !important; min-height: 430px !important; max-height: 430px !important; } }
.subHero .card{position:relative !important;overflow:hidden !important;isolation:isolate !important;}
.subHero .card > *{position:relative !important;z-index:5 !important;}
.subHero .card::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:radial-gradient(circle at 12% 25%,rgba(255,136,22,0.14),transparent 34%),radial-gradient(circle at 86% 42%,rgba(47,140,255,0.15),transparent 38%) !important;}
.subHero .card::after{content:"" !important;position:absolute !important;top:0 !important;bottom:0 !important;left:0 !important;width:100% !important;z-index:4 !important;pointer-events:none !important;background:linear-gradient( 120deg,transparent 0%,transparent 30%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.18) 45%,rgba(255,255,255,0.36) 50%,rgba(52,245,197,0.18) 55%,rgba(255,136,22,0.14) 60%,transparent 70%,transparent 100% ) !important;transform:translateX(-120%) !important;animation:vmSubHeroSweepWorking 5.8s ease-in-out infinite !important;}
@keyframes vmSubHeroSweepWorking { 0%, 18% { transform: translateX(-120%); } 55%, 100% { transform: translateX(120%); } }
body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep{display:block !important;position:absolute !important;top:-35% !important;bottom:-35% !important;left:-70% !important;width:78% !important;z-index:20 !important;pointer-events:none !important;opacity:1 !important;visibility:visible !important;background:linear-gradient( 120deg,transparent 0%,transparent 30%,rgba(255,255,255,0) 38%,rgba(255,255,255,0.26) 45%,rgba(255,255,255,0.58) 50%,rgba(52,245,197,0.26) 55%,rgba(255,136,22,0.2) 60%,transparent 72%,transparent 100% ) !important;filter:blur(0.2px) drop-shadow(0 0 20px rgba(255,255,255,0.22)) !important;mix-blend-mode:screen !important;transform:translate3d(-35%,0,0) skewX(-13deg) !important;animation:vmForceHeaderSweepReal 5.8s ease-in-out infinite !important;}
@keyframes vmForceHeaderSweepReal { 0%, 18% { transform: translate3d(-35%, 0, 0) skewX(-13deg); } 55%, 100% { transform: translate3d(285%, 0, 0) skewX(-13deg); } }
@media (prefers-reduced-motion: reduce) { body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep { animation: none !important; transform: translate3d(120%, 0, 0) skewX(-13deg) !important; } }
body:not(.homePremiumBody) .subHero .card{position:relative !important;overflow:hidden !important;isolation:isolate !important;}
body:not(.homePremiumBody) .subHero .card::after{display:none !important;content:none !important;}
body:not(.homePremiumBody) .subHero .card.vmSweepHost{position:relative !important;overflow:hidden !important;isolation:isolate !important;}
body:not(.homePremiumBody) .subHero .card.vmSweepHost > :not(.vmForceHeaderSweep){position:relative !important;z-index:30 !important;}
body:not(.homePremiumBody) .subHero .card.vmSweepHost .vmForceHeaderSweep{display:block !important;position:absolute !important;top:-36% !important;bottom:-36% !important;left:-72% !important;width:82% !important;z-index:20 !important;pointer-events:none !important;opacity:1 !important;visibility:visible !important;background:linear-gradient( 120deg,transparent 0%,transparent 28%,rgba(255,255,255,0) 37%,rgba(255,255,255,0.22) 44%,rgba(255,255,255,0.62) 50%,rgba(52,245,197,0.27) 55%,rgba(255,136,22,0.2) 61%,transparent 73%,transparent 100% ) !important;filter:blur(0.15px) drop-shadow(0 0 22px rgba(255,255,255,0.24)) !important;mix-blend-mode:screen !important;transform:translate3d(-120%,0,0) skewX(-13deg) !important;will-change:transform !important;animation:none !important;}
body.scheduleBody main.schedulePage > section.page, body.scheduleBody main.schedulePage > .page{width:min(1320px,calc(100% - 64px)) !important;max-width:1320px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
body.scheduleBody main.schedulePage > section.page.subHero{width:min(1320px,calc(100% - 64px)) !important;max-width:1320px !important;margin-left:auto !important;margin-right:auto !important;}
body.scheduleBody main.schedulePage > section.page.section{width:min(1320px,calc(100% - 64px)) !important;max-width:1320px !important;margin-left:auto !important;margin-right:auto !important;}
@media (max-width: 720px) { body.scheduleBody main.schedulePage > section.page, body.scheduleBody main.schedulePage > .page, body.scheduleBody main.schedulePage > section.page.subHero, body.scheduleBody main.schedulePage > section.page.section { width: calc(100% - 24px) !important; max-width: none !important; } }
body.pozdrowieniaBody{background:radial-gradient(circle at 10% 12%,rgba(255,122,24,0.18),transparent 33%),radial-gradient(circle at 88% 18%,rgba(38,129,255,0.22),transparent 35%),radial-gradient(circle at 50% 100%,rgba(52,245,197,0.09),transparent 34%),#050816 !important;color:#fff !important;}
body.pozdrowieniaBody main{padding:0 !important;margin:0 !important;min-height:auto !important;}
body.pozdrowieniaBody .page{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
body.pozdrowieniaBody .subHero{padding:44px 0 10px !important;}
body.pozdrowieniaBody .subHero .card, body.pozdrowieniaBody .section .card{border-radius:var(--r) !important;}
body.pozdrowieniaBody .section{padding:38px 0 !important;}
body.pozdrowieniaBody .embedBox.tall{height:760px !important;min-height:760px !important;overflow:hidden !important;border-radius:var(--r) !important;border:1px solid var(--line) !important;background:rgba(0,0,0,0.16) !important;box-shadow:var(--shadow) !important;}
body.pozdrowieniaBody .embedBox iframe{width:100% !important;height:100% !important;border:0 !important;background:transparent !important;}
@media (max-width: 900px) { body.pozdrowieniaBody .grid { grid-template-columns: 1fr !important; } body.pozdrowieniaBody .span8, body.pozdrowieniaBody .span4 { grid-column: 1 / -1 !important; } }
body.pozdrowieniaBody .greetingsCenterSection{padding-top:34px !important;padding-bottom:56px !important;}
body.pozdrowieniaBody .greetingsCenterHead{margin-bottom:18px !important;}
body.pozdrowieniaBody .greetingsCenterHead h2{margin:0 0 8px !important;font-size:clamp(2rem,3vw,3.05rem) !important;line-height:1.05 !important;}
body.pozdrowieniaBody .greetingsCenterGrid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;align-items:stretch !important;}
body.pozdrowieniaBody .greetingsCenterCard{min-height:275px !important;padding:28px !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;gap:16px !important;position:relative !important;overflow:hidden !important;}
body.pozdrowieniaBody .greetingsCenterCard:before{content:"" !important;position:absolute !important;inset:-40% -25% auto auto !important;width:220px !important;height:220px !important;border-radius:999px !important;background:radial-gradient(circle,rgba(255,136,22,0.2),transparent 62%) !important;pointer-events:none !important;}
body.pozdrowieniaBody .greetingsCenterCard:nth-child(even):before{background:radial-gradient(circle,rgba(47,140,255,0.22),transparent 62%) !important;}
body.pozdrowieniaBody .greetingsCenterCard > *{position:relative !important;z-index:2 !important;}
body.pozdrowieniaBody .greetingsCardIcon{width:56px !important;height:56px !important;border-radius:20px !important;display:grid !important;place-items:center !important;background:linear-gradient(135deg,#ff8a1c,#ff6b00) !important;color:#07101e !important;font-size:1.45rem !important;font-weight:900 !important;box-shadow:0 18px 45px rgba(255,122,24,0.24) !important;}
body.pozdrowieniaBody .greetingsCenterCard h2{margin:0 !important;font-size:clamp(1.55rem,2vw,2.05rem) !important;line-height:1.08 !important;}
body.pozdrowieniaBody .greetingsCenterCard p{margin:0 !important;min-height:78px !important;color:rgba(247,251,255,0.74) !important;}
body.pozdrowieniaBody .greetingsCenterCard .btn{align-self:flex-start !important;margin-top:auto !important;}
@media (max-width: 900px) { body.pozdrowieniaBody .greetingsCenterGrid { grid-template-columns: 1fr !important; } body.pozdrowieniaBody .greetingsCenterCard { min-height: auto !important; } body.pozdrowieniaBody .greetingsCenterCard p { min-height: auto !important; } }
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. padding: 18px !important; align-items: center !important; justify-content: center !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. width: 520px !important; max-width: calc(100vw - 36px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; border-radius: 18px !important; background: #070b1c !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5) !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 58px !important; min-height: 58px !important; padding: 0 20px !important; background: rgba(255, 255, 255, 0.055) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. display: block !important; width: 100% !important; border: 0 !important; background: #070b1c !important; overflow: hidden !important; transition: opacity 0.12s ease !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 355px !important; min-height: 355px !important; max-height: 355px !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 390px !important; min-height: 390px !important; max-height: 390px !important; } @media (max-width: 720px){# Notatka:okno modalne;pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka:okno modalne;pokazywać zawartość dopiero po poprawnym załadowaniu. width:calc(100vw - 20px) !important;}
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 355px !important; min-height: 355px !important; max-height: 355px !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 390px !important; min-height: 390px !important; max-height: 390px !important; } } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. width: 520px !important; max-width: calc(100vw - 36px) !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; border-radius: 18px !important; background: #070b1c !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5) !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. display: block !important; width: 100% !important; height: 355px !important; min-height: 355px !important; max-height: 355px !important; border: 0 !important; background: #070b1c !important; overflow: hidden !important; } @media (max-width: 720px){# Notatka:obsługa formularza pozdrowień;zachować obecny sposób wysyłania i komunikaty. width:calc(100vw - 20px) !important;}
# Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. height: 355px !important; min-height: 355px !important; max-height: 355px !important; } } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. height: 382px !important; min-height: 382px !important; max-height: 382px !important; } @media (max-width: 720px){# Notatka:obsługa formularza pozdrowień;zachować obecny sposób wysyłania i komunikaty. height:382px !important;min-height:382px !important;max-height:382px !important;}
} body.rekrutacjaBody .menu a[href="rekrutacja.html"]{color:#fff;background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.13);}
.vmRecruitSection{padding-top:24px;}
.vmRecruitShell{position:relative;overflow:hidden;border-radius:var(--r);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052));box-shadow:var(--shadow);backdrop-filter:blur(20px);padding:26px;}
.vmRecruitShell:before{content:"";position:absolute;inset:-40% -18%;background:radial-gradient(circle at 14% 18%,rgba(255,122,24,0.18),transparent 30%),radial-gradient(circle at 88% 8%,rgba(47,140,255,0.18),transparent 28%),radial-gradient(circle at 54% 92%,rgba(255,63,180,0.12),transparent 34%);pointer-events:none;animation:float 10s ease-in-out infinite alternate;}
.vmRecruitShell > *{position:relative;}
.vmRecruitIntro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px;}
.vmRecruitIntro h2{margin:0 0 8px;}
.vmRecruitIntro p{margin:0;color:var(--muted);line-height:1.6;max-width:760px;}
.vmRecruitBadge{width:58px;height:58px;border-radius:20px;position:relative;display:grid;place-items:center;line-height:1;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-size:0;font-weight:900;box-shadow:0 16px 36px rgba(255,122,24,0.24);flex:0 0 auto;}
.vmRecruitBadge::before{content:"✦";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:block;font-size:1.72rem;line-height:1;font-weight:900;text-align:center;text-shadow:0 2px 10px rgba(255,255,255,0.25);}
.vmRecruitForm{display:grid;gap:16px;}
.vmRecruitGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.vmRecruitField{display:grid;gap:7px;}
.vmRecruitField label{font-weight:900;text-transform:uppercase;letter-spacing:0.05em;color:rgba(247,251,255,0.92);font-size:0.82rem;}
.vmRecruitField small{color:var(--soft);font-weight:700;}
.vmRecruitField input, .vmRecruitField textarea{width:100%;border:1px solid rgba(255,255,255,0.16);border-radius:18px;background:rgba(255,255,255,0.07);color:#fff;padding:13px 14px;outline:0;transition:border-color 0.18s,background 0.18s,box-shadow 0.18s;}
.vmRecruitField textarea{min-height:150px;resize:vertical;}
.vmRecruitField input::placeholder, .vmRecruitField textarea::placeholder{color:rgba(247,251,255,0.45);}
.vmRecruitField input:hover, .vmRecruitField textarea:hover{background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.24);}
.vmRecruitField input:focus, .vmRecruitField textarea:focus{border-color:rgba(255,122,24,0.7);background:rgba(255,255,255,0.105);box-shadow:0 0 0 4px rgba(255,122,24,0.16);}
.vmRecruitWide{grid-column:1/-1;}
.vmRecruitActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:2px;}
.vmRecruitActions .btn[disabled]{opacity:0.68;cursor:not-allowed;transform:none;}
.vmRecruitMsg{opacity:0;transform:translateY(6px);pointer-events:none;border-radius:999px;padding:11px 15px;font-weight:900;transition:0.25s;}
.vmRecruitMsg.show{opacity:1;transform:translateY(0);}
.vmRecruitMsg.ok{background:#fff;color:#07101e;}
.vmRecruitMsg.err{background:rgba(120,22,34,0.72);color:#fff;border:1px solid rgba(255,255,255,0.16);}
.vmRecruitHp{position:absolute;left:-9999px;visibility:hidden;}
@media (max-width: 760px) { .vmRecruitGrid { grid-template-columns: 1fr; } .vmRecruitIntro { flex-direction: column; } .vmRecruitShell { padding: 18px; } }
html{overflow-y:scroll !important;scrollbar-gutter:stable !important;}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important;}
@media (max-width: 720px) { body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero { width: calc(100% - 24px) !important; max-width: none !important; } }
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page{width:min(var(--vm-page-max),calc(100% - 18px)) !important;max-width:var(--vm-page-max) !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{width:min(var(--vm-page-max),calc(100% - 18px)) !important;max-width:var(--vm-page-max) !important;margin-left:auto !important;margin-right:auto !important;}
@media (max-width: 1050px) { body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero { width: min(var(--vm-page-max), calc(100% - 16px)) !important; max-width: var(--vm-page-max) !important; } }
@media (max-width: 640px) { body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero { width: min(var(--vm-page-max), calc(100% - 12px)) !important; max-width: var(--vm-page-max) !important; } }
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{width:min(1240px,calc(100% - 64px)) !important;max-width:1240px !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
@media (max-width: 720px) { body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero { width: calc(100% - 24px) !important; max-width: none !important; } }
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody){--vm-subpage-match-start-max:1320px;--vm-subpage-match-start-side:46px;}
body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) .top > .page.nav, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) footer .page.foot, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > .page, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main > section.page.subHero, body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) main.schedulePage > section.page.subHero{width:min( var(--vm-subpage-match-start-max),calc(100% - var(--vm-subpage-match-start-side)) ) !important;max-width:var(--vm-subpage-match-start-max) !important;margin-left:auto !important;margin-right:auto !important;padding-left:0 !important;padding-right:0 !important;}
@media (max-width: 640px) { body:not(.homePremiumBody):not(.greetingsBody):not(.formGreetingsBody):not(.eventsAdminBody) { --vm-subpage-match-start-side: 22px; } }
.vmGreetingChoiceBox .modalCard{max-width:560px !important;height:auto !important;min-height:0 !important;max-height:calc(100vh - 36px) !important;}
.vmGreetingChoiceBox #vmModalFrame{display:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;}
.vmGreetingChoicePanel{display:none;padding:24px 28px 30px;background:#070b1c;}
.vmGreetingChoiceIntro{color:rgba(255,255,255,0.78);font-size:14px;font-weight:700;margin:0 0 16px;}
.vmGreetingChoiceGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.vmGreetingChoiceBtn{width:100%;min-height:104px;border-radius:18px;border:1px solid rgba(255,255,255,0.16);background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035));color:#fff;padding:16px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 18px 45px rgba(0,0,0,0.22);transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease;}
.vmGreetingChoiceBtn:hover{transform:translateY(-2px);border-color:rgba(255,138,0,0.55);background:linear-gradient(135deg,rgba(255,138,0,0.22),rgba(255,255,255,0.045));box-shadow:0 18px 45px rgba(255,110,0,0.16),inset 0 1px 0 rgba(255,255,255,0.1);}
.vmGreetingChoiceBtn span{width:38px;height:38px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ff8a00,#ff6b00);color:#fff;font-size:18px;font-weight:900;box-shadow:0 12px 26px rgba(255,110,0,0.24);}
.vmGreetingChoiceBtn b{width:100%;text-align:center;font-size:16px;line-height:1.1;font-weight:950;}
.vmGreetingChoiceBtn em{width:100%;text-align:center;font-style:normal;color:rgba(255,255,255,0.68);font-size:12px;line-height:1.25;font-weight:700;}
@media (max-width: 620px) { .vmGreetingChoiceGrid { grid-template-columns: 1fr; } .vmGreetingChoicePanel { padding: 20px 18px 24px; } }
.listenBody .listenGreetingSixGrid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important;margin-top:16px !important;align-items:stretch !important;}
.listenBody .listenGreetingSixGrid .span4{grid-column:auto !important;}
.listenBody .listenGreetingMiniCard{min-height:104px !important;padding:14px 14px !important;border-radius:20px !important;gap:9px !important;display:grid !important;grid-template-columns:1fr !important;align-items:stretch !important;cursor:pointer !important;box-shadow:0 18px 48px rgba(0,0,0,0.28) !important;}
.listenBody .listenGreetingMiniCard > div{display:grid !important;grid-template-columns:36px minmax(0,1fr) !important;grid-template-areas:"ico title" "ico text" !important;column-gap:11px !important;align-items:center !important;}
.listenBody .listenGreetingMiniCard .ico{grid-area:ico !important;width:36px !important;height:36px !important;min-width:36px !important;border-radius:13px !important;margin:0 !important;font-size:1rem !important;}
.listenBody .listenGreetingMiniCard h3{grid-area:title !important;margin:0 0 3px !important;font-size:14px !important;line-height:1.08 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.listenBody .listenGreetingMiniCard p{grid-area:text !important;margin:0 !important;font-size:11.2px !important;line-height:1.25 !important;max-height:30px !important;overflow:hidden !important;}
.listenBody .listenGreetingMiniCard .btn{justify-self:start !important;align-self:end !important;padding:7px 12px !important;font-size:0.74rem !important;border-radius:999px !important;white-space:nowrap !important;}
.listenBody .listenGreetingMiniCardEmpty{opacity:0.72 !important;cursor:default !important;background:linear-gradient( 180deg,rgba(255,255,255,0.075),rgba(255,255,255,0.038) ) !important;box-shadow:0 12px 34px rgba(0,0,0,0.18) !important;}
.listenBody .listenGreetingMiniCardEmpty .ico{color:rgba(255,255,255,0.62) !important;background:rgba(255,255,255,0.075) !important;}
.listenBody .listenMiniDisabled{pointer-events:none !important;opacity:0.7 !important;}
@media (max-width: 760px) { .listenBody .listenGreetingSixGrid { grid-template-columns: 1fr !important; } .listenBody .listenGreetingMiniCard { min-height: 96px !important; } }
body.listenBody #vmModal.vmV217GreetingBox, body.listenBody #vmModal.vmV217OnlineBox{padding:18px !important;align-items:center !important;justify-content:center !important;}
body.listenBody #vmModal.vmV217GreetingBox .modalCard, body.listenBody #vmModal.vmV217OnlineBox .modalCard{width:520px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;border-radius:18px !important;background:#070b1c !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 28px 90px rgba(0,0,0,0.5) !important;}
body.listenBody #vmModal.vmV217GreetingBox .modalHead, body.listenBody #vmModal.vmV217OnlineBox .modalHead{height:58px !important;min-height:58px !important;padding:0 20px !important;background:rgba(255,255,255,0.055) !important;border-bottom:1px solid rgba(255,255,255,0.14) !important;}
body.listenBody #vmModal.vmV217GreetingBox iframe#vmModalFrame, body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{display:block !important;width:100% !important;border:0 !important;background:#070b1c !important;overflow:hidden !important;transition:opacity 0.12s ease !important;}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{height:355px !important;min-height:355px !important;max-height:355px !important;}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{height:390px !important;min-height:390px !important;max-height:390px !important;}
body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{height:382px !important;min-height:382px !important;max-height:382px !important;}
@media (max-width: 720px) { body.listenBody #vmModal.vmV217GreetingBox .modalCard, body.listenBody #vmModal.vmV217OnlineBox .modalCard { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; } body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame { height: 355px !important; min-height: 355px !important; max-height: 355px !important; } body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame { height: 390px !important; min-height: 390px !important; max-height: 390px !important; } body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame { height: 382px !important; min-height: 382px !important; max-height: 382px !important; } }
.listenBody .listenGreetingMiniCard p{font-size:11px !important;line-height:1.18 !important;max-height:26px !important;overflow:hidden !important;word-break:normal !important;overflow-wrap:normal !important;hyphens:none !important;}
.listenBody .listenGreetingMiniCard h3{font-size:13.6px !important;}
.scheduleBody .schedulePremiumSection{padding-top:14px !important;}
.scheduleBody .vmSchedulePremium{display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;gap:18px !important;align-items:stretch !important;}
.scheduleBody .vmScheduleDays, .scheduleBody .vmSchedulePanel{position:relative !important;overflow:hidden !important;border:1px solid rgba(255,255,255,0.14) !important;border-radius:24px !important;background:linear-gradient( 135deg,rgba(255,139,35,0.18),rgba(31,72,130,0.3) 48%,rgba(8,12,30,0.88) ) !important;box-shadow:0 22px 70px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.1) !important;backdrop-filter:blur(14px) !important;}
.scheduleBody .vmScheduleDays{padding:16px !important;display:flex !important;flex-direction:column !important;gap:9px !important;}
.scheduleBody .vmScheduleDaysHead{font-weight:900 !important;color:#fff !important;font-size:1rem !important;margin:2px 4px 8px !important;letter-spacing:0.2px !important;}
.scheduleBody .vmScheduleDays button{width:100% !important;min-height:56px !important;display:grid !important;grid-template-columns:42px 1fr auto !important;align-items:center !important;gap:9px !important;border:1px solid rgba(255,255,255,0.13) !important;border-radius:16px !important;background:rgba(255,255,255,0.065) !important;color:#fff !important;cursor:pointer !important;text-align:left !important;padding:10px 12px !important;transition:transform 0.15s ease,border-color 0.15s ease,background 0.15s ease,box-shadow 0.15s ease !important;}
.scheduleBody .vmScheduleDays button:hover{transform:translateX(3px) !important;border-color:rgba(255,139,35,0.55) !important;background:rgba(255,255,255,0.095) !important;}
.scheduleBody .vmScheduleDays button span{width:36px;height:32px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,0.1);font-weight:1000;font-size:0.78rem;color:#fff;}
.scheduleBody .vmScheduleDays button strong{font-size:0.93rem !important;line-height:1.05 !important;}
.scheduleBody .vmScheduleDays button em{font-style:normal !important;font-size:0.66rem !important;font-weight:900 !important;text-transform:uppercase !important;letter-spacing:0.7px !important;color:#35f38b !important;}
.scheduleBody .vmScheduleDays button.isToday{box-shadow:0 0 0 1px rgba(53,243,139,0.2),0 12px 28px rgba(53,243,139,0.08) !important;}
.scheduleBody .vmScheduleDays button.isToday span{background:rgba(53,243,139,0.18) !important;color:#7effb4 !important;}
.scheduleBody .vmScheduleDays button.isSelected{background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,0.3) !important;box-shadow:0 16px 42px rgba(255,122,0,0.28) !important;transform:translateX(4px) !important;}
.scheduleBody .vmScheduleDays button.isSelected span{background:rgba(255,255,255,0.22) !important;color:#fff !important;}
.scheduleBody .vmScheduleDays button.isSelected em{color:#fff !important;}
.scheduleBody .vmSchedulePanel{padding:24px !important;min-height:610px !important;}
.scheduleBody .vmSchedulePanel::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,139,35,0.2),transparent 26%),radial-gradient(circle at 35% 90%,rgba(55,129,255,0.18),transparent 34%);pointer-events:none;}
.scheduleBody .vmSchedulePanelHead{position:relative;z-index:1;display:flex !important;justify-content:space-between !important;gap:18px !important;align-items:flex-start !important;margin-bottom:18px !important;}
.scheduleBody .vmScheduleMini{display:inline-flex !important;align-items:center !important;gap:8px !important;border-radius:999px !important;background:rgba(255,255,255,0.08) !important;border:1px solid rgba(255,255,255,0.14) !important;padding:7px 12px !important;color:#35f38b !important;font-weight:1000 !important;font-size:0.75rem !important;letter-spacing:0.8px !important;text-transform:uppercase !important;}
.scheduleBody .vmScheduleMini::before{content:"";width:9px;height:9px;border-radius:50%;background:#35f38b;box-shadow:0 0 18px rgba(53,243,139,0.75);}
.scheduleBody .vmSchedulePanelHead h2{margin:10px 0 5px !important;font-size:clamp(2rem,3.2vw,3.2rem) !important;line-height:0.98 !important;color:#fff !important;text-shadow:0 8px 28px rgba(0,0,0,0.35) !important;}
.scheduleBody .vmSchedulePanelHead p{margin:0 !important;color:rgba(255,255,255,0.74) !important;max-width:650px !important;font-weight:700 !important;line-height:1.45 !important;}
.scheduleBody .vmScheduleNav{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:wrap !important;justify-content:flex-end !important;min-width:310px !important;}
.scheduleBody .vmScheduleViewer{position:relative;z-index:1;min-height:430px !important;outline:none !important;}
.scheduleBody .vmScheduleCards{display:grid !important;gap:12px !important;}
.scheduleBody .vmScheduleCard{display:grid !important;grid-template-columns:150px 62px minmax(0,1fr) !important;gap:16px !important;align-items:center !important;min-height:82px !important;padding:13px 16px !important;border-radius:20px !important;border:1px solid rgba(255,255,255,0.12) !important;background:linear-gradient( 135deg,rgba(255,255,255,0.09),rgba(255,255,255,0.045) ) !important;box-shadow:0 16px 38px rgba(0,0,0,0.18) !important;}
.scheduleBody .vmScheduleTime b{display:block !important;color:#ff9a2b !important;font-size:1.02rem !important;font-weight:1000 !important;}
.scheduleBody .vmScheduleTime small{display:block !important;color:rgba(255,255,255,0.58) !important;font-weight:900 !important;margin-top:3px !important;text-transform:uppercase !important;letter-spacing:0.6px !important;font-size:0.68rem !important;}
.scheduleBody .vmScheduleAvatar{width:58px !important;height:58px !important;border-radius:18px !important;overflow:hidden !important;background:rgba(255,139,35,0.15) !important;border:1px solid rgba(255,255,255,0.14) !important;display:grid !important;place-items:center !important;color:#fff !important;font-weight:1000 !important;box-shadow:0 12px 30px rgba(0,0,0,0.22) !important;}
.scheduleBody .vmScheduleAvatar img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.scheduleBody .vmScheduleInfo h3{margin:0 !important;color:#fff !important;font-size:1.08rem !important;line-height:1.18 !important;font-weight:1000 !important;}
.scheduleBody .vmScheduleInfo p{margin:5px 0 0 !important;color:#36e89b !important;font-weight:900 !important;}
.scheduleBody .vmScheduleLoading, .scheduleBody .vmScheduleEmpty{min-height:330px !important;display:grid !important;place-items:center !important;text-align:center !important;border:1px dashed rgba(255,255,255,0.16) !important;border-radius:22px !important;background:rgba(255,255,255,0.045) !important;color:#fff !important;font-weight:900 !important;}
.scheduleBody .vmScheduleEmpty span{display:block !important;color:rgba(255,255,255,0.65) !important;margin-top:8px !important;font-weight:700 !important;}
@media (max-width: 980px) { .scheduleBody .vmSchedulePremium { grid-template-columns: 1fr !important; } .scheduleBody .vmScheduleDays { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; } .scheduleBody .vmScheduleDaysHead { grid-column: 1/-1 !important; } .scheduleBody .vmScheduleDays button { grid-template-columns: 1fr !important; text-align: center !important; justify-items: center !important; min-height: 70px !important; } .scheduleBody .vmSchedulePanelHead { display: block !important; } .scheduleBody .vmScheduleNav { justify-content: flex-start !important; margin-top: 14px !important; min-width: 0 !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleDays { grid-template-columns: repeat(2, 1fr) !important; } .scheduleBody .vmSchedulePanel { padding: 16px !important; min-height: 520px !important; } .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; text-align: left !important; gap: 9px !important; } .scheduleBody .vmScheduleAvatar { display: none !important; } .scheduleBody .vmScheduleNav .btn { width: 100% !important; justify-content: center !important; } }
.scheduleBody .vmScheduleCard{position:relative !important;overflow:hidden !important;}
.scheduleBody .vmScheduleCard.isLive{border-color:rgba(53,243,139,0.48) !important;background:linear-gradient( 135deg,rgba(53,243,139,0.13),rgba(255,139,35,0.1),rgba(255,255,255,0.055) ) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.12),0 20px 50px rgba(0,0,0,0.22),0 0 34px rgba(53,243,139,0.12) !important;}
.scheduleBody .vmScheduleCard.isLive::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#35f38b,#ff8a00) !important;box-shadow:0 0 22px rgba(53,243,139,0.75) !important;}
.scheduleBody .vmScheduleLiveBadge{position:absolute !important;right:14px !important;top:10px !important;border-radius:999px !important;background:rgba(53,243,139,0.15) !important;border:1px solid rgba(53,243,139,0.4) !important;color:#7effb4 !important;font-size:0.66rem !important;font-weight:1000 !important;letter-spacing:0.8px !important;padding:5px 9px !important;text-transform:uppercase !important;}
.scheduleBody .vmScheduleAvatar{position:relative !important;overflow:visible !important;z-index:2 !important;transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease !important;}
.scheduleBody .vmScheduleAvatar::before{content:attr(data-initials);position:absolute;inset:0;display:grid;place-items:center;border-radius:18px;background:linear-gradient(135deg,rgba(255,139,35,0.35),rgba(38,112,255,0.22));color:#fff;font-weight:1000;letter-spacing:0.5px;}
.scheduleBody .vmScheduleAvatar img{position:relative !important;z-index:1 !important;border-radius:18px !important;}
.scheduleBody .vmScheduleAvatar.noImg::before{z-index:2;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{transform:scale(1.18) !important;box-shadow:0 18px 44px rgba(0,0,0,0.34),0 0 24px rgba(255,139,35,0.22) !important;border-color:rgba(255,139,35,0.5) !important;}
.scheduleBody .vmScheduleTitleFlow{max-width:100% !important;overflow:hidden !important;white-space:nowrap !important;}
.scheduleBody .vmScheduleTitleFlow span{display:inline-block !important;min-width:100%;padding-right:42px !important;background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent !important;animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleTitleMove 11s linear infinite;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,8.5s !important;}
@keyframes vmScheduleTitleMove { 0%, 18% { transform: translateX(0); } 82%, 100% { transform: translateX(-38%); } }
@keyframes vmScheduleTitleColor { 0% { background-position: 0 0; } 100% { background-position: 260% 0; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { animation: vmScheduleTitleColor 5.8s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleCard{overflow:visible !important;}
.scheduleBody .vmScheduleTitleFlow span{display:inline-block !important;min-width:max-content !important;padding-right:0 !important;background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff) !important;background-size:260% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleMarqueeLoop var(--vmTitleSpeed,10s) linear infinite !important;will-change:transform,background-position !important;}
.scheduleBody .vmScheduleTitleFlow span::after{content:attr(data-title) !important;padding-left:48px !important;}
@keyframes vmScheduleMarqueeLoop { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.scheduleBody .vmScheduleAvatar{cursor:zoom-in !important;transform-origin:center center !important;}
.scheduleBody .vmScheduleAvatar:hover, .scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{transform:scale(1.34) !important;z-index:20 !important;box-shadow:0 22px 58px rgba(0,0,0,0.48),0 0 34px rgba(255,139,35,0.42) !important;border-color:rgba(255,139,35,0.78) !important;}
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { white-space: normal !important; overflow: visible !important; } .scheduleBody .vmScheduleTitleFlow span { animation: vmScheduleTitleColor 5.8s linear infinite !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span::after { content: "" !important; padding-left: 0 !important; } }
.scheduleBody .vmScheduleTitleFlow{display:block !important;max-width:100% !important;overflow:hidden !important;white-space:nowrap !important;}
.scheduleBody .vmScheduleTitleFlow span{display:inline-block !important;min-width:max-content !important;padding-right:0 !important;background:linear-gradient(90deg,#fff,#ff9a2b,#35f38b,#86b7ff,#fff) !important;background-size:260% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:vmScheduleTitleColor 5.8s linear infinite,vmScheduleSingleMarquee var(--vmTitleSpeed,10s) linear infinite !important;will-change:transform,background-position !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,var(--vmTitleSpeed,9s) !important;}
@keyframes vmScheduleSingleMarquee { 0% { transform: translateX(100%); } 100% { transform: translateX(-110%); } }
.scheduleBody .vmScheduleAvatar:hover, .scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{transform:scale(1.55) !important;z-index:50 !important;box-shadow:0 28px 72px rgba(0,0,0,0.55),0 0 42px rgba(255,139,35,0.48) !important;border-color:rgba(255,139,35,0.86) !important;}
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { white-space: normal !important; overflow: visible !important; } .scheduleBody .vmScheduleTitleFlow span { animation: vmScheduleTitleColor 5.8s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - 30px) !important;top:0 !important;display:inline-block !important;min-width:0 !important;width:max-content !important;max-width:none !important;padding-right:0 !important;white-space:nowrap !important;background:linear-gradient( 90deg,#ffffff 0%,#ff9a2b 28%,#35f38b 52%,#86b7ff 76%,#ffffff 100% ) !important;background-size:260% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;animation:vmScheduleTitleColor 5.4s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed,11s) linear infinite !important;will-change:transform,background-position !important;}
.scheduleBody .vmScheduleTitleFlow span::after{content:"" !important;padding-left:0 !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation-duration:4.2s,var(--vmTitleSpeed,10s) !important;}
@keyframes vmScheduleFixedMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 720px))); } }
.scheduleBody .vmScheduleAvatar:hover, .scheduleBody .vmScheduleCard:hover .vmScheduleAvatar{transform:scale(1.68) !important;z-index:80 !important;box-shadow:0 32px 82px rgba(0,0,0,0.58),0 0 48px rgba(255,139,35,0.52) !important;border-color:rgba(255,139,35,0.9) !important;}
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleTitleColor 5.8s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - 140px) !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding-right:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#ffffff !important;text-shadow:0 0 14px rgba(255,138,0,0.18) !important;animation:vmScheduleRealColor 4.8s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed,11s) linear infinite !important;will-change:transform,color !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleRealColor 3.8s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed,10s) linear infinite !important;}
@keyframes vmScheduleRealColor { 0% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.18); } 25% { color: #ff9a2b; text-shadow: 0 0 18px rgba(255, 154, 43, 0.34); } 50% { color: #35f38b; text-shadow: 0 0 18px rgba(53, 243, 139, 0.3); } 75% { color: #86b7ff; text-shadow: 0 0 18px rgba(134, 183, 255, 0.32); } 100% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.18); } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleRealColor 4.8s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleTitleFlow{position:relative !important;display:block !important;width:100% !important;height:1.35em !important;overflow:hidden !important;white-space:nowrap !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - 290px) !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding-right:0 !important;white-space:nowrap !important;background:linear-gradient( 90deg,#ffffff 0%,#ff9a2b 24%,#35f38b 50%,#86b7ff 76%,#ffffff 100% ) !important;background-size:320% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important;animation:vmScheduleGradientColor 4.6s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed,11s) linear infinite !important;will-change:transform,background-position !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleGradientColor 3.7s linear infinite,vmScheduleFixedMarquee var(--vmTitleSpeed,10s) linear infinite !important;}
@keyframes vmScheduleGradientColor { 0% { background-position: 0% 50%; } 100% { background-position: 320% 50%; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleGradientColor 4.6s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleTitleFlow{position:relative !important;display:block !important;width:100% !important;height:1.35em !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - 76px) !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#ffffff !important;-webkit-text-fill-color:currentColor !important;text-shadow:0 0 16px rgba(255,255,255,0.2) !important;animation:vmScheduleV287Color 4.2s linear infinite,vmScheduleV287Move var(--vmTitleSpeed,11s) linear infinite !important;will-change:transform,color,text-shadow !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV287Color 3.5s linear infinite,vmScheduleV287Move var(--vmTitleSpeed,10s) linear infinite !important;}
@keyframes vmScheduleV287Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 760px))); } }
@keyframes vmScheduleV287Color { 0% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.2); } 22% { color: #ff9a2b; text-shadow: 0 0 20px rgba(255, 154, 43, 0.42); } 48% { color: #35f38b; text-shadow: 0 0 20px rgba(53, 243, 139, 0.38); } 74% { color: #86b7ff; text-shadow: 0 0 20px rgba(134, 183, 255, 0.4); } 100% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.2); } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV287Color 4.2s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleTitleFlow{--vmScheduleStartInset:100px;position:relative !important;display:block !important;width:100% !important;height:1.38em !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - var(--vmScheduleStartInset)) !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:#ffffff !important;-webkit-text-fill-color:unset !important;text-shadow:0 0 16px rgba(255,255,255,0.24) !important;animation:vmScheduleV288Color 3.8s linear infinite,vmScheduleV288Move var(--vmTitleSpeed,13.5s) linear infinite !important;will-change:transform,color,text-shadow !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV288Color 3.2s linear infinite,vmScheduleV288Move var(--vmTitleSpeed,13s) linear infinite !important;}
@keyframes vmScheduleV288Move { 0% { transform: translateX(0); } 18% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 860px))); } }
@keyframes vmScheduleV288Color { 0% { color: #ffffff; text-shadow: 0 0 16px rgba(255, 255, 255, 0.26); } 20% { color: #ff9a2b; text-shadow: 0 0 22px rgba(255, 154, 43, 0.52); } 42% { color: #35f38b; text-shadow: 0 0 22px rgba(53, 243, 139, 0.48); } 66% { color: #86b7ff; text-shadow: 0 0 22px rgba(134, 183, 255, 0.5); } 84% { color: #ff7bd5; text-shadow: 0 0 22px rgba(255, 123, 213, 0.42); } 100% { color: #ffffff; text-shadow: 0 0 16px rgba(255, 255, 255, 0.26); } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV288Color 3.8s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleCard{position:relative !important;}
.scheduleBody .vmScheduleInfo{min-width:0 !important;overflow:hidden !important;}
.scheduleBody .vmScheduleTitleFlow{--vmScheduleStartInset:118px;position:relative !important;display:block !important;width:100% !important;height:1.42em !important;line-height:1.42em !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:calc(100% - var(--vmScheduleStartInset)) !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:linear-gradient( 90deg,#ffffff 0%,#ff9a2b 18%,#35f38b 39%,#75b8ff 61%,#ff7bd5 82%,#ffffff 100% ) !important;background-size:360% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:none !important;animation:vmScheduleV289Color 4s linear infinite,vmScheduleV289Move var(--vmTitleSpeed,17.5s) linear infinite !important;will-change:transform,background-position !important;}
.scheduleBody .vmScheduleTitleFlow span::before, .scheduleBody .vmScheduleTitleFlow span::after{content:"" !important;display:none !important;padding:0 !important;margin:0 !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV289Color 3.4s linear infinite,vmScheduleV289Move var(--vmTitleSpeed,17.5s) linear infinite !important;}
@keyframes vmScheduleV289Move { 0% { transform: translateX(0); } 20% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 980px))); } }
@keyframes vmScheduleV289Color { 0% { background-position: 0% 50%; } 100% { background-position: 360% 50%; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV289Color 4s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleCard{grid-template-columns:150px 62px minmax(0,1fr) !important;gap:22px !important;overflow:hidden !important;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar, .scheduleBody .vmScheduleAvatar:hover{transform:scale(1.26) !important;z-index:20 !important;}
.scheduleBody .vmScheduleInfo{position:relative !important;min-width:0 !important;overflow:visible !important;padding-left:4px !important;padding-right:460px !important;}
.scheduleBody .vmScheduleInfo p{margin-left:8px !important;}
.scheduleBody .vmScheduleTitleFlow{position:absolute !important;right:82px !important;left:auto !important;top:50% !important;transform:translateY(-50%) !important;width:380px !important;max-width:380px !important;height:1.45em !important;line-height:1.45em !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;pointer-events:none !important;}
.scheduleBody .vmScheduleTitleFlow::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;background:linear-gradient( 90deg,rgba(18,23,48,0.96) 0%,rgba(18,23,48,0) 12%,rgba(18,23,48,0) 88%,rgba(18,23,48,0.96) 100% ) !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:100% !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:#ffffff !important;-webkit-text-fill-color:currentColor !important;text-shadow:0 0 14px rgba(255,255,255,0.26) !important;animation:vmScheduleV290Move var(--vmTitleSpeed,12.5s) linear infinite,vmScheduleV290Color 3.4s linear infinite !important;will-change:transform,color,text-shadow !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV290Move var(--vmTitleSpeed,12s) linear infinite,vmScheduleV290Color 2.9s linear infinite !important;}
@keyframes vmScheduleV290Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 760px))); } }
@keyframes vmScheduleV290Color { 0% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.24); } 18% { color: #ff9a2b; text-shadow: 0 0 22px rgba(255, 154, 43, 0.55); } 38% { color: #35f38b; text-shadow: 0 0 22px rgba(53, 243, 139, 0.5); } 58% { color: #75b8ff; text-shadow: 0 0 22px rgba(117, 184, 255, 0.55); } 78% { color: #ff7bd5; text-shadow: 0 0 22px rgba(255, 123, 213, 0.48); } 100% { color: #ffffff; text-shadow: 0 0 14px rgba(255, 255, 255, 0.24); } }
@media (max-width: 980px) { .scheduleBody .vmScheduleInfo { padding-right: 0 !important; } .scheduleBody .vmScheduleTitleFlow { position: relative !important; right: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; margin-top: 0 !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; gap: 9px !important; overflow: hidden !important; } .scheduleBody .vmScheduleInfo { padding-left: 0 !important; padding-right: 0 !important; overflow: hidden !important; } .scheduleBody .vmScheduleInfo p { margin-left: 0 !important; } .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow::before { display: none !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV290Color 3.4s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleCard{grid-template-columns:150px 62px minmax(0,1fr) !important;gap:26px !important;overflow:hidden !important;}
.scheduleBody .vmScheduleAvatar{z-index:3 !important;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar, .scheduleBody .vmScheduleAvatar:hover{transform:scale(1.22) !important;z-index:20 !important;box-shadow:0 24px 58px rgba(0,0,0,0.46),0 0 34px rgba(255,139,35,0.4) !important;border-color:rgba(255,139,35,0.82) !important;}
.scheduleBody .vmScheduleInfo{position:relative !important;min-width:0 !important;overflow:visible !important;padding-left:10px !important;padding-right:650px !important;}
.scheduleBody .vmScheduleInfo p{margin-left:12px !important;}
.scheduleBody .vmScheduleLiveBadge{right:14px !important;top:10px !important;padding:5px 12px !important;font-size:0.66rem !important;border:1px solid rgba(53,243,139,0.7) !important;background:rgba(53,243,139,0.13) !important;color:#7effb4 !important;box-shadow:0 0 0 1px rgba(53,243,139,0.18),0 0 18px rgba(53,243,139,0.18) !important;}
.scheduleBody .vmScheduleTitleFlow{position:absolute !important;left:auto !important;right:92px !important;top:50% !important;transform:translateY(-50%) !important;width:560px !important;max-width:560px !important;height:1.48em !important;line-height:1.48em !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;pointer-events:none !important;}
.scheduleBody .vmScheduleTitleFlow::before{content:"" !important;position:absolute !important;inset:0 !important;z-index:2 !important;pointer-events:none !important;background:linear-gradient( 90deg,rgba(18,23,48,0.98) 0%,rgba(18,23,48,0) 7%,rgba(18,23,48,0) 90%,rgba(18,23,48,0.98) 100% ) !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:100% !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;min-width:0 !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:#ff9a2b !important;-webkit-text-fill-color:#ff9a2b !important;text-shadow:0 0 17px rgba(255,154,43,0.45) !important;animation:vmScheduleV291Move var(--vmTitleSpeed,13.5s) linear infinite,vmScheduleV291Color 3.2s linear infinite !important;will-change:transform,color,-webkit-text-fill-color,text-shadow !important;}
.scheduleBody .vmScheduleTitleFlow span::before, .scheduleBody .vmScheduleTitleFlow span::after{content:"" !important;display:none !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV291Move var(--vmTitleSpeed,13.2s) linear infinite,vmScheduleV291Color 2.8s linear infinite !important;}
@keyframes vmScheduleV291Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 860px))); } }
@keyframes vmScheduleV291Color { 0% { color: #ff9a2b; -webkit-text-fill-color: #ff9a2b; text-shadow: 0 0 18px rgba(255, 154, 43, 0.5); } 20% { color: #35f38b; -webkit-text-fill-color: #35f38b; text-shadow: 0 0 20px rgba(53, 243, 139, 0.48); } 40% { color: #75b8ff; -webkit-text-fill-color: #75b8ff; text-shadow: 0 0 20px rgba(117, 184, 255, 0.5); } 60% { color: #ff7bd5; -webkit-text-fill-color: #ff7bd5; text-shadow: 0 0 20px rgba(255, 123, 213, 0.44); } 80% { color: #ffffff; -webkit-text-fill-color: #ffffff; text-shadow: 0 0 18px rgba(255, 255, 255, 0.35); } 100% { color: #ff9a2b; -webkit-text-fill-color: #ff9a2b; text-shadow: 0 0 18px rgba(255, 154, 43, 0.5); } }
@media (max-width: 980px) { .scheduleBody .vmScheduleInfo { padding-right: 0 !important; overflow: hidden !important; } .scheduleBody .vmScheduleTitleFlow { position: relative !important; right: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; margin-top: 0 !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; gap: 9px !important; overflow: hidden !important; } .scheduleBody .vmScheduleInfo { padding-left: 0 !important; padding-right: 0 !important; overflow: hidden !important; } .scheduleBody .vmScheduleInfo p { margin-left: 0 !important; } .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow::before { display: none !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV291Color 3.2s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleCard{grid-template-columns:150px 62px minmax(155px,205px) minmax(0,1fr) !important;gap:24px !important;align-items:center !important;overflow:hidden !important;}
.scheduleBody .vmSchedulePresenter{position:relative !important;z-index:5 !important;min-width:0 !important;padding-left:10px !important;padding-right:12px !important;}
.scheduleBody .vmSchedulePresenter p{margin:0 !important;color:#35f38b !important;font-weight:950 !important;line-height:1.18 !important;text-shadow:0 0 14px rgba(53,243,139,0.24) !important;overflow-wrap:anywhere !important;}
.scheduleBody .vmScheduleTitleArea{position:relative !important;min-width:0 !important;height:34px !important;overflow:hidden !important;padding-right:118px !important;z-index:2 !important;}
.scheduleBody .vmScheduleTitleFlow{position:relative !important;left:auto !important;right:auto !important;top:auto !important;transform:none !important;width:100% !important;max-width:100% !important;height:34px !important;line-height:34px !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;pointer-events:none !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:100% !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background:linear-gradient( 90deg,#ff8a1f 0%,#ffd166 18%,#35f38b 36%,#68b8ff 55%,#ff7bd5 74%,#ffffff 88%,#ff8a1f 100% ) !important;background-size:320% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;filter:drop-shadow(0 0 8px rgba(255,138,31,0.34)) drop-shadow(0 0 12px rgba(53,243,139,0.18)) !important;text-shadow:none !important;animation:vmScheduleV292Move var(--vmTitleSpeed,13.8s) linear infinite,vmScheduleV292Color 3.1s linear infinite !important;will-change:transform,background-position,filter !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV292Move var(--vmTitleSpeed,13.4s) linear infinite,vmScheduleV292Color 2.7s linear infinite !important;}
.scheduleBody .vmScheduleTitleFlow span::before, .scheduleBody .vmScheduleTitleFlow span::after{display:none !important;content:none !important;}
.scheduleBody .vmScheduleLiveBadge{right:16px !important;top:10px !important;padding:5px 11px !important;border-radius:999px !important;border:1px solid rgba(53,243,139,0.82) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.2),0 0 18px rgba(53,243,139,0.24),inset 0 0 12px rgba(53,243,139,0.12) !important;background:rgba(53,243,139,0.12) !important;color:#7effb4 !important;}
@keyframes vmScheduleV292Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 920px))); } }
@keyframes vmScheduleV292Color { 0% { background-position: 0% 50%; filter: drop-shadow(0 0 8px rgba(255, 138, 31, 0.42)) drop-shadow(0 0 12px rgba(53, 243, 139, 0.12)); } 25% { background-position: 90% 50%; filter: drop-shadow(0 0 9px rgba(53, 243, 139, 0.38)) drop-shadow(0 0 13px rgba(104, 184, 255, 0.16)); } 50% { background-position: 175% 50%; filter: drop-shadow(0 0 9px rgba(104, 184, 255, 0.38)) drop-shadow(0 0 14px rgba(255, 123, 213, 0.14)); } 75% { background-position: 255% 50%; filter: drop-shadow(0 0 9px rgba(255, 123, 213, 0.36)) drop-shadow(0 0 14px rgba(255, 209, 102, 0.14)); } 100% { background-position: 320% 50%; filter: drop-shadow(0 0 8px rgba(255, 138, 31, 0.42)) drop-shadow(0 0 12px rgba(53, 243, 139, 0.12)); } }
@media (max-width: 980px) { .scheduleBody .vmScheduleCard { grid-template-columns: 132px 56px minmax(120px, 160px) minmax(0, 1fr) !important; gap: 16px !important; } .scheduleBody .vmScheduleTitleArea { padding-right: 98px !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea { padding-right: 40px !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; gap: 9px !important; overflow: hidden !important; } .scheduleBody .vmSchedulePresenter { padding-left: 0 !important; padding-right: 0 !important; } .scheduleBody .vmScheduleTitleArea { height: auto !important; padding-right: 0 !important; overflow: visible !important; } .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV292Color 3.1s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleViewer{height:430px !important;min-height:430px !important;max-height:430px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;scrollbar-width:thin !important;scrollbar-color:rgba(255,139,35,0.7) rgba(255,255,255,0.06) !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar{width:8px !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-track{background:rgba(255,255,255,0.055) !important;border-radius:999px !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,139,35,0.92),rgba(255,106,0,0.6)) !important;border-radius:999px !important;}
.scheduleBody .vmScheduleCards{padding-right:2px !important;}
.scheduleBody .vmScheduleCard{grid-template-columns:150px 62px minmax(155px,205px) minmax(0,1fr) !important;gap:24px !important;min-height:82px !important;padding:13px 16px !important;overflow:hidden !important;}
.scheduleBody .vmScheduleTitleArea{height:34px !important;overflow:hidden !important;padding-right:118px !important;}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:76px !important;}
.scheduleBody .vmScheduleTitleFlow{height:34px !important;line-height:34px !important;overflow:hidden !important;white-space:nowrap !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:100% !important;top:0 !important;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#ff9a2b !important;-webkit-text-fill-color:currentColor !important;filter:none !important;text-shadow:0 0 16px rgba(255,154,43,0.45) !important;animation:vmScheduleV294Move var(--vmTitleSpeed,13.8s) linear infinite,vmScheduleV294Color 3.1s linear infinite !important;will-change:transform,color,text-shadow !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV294Move var(--vmTitleSpeed,13.4s) linear infinite,vmScheduleV294Color 2.7s linear infinite !important;}
@keyframes vmScheduleV294Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 920px))); } }
@keyframes vmScheduleV294Color { 0% { color: #ff9a2b; text-shadow: 0 0 16px rgba(255, 154, 43, 0.48); } 20% { color: #ffd166; text-shadow: 0 0 18px rgba(255, 209, 102, 0.45); } 40% { color: #35f38b; text-shadow: 0 0 18px rgba(53, 243, 139, 0.42); } 60% { color: #68b8ff; text-shadow: 0 0 18px rgba(104, 184, 255, 0.42); } 80% { color: #ff7bd5; text-shadow: 0 0 18px rgba(255, 123, 213, 0.38); } 100% { color: #ff9a2b; text-shadow: 0 0 16px rgba(255, 154, 43, 0.48); } }
@media (max-width: 980px) { .scheduleBody .vmSchedulePanel { max-height: none !important; } .scheduleBody .vmScheduleViewer { height: 430px !important; max-height: 430px !important; } .scheduleBody .vmScheduleCard { grid-template-columns: 132px 56px minmax(120px, 160px) minmax(0, 1fr) !important; gap: 16px !important; } .scheduleBody .vmScheduleTitleArea { padding-right: 98px !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea { padding-right: 40px !important; } }
@media (max-width: 640px) { .scheduleBody .vmSchedulePanel { max-height: none !important; } .scheduleBody .vmScheduleViewer { height: auto !important; max-height: none !important; overflow: visible !important; padding-right: 0 !important; } .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; gap: 9px !important; } .scheduleBody .vmScheduleTitleArea { height: auto !important; padding-right: 0 !important; overflow: visible !important; } .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV294Color 3.1s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmSchedulePanel{min-height:610px !important;max-height:610px !important;overflow:hidden !important;}
.scheduleBody .vmScheduleViewer{height:430px !important;min-height:430px !important;max-height:430px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;scrollbar-width:thin !important;scrollbar-color:rgba(255,139,35,0.62) rgba(255,255,255,0.045) !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar{width:7px !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-track{background:rgba(255,255,255,0.045) !important;border-radius:999px !important;}
.scheduleBody .vmScheduleViewer::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,139,35,0.82),rgba(255,106,0,0.52)) !important;border-radius:999px !important;}
.scheduleBody .vmScheduleCards{gap:11px !important;padding-right:2px !important;}
.scheduleBody .vmScheduleCard{grid-template-columns:132px 58px minmax(145px,190px) minmax(0,1fr) !important;gap:18px !important;min-height:78px !important;padding:11px 14px !important;overflow:hidden !important;align-items:center !important;}
.scheduleBody .vmScheduleAvatar{width:56px !important;height:56px !important;border-radius:17px !important;}
.scheduleBody .vmScheduleAvatar::before, .scheduleBody .vmScheduleAvatar img{border-radius:17px !important;}
.scheduleBody .vmScheduleCard:hover .vmScheduleAvatar, .scheduleBody .vmScheduleAvatar:hover{transform:scale(1.28) !important;z-index:30 !important;}
.scheduleBody .vmSchedulePresenter{min-width:0 !important;padding-left:6px !important;padding-right:10px !important;z-index:5 !important;}
.scheduleBody .vmSchedulePresenter p{margin:0 !important;color:#35f38b !important;font-weight:950 !important;line-height:1.14 !important;text-shadow:0 0 13px rgba(53,243,139,0.24) !important;overflow-wrap:anywhere !important;}
.scheduleBody .vmScheduleTitleArea{min-width:0 !important;height:32px !important;overflow:hidden !important;padding-right:112px !important;z-index:2 !important;}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:70px !important;}
.scheduleBody .vmScheduleTitleFlow{position:relative !important;left:auto !important;right:auto !important;top:auto !important;transform:none !important;width:100% !important;max-width:100% !important;height:32px !important;line-height:32px !important;overflow:hidden !important;white-space:nowrap !important;text-align:left !important;margin:0 !important;padding:0 !important;pointer-events:none !important;}
.scheduleBody .vmScheduleTitleFlow::before, .scheduleBody .vmScheduleTitleFlow::after{display:none !important;content:none !important;}
.scheduleBody .vmScheduleTitleFlow span{position:absolute !important;left:100% !important;right:auto !important;top:0 !important;display:inline-block !important;width:max-content !important;max-width:none !important;padding:0 !important;margin:0 !important;white-space:nowrap !important;background:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;color:#ff9a2b !important;-webkit-text-fill-color:#ff9a2b !important;filter:none !important;text-shadow:0 0 16px rgba(255,154,43,0.46) !important;animation:vmScheduleV296Move var(--vmTitleSpeed,13.4s) linear infinite,vmScheduleV296Color 2.85s linear infinite !important;will-change:transform,color,-webkit-text-fill-color,text-shadow !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV296Move var(--vmTitleSpeed,13s) linear infinite,vmScheduleV296Color 2.45s linear infinite !important;}
@keyframes vmScheduleV296Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 900px))); } }
@keyframes vmScheduleV296Color { 0% { color: #ff9a2b; -webkit-text-fill-color: #ff9a2b; text-shadow: 0 0 16px rgba(255, 154, 43, 0.52); } 18% { color: #ffd166; -webkit-text-fill-color: #ffd166; text-shadow: 0 0 17px rgba(255, 209, 102, 0.46); } 38% { color: #35f38b; -webkit-text-fill-color: #35f38b; text-shadow: 0 0 18px rgba(53, 243, 139, 0.44); } 58% { color: #68b8ff; -webkit-text-fill-color: #68b8ff; text-shadow: 0 0 18px rgba(104, 184, 255, 0.44); } 78% { color: #ff7bd5; -webkit-text-fill-color: #ff7bd5; text-shadow: 0 0 18px rgba(255, 123, 213, 0.4); } 100% { color: #ff9a2b; -webkit-text-fill-color: #ff9a2b; text-shadow: 0 0 16px rgba(255, 154, 43, 0.52); } }
@media (max-width: 980px) { .scheduleBody .vmSchedulePanel { max-height: none !important; } .scheduleBody .vmScheduleViewer { height: 430px !important; max-height: 430px !important; } .scheduleBody .vmScheduleCard { grid-template-columns: 122px 54px minmax(118px, 158px) minmax(0, 1fr) !important; gap: 14px !important; } .scheduleBody .vmScheduleTitleArea { padding-right: 92px !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea { padding-right: 38px !important; } }
@media (max-width: 640px) { .scheduleBody .vmSchedulePanel { max-height: none !important; } .scheduleBody .vmScheduleViewer { height: auto !important; max-height: none !important; overflow: visible !important; padding-right: 0 !important; } .scheduleBody .vmScheduleCard { grid-template-columns: 1fr !important; gap: 9px !important; } .scheduleBody .vmScheduleTitleArea { height: auto !important; padding-right: 0 !important; overflow: visible !important; } .scheduleBody .vmScheduleTitleFlow { height: auto !important; line-height: 1.25 !important; overflow: visible !important; white-space: normal !important; } .scheduleBody .vmScheduleTitleFlow span { position: static !important; animation: vmScheduleV296Color 2.85s linear infinite !important; white-space: normal !important; } }
.scheduleBody .vmScheduleDays{background:linear-gradient( 135deg,rgba(255,139,35,0.14),rgba(31,72,130,0.27) 48%,rgba(8,12,30,0.9) ) !important;}
.scheduleBody .vmScheduleDays::before, .scheduleBody .vmScheduleDays::after{display:none !important;content:none !important;}
.scheduleBody .vmScheduleDays button strong, .scheduleBody .vmScheduleDays button em, .scheduleBody .vmScheduleDays button span{text-shadow:none !important;}
.scheduleBody .vmScheduleCard{grid-template-columns:132px 58px minmax(150px,172px) minmax(0,1fr) !important;gap:20px !important;}
.scheduleBody .vmScheduleTime{justify-self:start !important;}
.scheduleBody .vmScheduleAvatar{justify-self:center !important;align-self:center !important;}
.scheduleBody .vmSchedulePresenter{padding-left:0 !important;padding-right:6px !important;align-self:center !important;}
.scheduleBody .vmSchedulePresenter p{line-height:1.16 !important;}
.scheduleBody .vmScheduleTitleArea{transform:translateX(-10px) !important;padding-right:108px !important;}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea{padding-right:66px !important;}
.scheduleBody .vmScheduleTitleFlow span{color:var(--vmLiveTitleColor,#ff9a2b) !important;-webkit-text-fill-color:var(--vmLiveTitleColor,#ff9a2b) !important;text-shadow:0 0 16px var(--vmLiveTitleGlow,rgba(255,154,43,0.48)) !important;}
@media (max-width: 980px) { .scheduleBody .vmScheduleCard { grid-template-columns: 122px 54px minmax(118px, 154px) minmax(0, 1fr) !important; gap: 15px !important; } .scheduleBody .vmScheduleTitleArea { transform: none !important; padding-right: 92px !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea { padding-right: 38px !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleArea { transform: none !important; } }
.scheduleBody .vmScheduleTitleArea{transform:translateX(-14px) !important;padding-right:104px !important;}
.scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleArea{padding-right:104px !important;}
.scheduleBody .vmScheduleLiveBadge{right:16px !important;top:50% !important;transform:translateY(-50%) !important;padding:5px 12px !important;border:1px solid rgba(53,243,139,0.72) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.18) inset,0 0 18px rgba(53,243,139,0.18) !important;background:rgba(18,54,43,0.54) !important;}
.scheduleBody .vmScheduleTitleFlow span{background:linear-gradient( 90deg,#ff8a18 0%,#ffd166 18%,#35f38b 38%,#68b8ff 58%,#ff7bd5 78%,#ff8a18 100% ) !important;background-size:260% 100% !important;-webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;-webkit-text-fill-color:transparent !important;text-shadow:0 0 16px rgba(255,139,35,0.3),0 0 20px rgba(53,243,139,0.14) !important;animation:vmScheduleV298Move var(--vmTitleSpeed,13.4s) linear infinite,vmScheduleV298Color 2.35s linear infinite !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span{animation:vmScheduleV298Move var(--vmTitleSpeed,13.4s) linear infinite,vmScheduleV298Color 2.35s linear infinite !important;}
@keyframes vmScheduleV298Move { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-1 * var(--vmTitleTravel, 900px))); } }
@keyframes vmScheduleV298Color { 0% { background-position: 0% 50%; filter: drop-shadow(0 0 4px rgba(255, 139, 35, 0.3)); } 25% { background-position: 70% 50%; filter: drop-shadow(0 0 5px rgba(53, 243, 139, 0.28)); } 50% { background-position: 140% 50%; filter: drop-shadow(0 0 5px rgba(104, 184, 255, 0.24)); } 75% { background-position: 210% 50%; filter: drop-shadow(0 0 5px rgba(255, 123, 213, 0.24)); } 100% { background-position: 260% 50%; filter: drop-shadow(0 0 4px rgba(255, 139, 35, 0.3)); } }
@media (max-width: 980px) { .scheduleBody .vmScheduleTitleArea { transform: none !important; padding-right: 92px !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleArea { padding-right: 92px !important; } }
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleArea { transform: none !important; padding-right: 0 !important; } }
.scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive{background:none !important;background-image:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:var(--vmScheduleDynamicTitleColor,#ff9a2b) !important;-webkit-text-fill-color:var(--vmScheduleDynamicTitleColor,#ff9a2b) !important;text-shadow:0 0 12px var(--vmScheduleDynamicTitleGlow,rgba(255,154,43,0.52)),0 0 22px var(--vmScheduleDynamicTitleGlowSoft,rgba(255,154,43,0.22)) !important;transition:color 0.42s ease,-webkit-text-fill-color 0.42s ease,text-shadow 0.42s ease !important;animation:vmScheduleV298Move var(--vmTitleSpeed,13.4s) linear infinite !important;}
.scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive{animation:vmScheduleV298Move var(--vmTitleSpeed,13.4s) linear infinite !important;}
@media (max-width: 640px) { .scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive { animation: vmScheduleV296Color 2.85s linear infinite !important; } }
#vmModal.vmSchedulePopupBox{z-index:120 !important;padding:18px !important;}
#vmModal.vmSchedulePopupBox .modalCard{width:min(1240px,calc(100vw - 44px)) !important;height:min(820px,calc(100vh - 44px)) !important;border-radius:30px !important;background:linear-gradient(145deg,rgba(8,13,31,0.98),rgba(8,18,42,0.98)) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 42px 130px rgba(0,0,0,0.62),0 0 70px rgba(255,122,24,0.12) !important;}
#vmModal.vmSchedulePopupBox .modalHead{height:58px !important;background:linear-gradient(90deg,rgba(255,122,24,0.14),rgba(47,140,255,0.12)) !important;}
#vmModal.vmSchedulePopupBox iframe{height:calc(100% - 58px) !important;background:transparent !important;}
body.vmSchedulePopupMode .schedulePage{margin:0 !important;padding:18px 18px 20px !important;min-height:100vh !important;height:100vh !important;overflow:hidden !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important;height:calc(100vh - 38px) !important;}
body.vmSchedulePopupMode .vmSchedulePremium{height:100% !important;min-height:0 !important;margin:0 !important;}
body.vmSchedulePopupMode .vmSchedulePanel{min-height:0 !important;}
body.vmSchedulePopupMode .vmScheduleViewer{max-height:calc(100vh - 218px) !important;min-height:0 !important;overflow-y:auto !important;}
body.vmSchedulePopupMode .vmScheduleDays{min-height:0 !important;height:100% !important;}
@media (max-width: 900px) { #vmModal.vmSchedulePopupBox { padding: 8px !important; } #vmModal.vmSchedulePopupBox .modalCard { width: calc(100vw - 16px) !important; height: calc(100vh - 16px) !important; border-radius: 22px !important; } body.vmSchedulePopupMode .schedulePage { padding: 10px !important; } body.vmSchedulePopupMode .schedulePremiumSection { height: calc(100vh - 20px) !important; } body.vmSchedulePopupMode .vmScheduleViewer { max-height: calc(100vh - 260px) !important; } }
html.vmSchedulePopupMode, body.vmSchedulePopupMode{width:100% !important;min-height:100% !important;height:100% !important;overflow:hidden !important;background:transparent !important;}
body.vmSchedulePopupMode .schedulePage{margin:0 !important;padding:0 !important;min-height:100vh !important;height:100vh !important;overflow:hidden !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;margin:0 auto !important;padding:0 !important;height:100vh !important;display:flex !important;align-items:center !important;}
body.vmSchedulePopupMode .vmSchedulePremium{width:100% !important;height:min(680px,calc(100vh - 28px)) !important;min-height:0 !important;margin:0 !important;align-items:stretch !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{min-height:0 !important;height:100% !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{display:flex !important;align-items:flex-start !important;justify-content:space-between !important;flex-wrap:nowrap !important;}
body.vmSchedulePopupMode .vmScheduleNav{flex-wrap:nowrap !important;min-width:330px !important;}
body.vmSchedulePopupMode .vmScheduleViewer{height:calc(100% - 152px) !important;max-height:none !important;min-height:0 !important;overflow-y:auto !important;padding-right:10px !important;}
@media (max-width: 900px) { #vmModal.vmSchedulePopupBox { padding: 6px !important; } #vmModal.vmSchedulePopupBox .modalCard { width: calc(100vw - 12px) !important; height: calc(100vh - 12px) !important; border-radius: 20px !important; } body.vmSchedulePopupMode .schedulePremiumSection { width: calc(100% - 14px) !important; height: 100vh !important; align-items: flex-start !important; padding-top: 8px !important; } body.vmSchedulePopupMode .vmSchedulePremium { height: calc(100vh - 16px) !important; } body.vmSchedulePopupMode .vmSchedulePanelHead { display: block !important; } body.vmSchedulePopupMode .vmScheduleNav { flex-wrap: wrap !important; min-width: 0 !important; justify-content: flex-start !important; margin-top: 10px !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 210px) !important; } }
#vmModal.vmSchedulePopupBox{padding:8px !important;background:rgba(0,0,0,0.66) !important;backdrop-filter:blur(12px) !important;}
#vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 16px) !important;height:calc(100vh - 16px) !important;max-width:none !important;max-height:none !important;border-radius:26px !important;background:transparent !important;border:0 !important;box-shadow:0 40px 120px rgba(0,0,0,0.55) !important;overflow:hidden !important;}
#vmModal.vmSchedulePopupBox .modalHead{position:absolute !important;top:14px !important;right:18px !important;z-index:5 !important;width:auto !important;height:auto !important;padding:0 !important;border:0 !important;background:transparent !important;box-shadow:none !important;}
#vmModal.vmSchedulePopupBox .modalHead strong{display:none !important;}
#vmModal.vmSchedulePopupBox .close{background:rgba(255,255,255,0.1) !important;border:1px solid rgba(255,255,255,0.22) !important;box-shadow:0 14px 32px rgba(0,0,0,0.22) !important;backdrop-filter:blur(14px) !important;}
#vmModal.vmSchedulePopupBox iframe{width:100% !important;height:100% !important;display:block !important;background:transparent !important;}
html.vmSchedulePopupMode, body.vmSchedulePopupMode{width:100% !important;min-height:100% !important;height:auto !important;overflow:auto !important;background:transparent !important;}
body.vmSchedulePopupMode:before, body.vmSchedulePopupMode:after, body.vmSchedulePopupMode .top, body.vmSchedulePopupMode .quickDock, body.vmSchedulePopupMode .footer, body.vmSchedulePopupMode .schedulePage .subHero{display:none !important;}
body.vmSchedulePopupMode .schedulePage{margin:0 !important;padding:0 !important;min-height:auto !important;height:auto !important;overflow:visible !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;margin:0 auto !important;padding:14px 0 38px !important;height:auto !important;display:block !important;align-items:initial !important;}
body.vmSchedulePopupMode .vmSchedulePremium{width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;align-items:stretch !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{height:auto !important;min-height:0 !important;}
body.vmSchedulePopupMode .vmSchedulePanel{padding:24px !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{position:relative !important;z-index:1 !important;display:flex !important;justify-content:space-between !important;gap:18px !important;align-items:flex-start !important;margin-bottom:18px !important;flex-wrap:nowrap !important;}
body.vmSchedulePopupMode .vmScheduleNav{display:flex !important;gap:10px !important;align-items:center !important;flex-wrap:wrap !important;justify-content:flex-end !important;min-width:310px !important;}
body.vmSchedulePopupMode .vmScheduleViewer{height:430px !important;min-height:430px !important;max-height:430px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;}
@media (max-width: 900px) { #vmModal.vmSchedulePopupBox { padding: 6px !important; } #vmModal.vmSchedulePopupBox .modalCard { width: calc(100vw - 12px) !important; height: calc(100vh - 12px) !important; border-radius: 20px !important; } body.vmSchedulePopupMode .schedulePremiumSection { width: calc(100% - 14px) !important; padding: 8px 0 20px !important; } body.vmSchedulePopupMode .vmSchedulePanelHead { display: block !important; } body.vmSchedulePopupMode .vmScheduleNav { flex-wrap: wrap !important; min-width: 0 !important; justify-content: flex-start !important; margin-top: 10px !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: 430px !important; max-height: 430px !important; } }
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive{animation:vmSchedulePopupSmoothMove var(--vmTitleSpeed,13.8s) linear infinite !important;will-change:transform !important;transform:translate3d(0,0,0);backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;}
body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive{animation:vmSchedulePopupSmoothMove var(--vmTitleSpeed,13.8s) linear infinite !important;}
@keyframes vmSchedulePopupSmoothMove { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(calc(-1 * var(--vmTitleTravel, 920px)), 0, 0); } }
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{animation:none !important;will-change:transform !important;transform:translate3d(0,-50%,0);backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;}
body.vmSchedulePopupMode .vmScheduleTitleFlow{transform:translateZ(0) !important;backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;}
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{position:absolute !important;top:50% !important;left:100% !important;right:auto !important;display:inline-flex !important;align-items:center !important;width:max-content !important;min-width:max-content !important;max-width:none !important;height:32px !important;line-height:32px !important;margin:0 !important;padding:0 !important;white-space:nowrap !important;overflow:visible !important;opacity:1 !important;visibility:visible !important;translate:none !important;transform:translate3d(0,-50%,0) !important;will-change:transform !important;backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;animation:vmSchedulePopupPozdrowieniaSmooth 11.8s linear infinite !important;animation-delay:-1.05s !important;}
@keyframes vmSchedulePopupPozdrowieniaSmooth { 0% { transform: translate3d(0, -50%, 0); opacity: 1; visibility: visible; } 86% { transform: translate3d(calc(-100% - 340px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 340px), -50%, 0); opacity: 0; visibility: visible; } }
body.vmSchedulePopupMode .vmSchedulePremium{position:relative !important;isolation:isolate !important;}
body.vmSchedulePopupMode .vmSchedulePremium::before{content:"" !important;position:absolute !important;inset:-10px !important;z-index:-1 !important;border-radius:28px !important;border:1px solid rgba(255,255,255,0.1) !important;background:radial-gradient(circle at 12% 10%,rgba(255,139,35,0.16),transparent 30%),radial-gradient(circle at 82% 18%,rgba(47,140,255,0.15),transparent 32%),radial-gradient(circle at 50% 95%,rgba(255,63,180,0.1),transparent 34%),linear-gradient(135deg,rgba(255,255,255,0.045),rgba(5,9,24,0.56)) !important;box-shadow:0 30px 90px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.08) !important;pointer-events:none !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{background:linear-gradient( 135deg,rgba(255,139,35,0.15),rgba(31,72,130,0.28) 48%,rgba(8,12,30,0.9) ) !important;}
body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth{animation:none !important;transition:none !important;will-change:transform !important;backface-visibility:hidden !important;-webkit-font-smoothing:antialiased !important;}
.chartPremiumBody .chartPremiumSection{padding-top:22px;}
.chartPremiumBody .chartPremiumHero .card{overflow:hidden;position:relative;}
.chartPremiumBody .chartPremiumHero .card::after{content:"";position:absolute;inset:-80% auto -80% -30%;width:44%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.16),transparent);transform:skewX(-18deg);animation:vmChartHeroSweep 6.8s ease-in-out infinite;pointer-events:none;}
@keyframes vmChartHeroSweep { 0%, 42% { left: -45%; opacity: 0; } 52% { opacity: 0.8; } 72%, 100% { left: 115%; opacity: 0; } }
.vmChartPremium{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,0.14);border-radius:28px;background:radial-gradient(circle at 14% 4%,rgba(255,122,24,0.16),transparent 34%),radial-gradient(circle at 88% 10%,rgba(47,140,255,0.16),transparent 32%),linear-gradient(180deg,rgba(255,255,255,0.095),rgba(255,255,255,0.052));box-shadow:0 28px 90px rgba(0,0,0,0.45);backdrop-filter:blur(20px);padding:22px;min-height:640px;}
.vmChartGlow{position:absolute;inset:auto -18% -44% -18%;height:300px;background:radial-gradient(circle,rgba(255,122,24,0.17),transparent 64%);pointer-events:none;}
.vmChartPremium > *:not(.vmChartGlow){position:relative;z-index:1;}
.vmChartTop{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-bottom:18px;}
.vmChartTop h2{margin:12px 0 8px;font-size:clamp(1.45rem,2.5vw,2.25rem);}
.vmChartTop p{margin:0;color:var(--muted);line-height:1.55;}
.vmChartCounter{min-width:130px;min-height:96px;border-radius:24px;border:1px solid rgba(255,255,255,0.13);background:linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.055));display:grid;place-items:center;text-align:center;padding:12px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.035),0 14px 34px rgba(0,0,0,0.22);}
.vmChartCounter span{display:block;font-size:1.55rem;line-height:1;font-weight:900;background:linear-gradient(90deg,#fff,#ffb34c,#2f8cff,#34f5c5,#fff);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vmChartTextColor 4.5s linear infinite;}
.vmChartCounter small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:0.08em;font-size:0.72rem;}
.vmChartTabs{display:flex;gap:10px;flex-wrap:wrap;padding:8px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(0,0,0,0.16);margin-bottom:16px;}
.vmChartTabs button{border:1px solid transparent;color:rgba(247,251,255,0.72);background:transparent;cursor:pointer;border-radius:999px;padding:11px 16px;font-weight:900;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease,transform 0.18s ease;}
.vmChartTabs button:hover, .vmChartTabs button.active{color:#fff;background:linear-gradient(135deg,rgba(255,122,24,0.32),rgba(47,140,255,0.18));border-color:rgba(255,255,255,0.14);box-shadow:0 10px 28px rgba(0,0,0,0.18),0 0 24px rgba(255,122,24,0.12);}
.vmChartTabs button:hover{transform:translateY(-1px);}
.vmChartStatus{display:none;margin:0 0 14px;border:1px solid rgba(255,255,255,0.12);border-radius:18px;background:rgba(255,255,255,0.075);color:rgba(247,251,255,0.82);padding:12px 14px;font-weight:800;}
.vmChartStatus.ok{display:block;border-color:rgba(72,255,157,0.28);background:rgba(72,255,157,0.1);}
.vmChartStatus.err{display:block;border-color:rgba(255,80,80,0.34);background:rgba(255,80,80,0.12);}
.vmChartStatus.info{display:block;}
.vmChartPanel{display:none;}
.vmChartPanel.active{display:block;}
.vmChartList{display:grid;gap:10px;max-height:520px;overflow:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(255,122,24,0.65) rgba(255,255,255,0.08);}
.vmChartList::-webkit-scrollbar{width:8px;}
.vmChartList::-webkit-scrollbar-track{background:rgba(255,255,255,0.06);border-radius:999px;}
.vmChartList::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--a),#ffb34c);border-radius:999px;}
.vmChartRow{display:grid;grid-template-columns:72px minmax(0,1fr) 72px 116px;gap:12px;align-items:center;min-height:74px;border:1px solid rgba(255,255,255,0.105);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,0.085),rgba(255,255,255,0.045));box-shadow:inset 0 0 0 1px rgba(255,255,255,0.025),0 12px 30px rgba(0,0,0,0.16);padding:12px;transition:transform 0.18s ease,border-color 0.18s ease,background 0.18s ease,box-shadow 0.18s ease;}
.vmChartRow:hover{transform:translateY(-1px);border-color:rgba(255,122,24,0.28);background:radial-gradient(circle at 0 50%,rgba(255,122,24,0.12),transparent 42%),linear-gradient(180deg,rgba(255,255,255,0.105),rgba(255,255,255,0.055));box-shadow:inset 0 0 0 1px rgba(255,255,255,0.04),0 16px 38px rgba(0,0,0,0.24),0 0 26px rgba(255,122,24,0.1);}
.vmChartCol{min-width:0;}
.vmChartColPos{display:flex;justify-content:center;}
.vmChartPos{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:950;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.035);}
.vmChartPos.gold{color:#1b1100;background:linear-gradient(135deg,#ffe08a,#ff9c2f);box-shadow:0 0 26px rgba(255,156,47,0.24);}
.vmChartPos.silver{color:#101722;background:linear-gradient(135deg,#f7fbff,#9fb0c6);}
.vmChartPos.bronze{color:#1b0e06;background:linear-gradient(135deg,#ffc08a,#a96732);}
.vmChartColTitle strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.02rem;font-weight:900;background:linear-gradient(90deg,#fff,#ffb34c,#2f8cff,#ff3fb4,#34f5c5,#fff);background-size:320% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:vmChartTextColor 5.5s linear infinite;}
@keyframes vmChartTextColor { from { background-position: 0% 50%; } to { background-position: 320% 50%; } }
.vmChartColTitle span{display:flex;align-items:center;gap:9px;margin-top:6px;color:var(--muted);font-size:0.86rem;}
.vmChartMove, .vmChartMove.new{border:1px solid rgba(255,255,255,0.12);border-radius:999px;padding:4px 8px;background:rgba(255,255,255,0.07);font-weight:900;font-style:normal;color:#fff;}
.vmChartMove.new{color:#150900;background:linear-gradient(135deg,var(--a),#ffb34c);border-color:rgba(255,255,255,0.18);}
.vmChartColTitle em{font-style:normal;color:rgba(247,251,255,0.64);}
.vmChartColListen, .vmChartColVote{display:flex;justify-content:center;}
.vmChartPlay{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#07101e;font-weight:950;box-shadow:0 10px 26px rgba(255,255,255,0.12),0 0 0 1px rgba(255,255,255,0.2);transition:transform 0.18s ease,box-shadow 0.18s ease;}
.vmChartPlay:hover{transform:translateY(-1px) scale(1.03);box-shadow:0 14px 34px rgba(255,255,255,0.16),0 0 28px rgba(52,245,197,0.2);}
.vmChartNoListen{color:rgba(247,251,255,0.45);font-weight:900;}
.vmChartVote{border:0;border-radius:999px;padding:11px 15px;min-width:96px;cursor:pointer;color:#150900;font-weight:950;background:linear-gradient(135deg,var(--a),#ffb34c);box-shadow:0 12px 30px rgba(255,122,24,0.2);transition:transform 0.18s ease,filter 0.18s ease,box-shadow 0.18s ease;}
.vmChartVote:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 16px 38px rgba(255,122,24,0.28);}
.vmChartVote:disabled{opacity:0.48;cursor:not-allowed;box-shadow:none;}
.vmChartEmpty{border:1px dashed rgba(255,255,255,0.18);border-radius:22px;color:var(--muted);padding:24px;text-align:center;background:rgba(255,255,255,0.045);font-weight:800;}
.vmChartForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid rgba(255,255,255,0.11);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,0.085),rgba(255,255,255,0.045));padding:16px;}
.vmChartForm input{width:100%;border:1px solid rgba(255,255,255,0.13);border-radius:18px;background:rgba(0,0,0,0.18);color:#fff;outline:0;padding:14px 15px;font-weight:800;}
.vmChartForm input::placeholder{color:rgba(247,251,255,0.58);}
.vmChartForm input:focus{border-color:rgba(255,122,24,0.45);box-shadow:0 0 0 3px rgba(255,122,24,0.15);}
.vmChartForm input[name="link_url"]{grid-column:1/-1;}
.vmChartForm .hp{position:absolute;left:-9999px;visibility:hidden;}
.vmChartForm .btn{justify-self:start;}
.vmChartHint{margin:12px 0 0;color:var(--muted);line-height:1.5;}
@media (max-width: 820px) { .vmChartTop { grid-template-columns: 1fr; } .vmChartCounter { width: 100%; min-height: 76px; } .vmChartRow { grid-template-columns: 54px minmax(0, 1fr) 48px; } .vmChartColVote { grid-column: 2/4; justify-content: flex-start; } .vmChartVote { min-width: 140px; } .vmChartForm { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .vmChartPremium { padding: 14px; border-radius: 22px; } .vmChartTabs { border-radius: 22px; } .vmChartTabs button { flex: 1; padding: 10px 9px; } .vmChartRow { grid-template-columns: 48px minmax(0, 1fr); } .vmChartColListen { grid-column: 1/2; grid-row: 2; } .vmChartColVote { grid-column: 2/3; grid-row: 2; } }
.vmChartListenOpen{overflow:hidden;}
.vmChartListenModal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:22px;}
.vmChartListenModal.open{display:flex;}
.vmChartListenBackdrop{position:absolute;inset:0;background:rgba(3,7,18,0.76);backdrop-filter:blur(14px);}
.vmChartListenCard{position:relative;z-index:1;width:min(920px,96vw);border:1px solid rgba(255,255,255,0.14);border-radius:26px;background:linear-gradient(145deg,rgba(10,18,38,0.97),rgba(6,10,24,0.98));box-shadow:0 34px 90px rgba(0,0,0,0.58),0 0 42px rgba(255,126,0,0.13);overflow:hidden;}
.vmChartListenHead{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 12px;border-bottom:1px solid rgba(255,255,255,0.1);background:linear-gradient(90deg,rgba(255,126,0,0.12),rgba(255,255,255,0.035));}
.vmChartListenHead strong{color:#f7fbff;font-weight:950;letter-spacing:0.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vmChartListenHead button{border:1px solid rgba(255,255,255,0.18);border-radius:999px;padding:9px 14px;color:#f7fbff;font-weight:900;background:rgba(255,255,255,0.08);cursor:pointer;}
.vmChartListenHead button:hover{background:rgba(255,126,0,0.24);border-color:rgba(255,126,0,0.42);}
.vmChartListenFrame{position:relative;width:100%;aspect-ratio:16/9;background:#020617;}
.vmChartListenFrame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}
@media (max-width: 680px) { .vmChartListenModal { padding: 12px; } .vmChartListenCard { border-radius: 20px; } .vmChartListenHead { padding: 12px; } }
.chartPremiumBody .chartPremiumHero .card{align-items:center;}
.chartPremiumBody .chartPremiumHero .lead{max-width:760px;}
.chartPremiumBody .chartHeroCounter{min-width:150px;display:flex;justify-content:flex-end;align-items:center;}
.chartPremiumBody .chartHeroCounter .vmChartCounter{min-width:130px;min-height:92px;padding:12px 16px;border-radius:24px;background:radial-gradient(circle at 24% 18%,rgba(52,245,197,0.15),transparent 40%),linear-gradient(180deg,rgba(255,255,255,0.13),rgba(255,255,255,0.06));box-shadow:inset 0 0 0 1px rgba(255,255,255,0.045),0 16px 42px rgba(0,0,0,0.22),0 0 28px rgba(47,140,255,0.1);}
.chartPremiumBody .chartHeroCounter .vmChartCounter span{font-size:1.75rem;}
.chartPremiumBody .vmChartPremium{padding-top:24px;min-height:600px;}
.chartPremiumBody .vmChartTabs{margin-bottom:16px;}
@media (max-width: 820px) { .chartPremiumBody .chartHeroCounter { width: 100%; justify-content: flex-start; } .chartPremiumBody .chartHeroCounter .vmChartCounter { width: 100%; min-height: 76px; } }
.chartPremiumBody main > .page{width:min(1520px,calc(100% - 42px));}
.chartPremiumBody main > .page.subHero{width:min(1520px,calc(100% - 42px));}
.chartPremiumBody .vmChartPremium{min-height:clamp(600px,calc(100vh - 350px),780px);}
.chartPremiumBody .vmChartList{max-height:clamp(430px,calc(100vh - 520px),680px);}
.chartPremiumBody .vmChartRowWaiting .vmChartPos{color:#f7fbff;background:rgba(255,255,255,0.09);border:1px solid rgba(255,255,255,0.13);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.035);}
@media (min-width: 1500px) { .chartPremiumBody main > .page, .chartPremiumBody main > .page.subHero { width: min(1680px, calc(100% - 86px)); } .chartPremiumBody .vmChartPremium { padding: 26px 28px; } .chartPremiumBody .vmChartRow { min-height: 78px; } }
@media (max-width: 820px) { .chartPremiumBody main > .page, .chartPremiumBody main > .page.subHero { width: min(100% - 22px, 1240px); } .chartPremiumBody .vmChartPremium { min-height: 560px; } .chartPremiumBody .vmChartList { max-height: 520px; } }
.chartPremiumBody .chartPremiumSection{padding-top:18px;padding-bottom:26px;}
.chartPremiumBody .vmChartPremium{display:flex;flex-direction:column;min-height:0;height:clamp(500px,calc(100vh - 330px),780px);padding-bottom:18px;}
.chartPremiumBody .vmChartPanel.active{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;}
.chartPremiumBody .vmChartList{width:calc(100% - 26px);margin:0 auto;flex:1 1 auto;min-height:0;max-height:none;height:auto;padding-right:10px;padding-bottom:10px;}
.chartPremiumBody .vmChartRow{width:calc(100% - 4px);margin-left:auto;margin-right:auto;}
@media (min-width: 1500px) { .chartPremiumBody .vmChartPremium { height: clamp(600px, calc(100vh - 340px), 860px); } .chartPremiumBody .vmChartList { width: calc(100% - 34px); } }
@media (max-width: 1180px) { .chartPremiumBody main > .page, .chartPremiumBody main > .page.subHero { width: min(100% - 24px, 1320px); } .chartPremiumBody .chartPremiumSection { padding-top: 14px; } .chartPremiumBody .vmChartPremium { height: clamp(455px, calc(100vh - 300px), 650px); padding: 16px 14px 14px; } .chartPremiumBody .vmChartList { width: calc(100% - 18px); } .chartPremiumBody .vmChartRow { min-height: 66px; padding: 10px; } }
@media (max-width: 820px) { .chartPremiumBody .vmChartPremium { height: auto; min-height: 520px; } .chartPremiumBody .vmChartList { width: 100%; max-height: 520px; } }
.vmChartRow{grid-template-columns:66px minmax(0,1fr) 70px 106px;gap:10px;align-items:center;min-height:70px;padding:10px 12px;}
.vmChartCol{min-height:48px;display:flex;align-items:center;}
.vmChartColPos{justify-content:center;align-self:center;}
.vmChartPos{width:42px;height:42px;line-height:1;transform:translateY(1px);}
.vmChartColTitle{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding-top:1px;}
.vmChartColTitle strong{line-height:1.18;margin:0;}
.vmChartColTitle span{margin-top:0;line-height:1.1;}
.vmChartColListen, .vmChartColVote{justify-content:center;align-items:center;align-self:center;}
.vmChartPlay{width:40px;height:40px;line-height:1;transform:translateY(0);}
.vmChartPlay:hover{transform:translateY(-1px) scale(1.03);}
.vmChartVote{min-width:92px;padding:10px 14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;}
@media (max-width: 980px) { .vmChartRow { grid-template-columns: 58px minmax(0, 1fr) 56px 92px; gap: 8px; min-height: 68px; padding: 9px 10px; } .vmChartCol { min-height: 46px; } .vmChartPos { width: 40px; height: 40px; border-radius: 15px; } .vmChartPlay { width: 38px; height: 38px; } .vmChartVote { min-width: 86px; min-height: 38px; padding: 9px 12px; } }
.chatPremiumBody .chatPremiumHero{padding-top:34px;padding-bottom:8px;}
.chatPremiumBody .chatPremiumHero h1{font-size:clamp(2.2rem,4.4vw,4.2rem);}
.vmChatPremiumSection{padding-top:26px;}
.vmChatPremiumLayout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:stretch;}
.vmChatBox, .vmChatSide{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052));border:1px solid rgba(255,255,255,0.15);box-shadow:0 26px 80px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,0.07);}
.vmChatBox:before, .vmChatSide:before{content:"";position:absolute;inset:-40% -35%;background:radial-gradient(circle at 18% 18%,rgba(255,122,24,0.18),transparent 35%),radial-gradient(circle at 86% 10%,rgba(47,140,255,0.2),transparent 34%),radial-gradient(circle at 50% 92%,rgba(255,63,180,0.11),transparent 34%);pointer-events:none;opacity:0.9;}
.vmChatBox > *, .vmChatSide > *{position:relative;z-index:1;}
.vmChatBox{padding:18px;min-height:0;}
.vmChatBoxHead{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px;}
.vmChatBoxHead h2{margin-top:10px;font-size:clamp(1.55rem,2.5vw,2.45rem);}
.vmChatBoxHead p{margin:0;color:rgba(247,251,255,0.72);line-height:1.45;}
.vmChatFrame{height:clamp(597px,calc(100vh - 298px),787px);min-height:577px;overflow:hidden;border-radius:24px;border:1px solid rgba(255,255,255,0.17);background:rgba(0,0,0,0.16);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),0 18px 60px rgba(0,0,0,0.3);}
.vmChatFrame iframe{width:100%;height:100%;border:0;background:transparent;display:block;}
.vmChatSide{padding:18px;align-self:stretch;display:flex;flex-direction:column;gap:14px;}
.vmMiniPlayer{border:1px solid rgba(255,255,255,0.16);background:linear-gradient(145deg,rgba(255,255,255,0.105),rgba(255,255,255,0.052));border-radius:24px;padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}
.vmMiniPlayerInfo span{display:inline-flex;align-items:center;gap:8px;color:var(--good);font-size:0.82rem;font-weight:900;text-transform:uppercase;letter-spacing:0.08em;}
.vmMiniPlayerInfo span:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 18px var(--good);}
.vmMiniPlayerInfo strong{display:block;font-size:1.45rem;line-height:1;margin:8px 0 6px;}
.vmMiniPlayerInfo small{color:rgba(247,251,255,0.78);font-weight:800;font-size:1.08rem;display:block;margin-bottom:1px;}
.vmMiniPlayerControls{display:flex;gap:10px;margin:2px 0 8px;}
.vmMiniPlayerControls button{width:46px;height:46px;border-radius:16px;border:1px solid rgba(255,255,255,0.16);background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-weight:1000;cursor:pointer;box-shadow:0 12px 28px rgba(255,122,24,0.18);}
.vmMiniPlayerControls button:last-child{background:rgba(255,255,255,0.08);color:#fff;box-shadow:none;}
.vmMiniPlayer .volume{width:100%;}
.vmChatToolsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.vmChatTool{min-height:100px;border:1px solid rgba(255,255,255,0.15);background:linear-gradient(145deg,rgba(255,255,255,0.09),rgba(255,255,255,0.045));color:#fff;border-radius:22px;padding:13px;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:5px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);transition:transform 0.18s ease,background 0.18s ease,border-color 0.18s ease;}
.vmChatTool:hover{transform:translateY(-2px);background:linear-gradient(145deg,rgba(255,126,0,0.16),rgba(47,140,255,0.1));border-color:rgba(255,126,0,0.35);}
.vmChatTool span{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-weight:1000;box-shadow:0 12px 26px rgba(255,122,24,0.18);}
.vmChatTool b{font-size:1rem;line-height:1.05;}
.vmChatTool em{font-style:normal;color:rgba(247,251,255,0.68);font-size:0.82rem;line-height:1.2;}
.vmChatToolWide{grid-column:1/-1;min-height:88px;}
.vmCommunityPanel{display:none;padding:24px;}
.vmCommunityPanel.open{display:block;}
.vmCommunityIntro{color:rgba(247,251,255,0.74);margin:0 0 16px;font-weight:800;}
.vmCommunityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.vmCommunityGrid a{border:1px solid rgba(255,255,255,0.15);background:linear-gradient(145deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055));border-radius:22px;padding:18px;color:#fff;display:flex;flex-direction:column;gap:8px;min-height:120px;justify-content:center;}
.vmCommunityGrid a:hover{background:linear-gradient(145deg,rgba(255,126,0,0.18),rgba(47,140,255,0.12));border-color:rgba(255,126,0,0.38);}
.vmCommunityGrid b{font-size:1.12rem;}
.vmCommunityGrid small{color:rgba(247,251,255,0.7);line-height:1.35;}
.modal.vmCommunityMode .modalCard{width:min(720px,100%);height:auto;min-height:280px;}
.modal.vmCommunityMode #vmModalFrame{display:none !important;}
@media (min-width: 1500px) { .vmChatPremiumLayout { grid-template-columns: minmax(0, 1fr) 370px; } .vmChatFrame { height: clamp(660px, calc(100vh - 300px), 860px); } }
@media (max-width: 1180px) { .vmChatPremiumLayout { grid-template-columns: 1fr; } .vmChatSide { order: -1; } .vmChatToolsGrid { grid-template-columns: repeat(4, 1fr); } .vmChatToolWide { grid-column: span 2; } .vmChatFrame { height: 650px; } }
@media (max-width: 760px) { .vmChatBoxHead { align-items: flex-start; flex-direction: column; } .vmChatToolsGrid { grid-template-columns: 1fr 1fr; } .vmCommunityGrid { grid-template-columns: 1fr; } .vmChatFrame { height: 590px; min-height: 560px; } .vmChatSide { padding: 14px; } .vmChatTool { min-height: 92px; } .vmChatToolWide { grid-column: 1/-1; } }
html.vmPopupPage, body.vmPopupPage{background:transparent !important;overflow:hidden !important;}
body.vmPopupPage:before, body.vmPopupPage:after{display:none !important;}
body.vmPopupPage .top, body.vmPopupPage .quickDock, body.vmPopupPage .footer, body.vmPopupPage .subHero{display:none !important;}
body.vmPopupPage main{padding:0 !important;margin:0 !important;}
body.vmPopupPage .section{padding:16px !important;}
body.vmPopupPage .page{width:100% !important;max-width:none !important;margin:0 !important;}
body.vmPopupPage.chartPremiumBody .chartPremiumSection{padding:12px !important;}
body.vmPopupPage.chartPremiumBody .vmChartPremium{height:calc(100vh - 24px) !important;min-height:0 !important;}
body.vmPopupPage.rekrutacjaBody .vmRecruitSection{padding:12px !important;}
body.vmPopupPage .vmRecruitShell, body.vmPopupPage .card{box-shadow:none;}
.chatPremiumBody .vmChatPremiumSection{padding-top:14px;}
.chatPremiumBody .vmChatBox{padding:14px;}
.chatPremiumBody .vmChatBoxHead{display:none !important;}
.chatPremiumBody .vmChatFrameSolo{position:relative;height:clamp(610px,calc(100vh - 210px),820px);min-height:600px;border-radius:24px;}
.chatPremiumBody .vmChatFrameSolo iframe{position:absolute;inset:0;width:100%;height:100%;}
.chatPremiumBody .vmChatOpenSolo{position:absolute;top:12px;right:12px;z-index:4;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,0.18);background:rgba(8,12,28,0.42);backdrop-filter:blur(10px);color:#fff;font-weight:900;font-size:0.88rem;box-shadow:0 12px 30px rgba(0,0,0,0.22);}
.chatPremiumBody .vmChatOpenSolo:hover{background:linear-gradient(135deg,rgba(255,126,0,0.34),rgba(47,140,255,0.18));border-color:rgba(255,126,0,0.42);}
.chatPremiumBody .vmMiniPlayerTop{display:grid;grid-template-columns:minmax(0,1fr) 78px;gap:12px;align-items:center;}
.chatPremiumBody .vmMiniAvatar{width:76px;height:76px;border-radius:22px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,126,0,0.18),rgba(47,140,255,0.18));border:1px solid rgba(255,255,255,0.16);box-shadow:0 16px 38px rgba(0,0,0,0.25),inset 0 1px 0 rgba(255,255,255,0.08);}
.chatPremiumBody .vmMiniAvatar img{width:100%;height:100%;object-fit:cover;display:block;}
.chatPremiumBody .vmMiniAvatar .fb{width:100%;height:100%;display:grid;place-items:center;font-weight:1000;font-size:1.05rem;color:#fff;background:radial-gradient(circle at 30% 20%,rgba(255,126,0,0.35),transparent 46%),linear-gradient(135deg,rgba(255,255,255,0.12),rgba(255,255,255,0.04));}
.chatPremiumBody .vmMiniPlayerControls{margin-top:13px;}
@media (min-width: 1500px) { .chatPremiumBody .vmChatFrameSolo { height: clamp(660px, calc(100vh - 220px), 890px); } }
@media (max-width: 1180px) { .chatPremiumBody .vmChatFrameSolo { height: 650px; min-height: 610px; } }
@media (max-width: 760px) { .chatPremiumBody .vmChatFrameSolo { height: 590px; min-height: 560px; } .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 68px; } .chatPremiumBody .vmMiniAvatar { width: 66px; height: 66px; border-radius: 20px; } .chatPremiumBody .vmChatOpenSolo { top: 10px; right: 10px; font-size: 0.8rem; min-height: 34px; padding: 7px 11px; } }
.chatPremiumBody .vmChatFrameSolo{overflow:hidden;}
.chatPremiumBody .vmChatFrameSolo iframe{width:calc(100% + 34px);max-width:none;transform:translateX(-18px);transform-origin:left top;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(247,251,255,0.78);font-weight:900;}
.chatPremiumBody .vmMiniVolumeLabel{margin:8px 0 6px;color:rgba(247,251,255,0.62);font-weight:850;font-size:0.78rem;}
.chatPremiumBody .vmChatFrameSolo iframe{width:100% !important;max-width:100% !important;transform:none !important;left:0 !important;right:0 !important;}
.chatPremiumBody .vmChatFrameSolo{height:auto !important;min-height:0 !important;aspect-ratio:728 / 486;overflow:hidden !important;border-radius:24px;}
.chatPremiumBody .vmChatFrameSolo iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:100% !important;transform:none !important;border:0 !important;overflow:hidden !important;}
@media (min-width: 1500px) { .chatPremiumBody .vmChatFrameSolo { aspect-ratio: 728 / 486; height: auto !important; min-height: 0 !important; } }
@media (max-width: 1180px) { .chatPremiumBody .vmChatFrameSolo { aspect-ratio: 728 / 486; height: auto !important; min-height: 0 !important; } }
@media (max-width: 760px) { .chatPremiumBody .vmChatFrameSolo { aspect-ratio: 728 / 486; height: auto !important; min-height: 0 !important; } }
.chatPremiumBody .chatPremiumHero .card{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:22px;align-items:center;}
.chatPremiumBody .vmChatHeroNote{justify-self:end;display:grid;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:14px;max-width:410px;padding:16px 18px;border-radius:24px;border:1px solid rgba(255,255,255,0.16);background:linear-gradient(135deg,rgba(255,255,255,0.105),rgba(255,255,255,0.045));box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 18px 45px rgba(0,0,0,0.22);}
.chatPremiumBody .vmChatHeroNote span{width:54px;height:54px;border-radius:19px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),#ffb34c);color:#160900;font-size:1.45rem;box-shadow:0 15px 34px rgba(255,126,0,0.22);}
.chatPremiumBody .vmChatHeroNote strong{display:block;color:#fff;font-size:1.04rem;line-height:1.28;text-wrap:balance;}
.chatPremiumBody .vmChatStatusBar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:10px 13px;border-radius:18px;border:1px solid rgba(255,255,255,0.13);background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.035));color:rgba(247,251,255,0.78);box-shadow:inset 0 1px 0 rgba(255,255,255,0.06);}
.chatPremiumBody .vmChatStatusBar span{color:var(--good);font-size:0.8rem;font-weight:1000;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;}
.chatPremiumBody .vmChatStatusBar strong{font-size:0.92rem;line-height:1.25;font-weight:850;color:rgba(247,251,255,0.82);text-align:right;}
@media (max-width: 980px) { .chatPremiumBody .chatPremiumHero .card { grid-template-columns: 1fr; } .chatPremiumBody .vmChatHeroNote { justify-self: stretch; max-width: none; } }
@media (max-width: 760px) { .chatPremiumBody .vmChatHeroNote { grid-template-columns: 46px 1fr; padding: 13px 14px; border-radius: 20px; } .chatPremiumBody .vmChatHeroNote span { width: 46px; height: 46px; border-radius: 16px; font-size: 1.2rem; } .chatPremiumBody .vmChatStatusBar { align-items: flex-start; flex-direction: column; gap: 5px; } .chatPremiumBody .vmChatStatusBar strong { text-align: left; } }
.vmChatHeroIconOnly{margin-left:auto;width:84px;min-width:84px;height:84px;display:flex;align-items:center;justify-content:center;}
.vmChatHeroIconOnly strong{display:none !important;}
.vmChatHeroIconOnly span{font-size:34px;line-height:1;}
.chatPremiumBody .vmChatOpenSolo{display:none !important;}
.chatPremiumBody .vmMiniPlayerTop{grid-template-columns:minmax(0,1fr) 94px !important;gap:16px !important;align-items:start !important;}
.chatPremiumBody .vmMiniAvatar{width:92px !important;height:92px !important;border-radius:24px !important;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{font-size:1.58rem !important;line-height:1.02 !important;margin-top:9px !important;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{display:block !important;margin-top:4px !important;}
.chatPremiumBody .vmMiniListeners{display:inline-flex !important;align-items:center;gap:5px;margin:0 0 0 8px !important;padding:3px 8px;border-radius:999px;border:1px solid rgba(255,255,255,0.13);background:rgba(255,255,255,0.07);color:rgba(247,251,255,0.78);font-size:0.7rem;font-weight:900;font-style:normal;letter-spacing:0.02em;vertical-align:middle;white-space:nowrap;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);}
.chatPremiumBody .vmMiniListeners b{color:#fff;font-weight:1000;}
.chatPremiumBody .vmMiniPlayerInfo span{white-space:nowrap;}
@media (max-width: 760px) { .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 74px !important; } .chatPremiumBody .vmMiniAvatar { width: 72px !important; height: 72px !important; border-radius: 21px !important; } }
.chatPremiumBody .vmMiniPlayer{padding:14px 16px 13px !important;}
.chatPremiumBody .vmMiniPlayerInfo span{display:flex !important;align-items:center !important;gap:7px !important;max-width:100% !important;white-space:nowrap !important;line-height:1.1 !important;}
.chatPremiumBody .vmMiniListeners{flex:0 0 auto !important;margin:0 0 0 6px !important;padding:2px 7px !important;max-width:92px !important;overflow:hidden !important;text-overflow:ellipsis !important;border-radius:999px !important;font-size:0.64rem !important;line-height:1 !important;letter-spacing:0.015em !important;}
.chatPremiumBody .vmMiniListeners b{display:inline-block !important;min-width:1.1em !important;text-align:center !important;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{font-size:1.46rem !important;line-height:1.02 !important;margin-top:7px !important;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{margin-top:3px !important;line-height:1.08 !important;}
.chatPremiumBody .vmMiniPlayerControls button{width:43px !important;height:43px !important;border-radius:15px !important;}
.chatPremiumBody .vmMiniPlayer .volume{margin-top:4px !important;}
@media (max-width: 760px) { .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 74px !important; } .chatPremiumBody .vmMiniAvatar { width: 72px !important; height: 72px !important; border-radius: 21px !important; } .chatPremiumBody .vmMiniListeners { max-width: 78px !important; font-size: 0.6rem !important; } }
.chatPremiumBody .vmMiniPlayer{padding:13px 16px 12px !important;}
.chatPremiumBody .vmMiniPlayerTop{grid-template-columns:minmax(0,1fr) 92px !important;gap:13px !important;align-items:start !important;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{display:block !important;font-size:1.48rem !important;line-height:1.02 !important;margin:0 0 3px !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{display:block !important;margin:0 0 5px !important;line-height:1.05 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:rgba(247,251,255,0.78) !important;font-weight:900 !important;}
.chatPremiumBody .vmMiniListeners{display:inline-flex !important;align-items:center !important;gap:5px !important;margin:0 !important;padding:2px 7px !important;max-width:118px !important;overflow:hidden !important;text-overflow:ellipsis !important;border-radius:999px !important;border:1px solid rgba(255,255,255,0.13) !important;background:rgba(255,255,255,0.07) !important;color:rgba(247,251,255,0.78) !important;font-size:0.64rem !important;font-weight:900 !important;font-style:normal !important;line-height:1 !important;letter-spacing:0.015em !important;white-space:nowrap !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.05) !important;}
.chatPremiumBody .vmMiniListeners b{display:inline-block !important;min-width:1.1em !important;text-align:center !important;color:#fff !important;font-weight:1000 !important;}
.chatPremiumBody .vmMiniAvatar{width:88px !important;height:88px !important;border-radius:23px !important;justify-self:end !important;}
.chatPremiumBody .vmMiniVolumeLabel{margin:0 0 5px !important;font-size:0.76rem !important;}
.chatPremiumBody .vmMiniPlayer .volume{margin-top:2px !important;}
@media (max-width: 760px) { .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 74px !important; } .chatPremiumBody .vmMiniAvatar { width: 72px !important; height: 72px !important; border-radius: 21px !important; } .chatPremiumBody .vmMiniListeners { max-width: 100px !important; font-size: 0.6rem !important; } }
.chatPremiumBody .vmMiniPlayer{padding:13px 16px 11px !important;}
.chatPremiumBody .vmMiniPlayerTop{grid-template-columns:minmax(0,1fr) 104px !important;gap:14px !important;align-items:start !important;}
.chatPremiumBody .vmMiniPlayerInfo{padding-top:0 !important;min-width:0 !important;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{display:block !important;font-size:1.52rem !important;line-height:1 !important;margin:0 0 2px !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{display:block !important;margin:0 0 3px !important;line-height:1.05 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:rgba(247,251,255,0.82) !important;font-weight:900 !important;}
.chatPremiumBody .vmMiniListeners{display:block !important;margin:0 !important;padding:0 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;color:rgba(247,251,255,0.84) !important;font-size:0.82rem !important;font-weight:900 !important;font-style:normal !important;line-height:1.15 !important;letter-spacing:0.01em !important;white-space:nowrap !important;}
.chatPremiumBody .vmMiniAvatar{width:100px !important;height:100px !important;border-radius:25px !important;justify-self:end !important;}
.chatPremiumBody .vmMiniVolumeLabel{margin:0 0 5px !important;font-size:0.74rem !important;}
@media (max-width: 760px) { .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 78px !important; } .chatPremiumBody .vmMiniAvatar { width: 76px !important; height: 76px !important; border-radius: 22px !important; } .chatPremiumBody .vmMiniListeners { font-size: 0.72rem !important; } }
.chatPremiumBody .vmMiniPlayer{padding:14px 16px 12px !important;}
.chatPremiumBody .vmMiniPlayerTop{grid-template-columns:minmax(0,1fr) 108px !important;gap:14px !important;align-items:start !important;}
.chatPremiumBody .vmMiniAvatar{width:106px !important;height:106px !important;border-radius:24px !important;}
.chatPremiumBody .vmMiniPlayerInfo{padding-top:2px !important;min-width:0 !important;}
.chatPremiumBody .vmMiniPlayerInfo > span{display:none !important;}
.chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter]{display:block !important;font-size:1.52rem !important;line-height:1.04 !important;margin:0 0 4px !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
.chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast]{display:block !important;margin:0 0 5px !important;font-size:0.86rem !important;line-height:1.08 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;color:rgba(247,251,255,0.86) !important;font-weight:900 !important;}
.chatPremiumBody .vmMiniListeners{display:block !important;margin:0 !important;padding:0 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;border:0 !important;background:transparent !important;box-shadow:none !important;border-radius:0 !important;color:rgba(247,251,255,0.88) !important;font-size:0.86rem !important;font-weight:900 !important;font-style:normal !important;line-height:1.08 !important;letter-spacing:0.005em !important;white-space:nowrap !important;}
.chatPremiumBody .vmMiniListeners b{display:inline !important;min-width:0 !important;text-align:left !important;color:#fff !important;font-weight:1000 !important;}
.chatPremiumBody .vmMiniPlayerControls{margin:2px 0 8px;gap:9px !important;}
.chatPremiumBody .vmMiniPlayerControls button{width:42px !important;height:42px !important;border-radius:15px !important;}
.chatPremiumBody .vmMiniVolumeLabel{margin-top:0 !important;}
.chatPremiumBody .vmMiniPlayer .volume{margin-top:1px !important;}
@media (max-width: 760px) { .chatPremiumBody .vmMiniPlayerTop { grid-template-columns: minmax(0, 1fr) 84px !important; gap: 12px !important; } .chatPremiumBody .vmMiniAvatar { width: 82px !important; height: 82px !important; border-radius: 22px !important; } .chatPremiumBody .vmMiniPlayerInfo strong[data-player-presenter] { font-size: 1.38rem !important; } .chatPremiumBody .vmMiniPlayerInfo small[data-player-broadcast], .chatPremiumBody .vmMiniListeners { font-size: 0.78rem !important; } }
.chatPremiumBody .vmMiniPlayerControls{margin:-18px 0 8px !important;}
.chatPremiumBody .vmMiniAvatar{position:relative !important;cursor:pointer !important;}
.chatPremiumBody .vmMiniAvatar.vmLivePreviewOn{background:#050816 !important;border-color:rgba(255,126,0,0.52) !important;box-shadow:0 16px 42px rgba(0,0,0,0.3),0 0 0 1px rgba(255,126,0,0.2),0 0 24px rgba(255,126,0,0.16),inset 0 1px 0 rgba(255,255,255,0.1) !important;}
.chatPremiumBody .vmMiniAvatar.vmLivePreviewOn img, .chatPremiumBody .vmMiniAvatar.vmLivePreviewOn .fb{opacity:0 !important;pointer-events:none !important;}
.chatPremiumBody .vmMiniLiveFrame{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important;display:block !important;background:#050816 !important;transform:scale(0.32) !important;transform-origin:0 0 !important;width:312.5% !important;height:312.5% !important;pointer-events:none !important;}
.chatPremiumBody .vmMiniAvatar.vmLivePreviewOn::after{content:"LIVE";position:absolute;left:7px;bottom:7px;z-index:3;padding:3px 6px;border-radius:999px;background:rgba(255,126,0,0.92);color:#fff;font-size:0.55rem;line-height:1;font-weight:1000;letter-spacing:0.06em;box-shadow:0 8px 18px rgba(0,0,0,0.34);}
@media (max-width: 760px) { .chatPremiumBody .vmMiniLiveFrame { transform: scale(0.265) !important; width: 377.4% !important; height: 377.4% !important; } .chatPremiumBody .vmMiniAvatar.vmLivePreviewOn::after { left: 6px; bottom: 6px; font-size: 0.5rem; padding: 3px 5px; } }
.chatPremiumBody .vmMiniAvatar:not(.vmLivePreviewOn) .vmMiniLiveFrame{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;}
.chatPremiumBody .vmMiniAvatar .vmLiveProbeFrame{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;z-index:-1 !important;}
.homePremiumBody .player .avatar, .listenBody .player .avatar{position:relative !important;}
.homePremiumBody .player .avatar.vmLivePreviewOn, .listenBody .player .avatar.vmLivePreviewOn{cursor:pointer !important;background:#050816 !important;border-color:rgba(255,126,0,0.52) !important;box-shadow:0 16px 42px rgba(0,0,0,0.3),0 0 0 1px rgba(255,126,0,0.2),0 0 24px rgba(255,126,0,0.16),inset 0 1px 0 rgba(255,255,255,0.1) !important;overflow:hidden !important;}
.homePremiumBody .player .avatar.vmLivePreviewOn img, .homePremiumBody .player .avatar.vmLivePreviewOn .fb, .listenBody .player .avatar.vmLivePreviewOn img, .listenBody .player .avatar.vmLivePreviewOn .fb{opacity:0 !important;pointer-events:none !important;}
.homePremiumBody .player .avatar .vmMiniLiveFrame, .listenBody .player .avatar .vmMiniLiveFrame{position:absolute !important;inset:0 !important;border:0 !important;display:block !important;background:#050816 !important;transform:scale(0.32) !important;transform-origin:0 0 !important;width:312.5% !important;height:312.5% !important;pointer-events:none !important;}
.homePremiumBody .player .avatar.vmLivePreviewOn::after, .listenBody .player .avatar.vmLivePreviewOn::after{content:"LIVE";position:absolute;left:7px;bottom:7px;z-index:3;padding:3px 6px;border-radius:999px;background:rgba(255,126,0,0.92);color:#fff;font-size:0.55rem;line-height:1;font-weight:1000;letter-spacing:0.06em;box-shadow:0 8px 18px rgba(0,0,0,0.34);}
.homePremiumBody .player .avatar:not(.vmLivePreviewOn) .vmMiniLiveFrame, .listenBody .player .avatar:not(.vmLivePreviewOn) .vmMiniLiveFrame, .homePremiumBody .vmLiveProbeFrame, .listenBody .vmLiveProbeFrame{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;}
@media (max-width: 760px) { .homePremiumBody .player .avatar .vmMiniLiveFrame, .listenBody .player .avatar .vmMiniLiveFrame { transform: scale(0.265) !important; width: 377.4% !important; height: 377.4% !important; } .homePremiumBody .player .avatar.vmLivePreviewOn::after, .listenBody .player .avatar.vmLivePreviewOn::after { left: 6px; bottom: 6px; font-size: 0.5rem; padding: 3px 5px; } }
.vmLivePageBody .vmLiveHero .card{grid-template-columns:1fr auto;align-items:center;}
.vmLiveHeroIcons{display:flex;align-items:center;gap:12px;}
.vmLiveHeroIcons a, .vmLiveHeroIcons button{width:54px;height:54px;border-radius:20px;border:1px solid rgba(255,255,255,0.18);background:rgba(255,255,255,0.09);color:#fff;display:grid;place-items:center;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,0.24);cursor:pointer;text-decoration:none;}
.vmLiveHeroIcons a:first-child{background:linear-gradient(135deg,var(--a),var(--b));color:#160900;}
.vmLiveStudio{padding-top:34px;}
.vmLiveStudioGrid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,0.92fr);gap:18px;align-items:start;}
.vmLiveChatColumn, .vmLiveVideoColumn{min-width:0;}
.vmLivePanelHead{min-height:54px;margin-bottom:10px;padding:0 18px;border:1px solid rgba(255,255,255,0.12);border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,0.11),rgba(255,255,255,0.045));display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 16px 42px rgba(0,0,0,0.16);}
.vmLivePanelHead span{color:#fff;font-weight:900;letter-spacing:0.02em;}
.vmLivePanelHead span i{display:inline-block;width:10px;height:10px;border-radius:999px;background:#40ff9b;margin-right:8px;box-shadow:0 0 18px rgba(64,255,155,0.9);}
.vmLivePanelHead strong{color:rgba(255,255,255,0.68);font-size:0.92rem;}
.vmLiveChatBox{height:690px;border-radius:26px;background:rgba(3,8,20,0.54);}
.vmLiveChatBox iframe{background:#fff;}
.vmLivePlayer{margin-top:18px;min-height:250px;}
.vmLivePlayer .meter{height:48px;margin:18px 0 14px;}
.vmLivePlayer .now strong{font-size:1.26rem;}
.vmLivePlayer .avatar{width:104px;height:104px;border-radius:28px;}
.vmLiveVideoBox{position:relative;height:auto;aspect-ratio:16/9;min-height:360px;max-height:560px;border-radius:28px;background:#02040b;overflow:hidden;}
.vmLiveVideoBox iframe{display:block;width:100%;height:100%;background:#000;}
.vmLiveBadge{position:absolute;top:16px;left:16px;z-index:2;height:34px;padding:0 14px;border-radius:999px;background:rgba(5,8,18,0.7);border:1px solid rgba(255,255,255,0.18);backdrop-filter:blur(14px);display:flex;align-items:center;gap:8px;color:#fff;font-weight:950;letter-spacing:0.08em;font-size:0.78rem;pointer-events:none;}
.vmLiveBadge span{width:9px;height:9px;border-radius:999px;background:#ff3b3b;box-shadow:0 0 18px rgba(255,59,59,0.95);}
.vmLiveActionTiles{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.vmLiveActionTiles a, .vmLiveActionTiles button{min-height:98px;border:1px solid rgba(255,255,255,0.13);border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,0.105),rgba(255,255,255,0.045));color:#fff;text-decoration:none;text-align:left;padding:16px;display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;cursor:pointer;box-shadow:0 18px 44px rgba(0,0,0,0.16);}
.vmLiveActionTiles span{grid-row:1/3;width:46px;height:46px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--a),var(--b));color:#160900;font-weight:950;box-shadow:0 14px 28px rgba(255,122,24,0.18);}
.vmLiveActionTiles strong{font-size:1.02rem;}
.vmLiveActionTiles em{color:rgba(255,255,255,0.66);font-style:normal;font-size:0.9rem;}
.vmLiveActionTiles a:hover, .vmLiveActionTiles button:hover, .vmLiveHeroIcons a:hover, .vmLiveHeroIcons button:hover{transform:translateY(-1px);border-color:rgba(255,255,255,0.26);}
@media (max-width: 1180px) { .vmLiveStudioGrid { grid-template-columns: 1fr; } .vmLiveChatBox { height: 610px; } .vmLiveVideoBox { min-height: 320px; } }
@media (max-width: 640px) { .vmLivePageBody .vmLiveHero .card { grid-template-columns: 1fr; } .vmLivePanelHead { align-items: flex-start; flex-direction: column; justify-content: center; padding: 12px 16px; } .vmLiveChatBox { height: 560px; } .vmLiveActionTiles { grid-template-columns: 1fr; } .vmLiveVideoBox { min-height: 240px; } }
.vmLivePageBody .vmLiveHero .card{grid-template-columns:1fr auto !important;}
.vmLiveHeroIcons button:first-child{background:linear-gradient(135deg,var(--a),var(--b)) !important;color:#160900 !important;}
.vmLiveHeroIcons a:first-child{background:rgba(255,255,255,0.09) !important;color:#fff !important;}
.vmLiveStudio{padding-top:28px !important;}
.vmLiveStudioGrid{grid-template-columns:minmax(0,1.16fr) minmax(390px,0.84fr) !important;gap:20px !important;align-items:start !important;}
.vmLiveChatBox{height:710px !important;border-radius:28px !important;}
.vmLiveVideoBox{min-height:375px !important;max-height:430px !important;border-radius:28px !important;}
.vmLiveVideoBox iframe{width:100% !important;height:100% !important;}
.vmLiveActionTiles{margin-top:16px !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
.vmLiveActionTiles a, .vmLiveActionTiles button{min-height:104px !important;border-radius:24px !important;}
.vmLivePlayer{margin-top:18px !important;min-height:0 !important;padding:18px 18px 12px !important;border-radius:28px !important;}
.vmLivePlayer .now b{font-size:0.78rem !important;}
.vmLivePlayer .now strong{font-size:1.02rem !important;margin:6px 0 4px !important;}
.vmLivePlayer .now span{font-size:0.9rem !important;}
.vmLivePlayer .avatar{width:88px !important;height:88px !important;border-radius:24px !important;}
.vmLivePlayer .meter{height:28px !important;margin:14px 0 12px !important;gap:7px !important;}
.vmLivePlayer .controls{gap:12px !important;}
.vmLivePlayer .play{width:50px !important;height:50px !important;}
.vmLivePlayer .chips{margin-top:12px !important;}
.vmLivePlayer .chip{padding:7px 10px !important;font-size:0.84rem !important;}
@media (max-width: 1180px) { .vmLiveStudioGrid { grid-template-columns: 1fr !important; } .vmLiveChatBox { height: 660px !important; } .vmLiveVideoBox { min-height: 320px !important; max-height: none !important; } }
@media (max-width: 640px) { .vmLiveChatBox { height: 560px !important; } .vmLiveActionTiles { grid-template-columns: 1fr !important; } .vmLivePlayer .avatar { width: 78px !important; height: 78px !important; } }
.vmLivePageBody .vmLiveStudio{padding-top:22px !important;}
.vmLivePageBody .vmLiveStudioGrid{grid-template-columns:minmax(620px,1.08fr) minmax(430px,0.92fr) !important;gap:18px !important;align-items:start !important;}
.vmLivePageBody .vmLivePanelHead{min-height:48px !important;margin-bottom:10px !important;padding:0 16px !important;border-radius:20px !important;}
.vmLivePageBody .vmLiveChatBox{height:590px !important;border-radius:26px !important;box-shadow:0 24px 70px rgba(0,0,0,0.34) !important;}
.vmLivePageBody .vmLiveVideoBox{width:100% !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;height:auto !important;border-radius:26px !important;box-shadow:0 24px 70px rgba(0,0,0,0.34) !important;}
.vmLivePageBody .vmLiveVideoBox iframe{display:block !important;width:100% !important;height:100% !important;border:0 !important;object-fit:contain !important;}
.vmLivePageBody .vmLiveActionTiles{margin-top:14px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;align-items:stretch !important;}
.vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button{min-height:86px !important;height:86px !important;border-radius:22px !important;padding:14px 16px !important;grid-template-columns:42px 1fr !important;column-gap:12px !important;align-content:center !important;}
.vmLivePageBody .vmLiveActionTiles span{width:42px !important;height:42px !important;border-radius:16px !important;}
.vmLivePageBody .vmLiveActionTiles strong{font-size:1rem !important;line-height:1.15 !important;}
.vmLivePageBody .vmLiveActionTiles em{font-size:0.86rem !important;line-height:1.2 !important;}
.vmLivePageBody .vmLivePlayer{margin-top:14px !important;min-height:0 !important;padding:14px 16px !important;border-radius:24px !important;overflow:hidden !important;box-shadow:0 22px 62px rgba(0,0,0,0.28) !important;}
.vmLivePageBody .vmLivePlayer .liveTop{display:grid !important;grid-template-columns:minmax(0,1fr) 74px !important;gap:12px !important;align-items:center !important;}
.vmLivePageBody .vmLivePlayer .now{min-width:0 !important;}
.vmLivePageBody .vmLivePlayer .now b{font-size:0.74rem !important;letter-spacing:0.13em !important;}
.vmLivePageBody .vmLivePlayer .now strong{font-size:0.98rem !important;margin:5px 0 3px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.vmLivePageBody .vmLivePlayer .now span{font-size:0.84rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.vmLivePageBody .vmLivePlayer .avatar{width:74px !important;height:74px !important;border-radius:20px !important;}
.vmLivePageBody .vmLivePlayer .meter{height:14px !important;margin:12px 0 10px !important;gap:6px !important;align-items:center !important;}
.vmLivePageBody .vmLivePlayer .meter i{min-height:4px !important;max-height:9px !important;}
.vmLivePageBody .vmLivePlayer .controls{display:grid !important;grid-template-columns:44px minmax(0,1fr) !important;gap:12px !important;align-items:center !important;}
.vmLivePageBody .vmLivePlayer .play{width:44px !important;height:44px !important;font-size:1rem !important;}
.vmLivePageBody .vmLivePlayer .volume{width:100% !important;}
.vmLivePageBody .vmLivePlayer .chips{margin-top:10px !important;gap:7px !important;}
.vmLivePageBody .vmLivePlayer .chip{padding:6px 9px !important;font-size:0.78rem !important;}
@media (min-width: 1181px) { .vmLivePageBody .vmLiveVideoColumn { padding-top: 0 !important; } }
@media (max-width: 1180px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } .vmLivePageBody .vmLiveChatBox { height: 620px !important; } .vmLivePageBody .vmLiveVideoBox { max-width: 820px !important; margin: 0 auto !important; } .vmLivePageBody .vmLiveActionTiles { max-width: 820px !important; margin-left: auto !important; margin-right: auto !important; } }
@media (max-width: 640px) { .vmLivePageBody .vmLiveChatBox { height: 560px !important; } .vmLivePageBody .vmLiveActionTiles { grid-template-columns: 1fr !important; } .vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button { height: auto !important; min-height: 82px !important; } }
.vmLivePageBody .vmLiveStudioGrid{grid-template-columns:minmax(500px,0.94fr) minmax(470px,1.06fr) !important;gap:20px !important;align-items:start !important;}
.vmLivePageBody .vmLiveChatColumn, .vmLivePageBody .vmLiveVideoColumn{min-width:0 !important;}
.vmLivePageBody .vmLivePanelHead{min-height:46px !important;margin-bottom:8px !important;border-radius:20px !important;}
.vmLivePageBody .vmLiveChatBox{height:690px !important;border-radius:28px !important;}
.vmLivePageBody .vmLiveVideoBox{aspect-ratio:16/9 !important;border-radius:28px !important;max-height:none !important;}
.vmLivePageBody .vmLiveActionTiles{margin-top:16px !important;gap:12px !important;}
.vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button{height:92px !important;min-height:92px !important;border-radius:24px !important;padding:14px 16px !important;}
.vmLivePageBody .vmLivePlayer{margin-top:12px !important;min-height:0 !important;padding:12px 14px 11px !important;border-radius:24px !important;}
.vmLivePageBody .vmLivePlayer .liveTop{grid-template-columns:minmax(0,1fr) 64px !important;gap:10px !important;}
.vmLivePageBody .vmLivePlayer .avatar{width:64px !important;height:64px !important;border-radius:18px !important;}
.vmLivePageBody .vmLivePlayer .now b{font-size:0.7rem !important;}
.vmLivePageBody .vmLivePlayer .now strong{font-size:0.91rem !important;margin:4px 0 2px !important;}
.vmLivePageBody .vmLivePlayer .now span{font-size:0.78rem !important;}
.vmLivePageBody .vmLivePlayer .meter{height:10px !important;margin:9px 0 8px !important;gap:5px !important;}
.vmLivePageBody .vmLivePlayer .meter i{min-height:3px !important;max-height:7px !important;}
.vmLivePageBody .vmLivePlayer .controls{grid-template-columns:38px minmax(0,1fr) !important;gap:10px !important;}
.vmLivePageBody .vmLivePlayer .play{width:38px !important;height:30px !important;font-size:0.9rem !important;}
.vmLivePageBody .vmLivePlayer .chips{margin-top:8px !important;gap:6px !important;}
.vmLivePageBody .vmLivePlayer .chip{padding:5px 8px !important;font-size:0.72rem !important;}
@media (min-width: 1181px) { .vmLivePageBody .vmLiveChatColumn { max-width: 620px !important; } .vmLivePageBody .vmLiveVideoColumn { max-width: 610px !important; } }
@media (max-width: 1180px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } .vmLivePageBody .vmLiveChatBox { height: 640px !important; } .vmLivePageBody .vmLiveChatColumn, .vmLivePageBody .vmLiveVideoColumn { max-width: none !important; } }
@media (max-width: 640px) { .vmLivePageBody .vmLiveChatBox { height: 560px !important; } }
.vmLivePageBody .vmLiveStudioGrid{grid-template-columns:minmax(690px,1.24fr) minmax(470px,0.76fr) !important;gap:22px !important;align-items:start !important;}
.vmLivePageBody .vmLiveChatColumn, .vmLivePageBody .vmLiveVideoColumn{min-width:0 !important;max-width:none !important;}
.vmLivePageBody .vmLivePanelHead{min-height:44px !important;margin-bottom:10px !important;border-radius:20px !important;}
.vmLivePageBody .vmLiveChatBox{height:540px !important;border-radius:28px !important;overflow:hidden !important;}
.vmLivePageBody .vmLiveChatBox iframe{width:100% !important;height:100% !important;display:block !important;}
.vmLivePageBody .vmLiveVideoBox{width:100% !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;border-radius:28px !important;overflow:hidden !important;}
.vmLivePageBody .vmLiveVideoBox iframe{width:100% !important;height:100% !important;display:block !important;object-fit:contain !important;}
.vmLivePageBody .vmLiveActionTiles{margin-top:16px !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px !important;}
.vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button{height:88px !important;min-height:88px !important;border-radius:24px !important;padding:13px 15px !important;}
.vmLivePageBody .vmLiveActionTiles span{width:46px !important;height:46px !important;min-width:46px !important;}
.vmLivePageBody .vmLiveActionTiles strong{font-size:0.95rem !important;}
.vmLivePageBody .vmLiveActionTiles em{font-size:0.8rem !important;}
.vmLivePageBody .vmLivePlayer{width:min(100%,520px) !important;max-width:520px !important;margin-top:14px !important;min-height:0 !important;padding:11px 13px 10px !important;border-radius:23px !important;}
.vmLivePageBody .vmLivePlayer .liveTop{grid-template-columns:minmax(0,1fr) 58px !important;gap:10px !important;align-items:start !important;}
.vmLivePageBody .vmLivePlayer .avatar{width:58px !important;height:58px !important;border-radius:17px !important;}
.vmLivePageBody .vmLivePlayer .now b{font-size:0.68rem !important;letter-spacing:0.13em !important;}
.vmLivePageBody .vmLivePlayer .now strong{font-size:0.86rem !important;margin:4px 0 1px !important;line-height:1.1 !important;}
.vmLivePageBody .vmLivePlayer .now span{font-size:0.74rem !important;}
.vmLivePageBody .vmLivePlayer .meter{height:8px !important;margin:8px 0 7px !important;gap:5px !important;}
.vmLivePageBody .vmLivePlayer .controls{grid-template-columns:34px minmax(0,1fr) !important;gap:9px !important;}
.vmLivePageBody .vmLivePlayer .play{width:34px !important;height:34px !important;font-size:0.82rem !important;}
.vmLivePageBody .vmLivePlayer .chips{margin-top:7px !important;gap:5px !important;flex-wrap:wrap !important;}
.vmLivePageBody .vmLivePlayer .chip{padding:4px 7px !important;font-size:0.69rem !important;}
@media (max-width: 1320px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(620px, 1.1fr) minmax(430px, 0.9fr) !important; } .vmLivePageBody .vmLiveChatBox { height: 520px !important; } .vmLivePageBody .vmLivePlayer { max-width: 500px !important; } }
@media (max-width: 1180px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } .vmLivePageBody .vmLiveChatBox { height: 620px !important; } .vmLivePageBody .vmLivePlayer { max-width: 560px !important; } }
@media (max-width: 640px) { .vmLivePageBody .vmLiveChatBox { height: 560px !important; } .vmLivePageBody .vmLiveActionTiles { grid-template-columns: 1fr !important; } }
.vmLivePageBody .vmLiveStudio{padding-top:18px !important;}
.vmLivePageBody .vmLiveStudioGrid{grid-template-columns:minmax(610px,650px) minmax(500px,520px) !important;gap:22px !important;align-items:start !important;justify-content:center !important;}
.vmLivePageBody .vmLiveChatColumn{width:100% !important;max-width:650px !important;}
.vmLivePageBody .vmLiveVideoColumn{width:100% !important;max-width:520px !important;}
.vmLivePageBody .vmLivePanelHead{min-height:0 !important;height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important;opacity:0 !important;}
.vmLivePageBody .vmLiveChatBox{height:520px !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.16) inset !important;}
.vmLivePageBody .vmLiveChatBox iframe{width:100% !important;height:100% !important;border:0 !important;display:block !important;}
.vmLivePageBody .vmLiveVideoBox{width:100% !important;aspect-ratio:16/9 !important;height:auto !important;min-height:0 !important;max-height:none !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.14) inset !important;}
.vmLivePageBody .vmLiveVideoBox iframe{width:100% !important;height:100% !important;border:0 !important;display:block !important;}
.vmLivePageBody .vmLiveActionTiles{width:100% !important;margin-top:14px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
.vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button{height:107px !important;min-height:107px !important;border-radius:24px !important;padding:15px 16px !important;grid-template-columns:44px 1fr !important;column-gap:12px !important;align-content:center !important;box-shadow:0 18px 48px rgba(0,0,0,0.18),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
.vmLivePageBody .vmLiveActionTiles span{width:44px !important;height:44px !important;min-width:44px !important;border-radius:16px !important;}
.vmLivePageBody .vmLivePlayer{width:460px !important;max-width:100% !important;margin-top:14px !important;min-height:0 !important;padding:11px 13px 10px !important;border-radius:22px !important;box-shadow:0 20px 58px rgba(0,0,0,0.28),0 0 0 1px rgba(255,255,255,0.08) inset !important;}
.vmLivePageBody .vmLivePlayer .liveTop{grid-template-columns:minmax(0,1fr) 54px !important;gap:9px !important;align-items:center !important;}
.vmLivePageBody .vmLivePlayer .avatar{width:54px !important;height:54px !important;border-radius:16px !important;}
.vmLivePageBody .vmLivePlayer .now b{font-size:0.66rem !important;letter-spacing:0.13em !important;}
.vmLivePageBody .vmLivePlayer .now strong{font-size:0.82rem !important;margin:3px 0 1px !important;line-height:1.08 !important;}
.vmLivePageBody .vmLivePlayer .now span{font-size:0.7rem !important;}
.vmLivePageBody .vmLivePlayer .meter{height:7px !important;margin:8px 0 7px !important;gap:5px !important;}
.vmLivePageBody .vmLivePlayer .meter i{min-height:3px !important;max-height:6px !important;}
.vmLivePageBody .vmLivePlayer .controls{grid-template-columns:32px minmax(0,1fr) !important;gap:9px !important;}
.vmLivePageBody .vmLivePlayer .play{width:32px !important;height:32px !important;font-size:0.78rem !important;}
.vmLivePageBody .vmLivePlayer .chips{margin-top:7px !important;gap:5px !important;}
.vmLivePageBody .vmLivePlayer .chip{padding:4px 7px !important;font-size:0.68rem !important;}
@media (max-width: 1240px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(570px, 610px) minmax(460px, 500px) !important; gap: 20px !important; } .vmLivePageBody .vmLiveChatColumn { max-width: 610px !important; } .vmLivePageBody .vmLiveVideoColumn { max-width: 500px !important; } .vmLivePageBody .vmLiveChatBox { height: 500px !important; } .vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button { height: 101px !important; min-height: 101px !important; } .vmLivePageBody .vmLivePlayer { width: 430px !important; } }
@media (max-width: 1180px) { .vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; justify-content: stretch !important; } .vmLivePageBody .vmLiveChatColumn, .vmLivePageBody .vmLiveVideoColumn { max-width: none !important; } .vmLivePageBody .vmLiveChatBox { height: 600px !important; } .vmLivePageBody .vmLivePlayer { width: 520px !important; } }
@media (max-width: 640px) { .vmLivePageBody .vmLiveChatBox { height: 560px !important; } .vmLivePageBody .vmLiveActionTiles { grid-template-columns: 1fr !important; } .vmLivePageBody .vmLiveActionTiles a, .vmLivePageBody .vmLiveActionTiles button { height: auto !important; min-height: 88px !important; } }
body.vmLivePageBody .vmLiveStudioGrid{width:100% !important;max-width:none !important;margin:0 !important;display:grid !important;grid-template-columns:minmax(720px,1fr) 540px !important;gap:22px !important;align-items:start !important;justify-content:stretch !important;}
body.vmLivePageBody .vmLiveChatBox{width:100% !important;height:500px !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.16) inset !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:100% !important;height:100% !important;border:0 !important;display:block !important;}
body.vmLivePageBody .vmLiveVideoBox{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.14) inset !important;}
body.vmLivePageBody .vmLiveActionTiles{width:100% !important;margin-top:14px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
body.vmLivePageBody .vmLivePlayer{width:430px !important;max-width:100% !important;margin-top:14px !important;min-height:0 !important;padding:10px 12px 9px !important;border-radius:22px !important;box-shadow:0 20px 58px rgba(0,0,0,0.28),0 0 0 1px rgba(255,255,255,0.08) inset !important;}
body.vmLivePageBody .vmLivePlayer .liveTop{display:grid !important;grid-template-columns:minmax(0,1fr) 52px !important;gap:9px !important;align-items:center !important;}
body.vmLivePageBody .vmLivePlayer .avatar{width:52px !important;height:52px !important;border-radius:16px !important;}
body.vmLivePageBody .vmLivePlayer .now b{font-size:0.65rem !important;letter-spacing:0.13em !important;}
body.vmLivePageBody .vmLivePlayer .now strong{font-size:0.8rem !important;margin:3px 0 1px !important;line-height:1.08 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLivePlayer .now span{font-size:0.69rem !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLivePlayer .meter{height:7px !important;margin:7px 0 7px !important;gap:5px !important;}
body.vmLivePageBody .vmLivePlayer .meter i{min-height:3px !important;max-height:6px !important;}
body.vmLivePageBody .vmLivePlayer .controls{display:grid !important;grid-template-columns:31px minmax(0,1fr) !important;gap:8px !important;align-items:center !important;}
body.vmLivePageBody .vmLivePlayer .play{width:31px !important;height:31px !important;font-size:0.76rem !important;}
body.vmLivePageBody .vmLivePlayer .volume{width:100% !important;}
body.vmLivePageBody .vmLivePlayer .chips{margin-top:7px !important;gap:5px !important;flex-wrap:wrap !important;}
body.vmLivePageBody .vmLivePlayer .chip{padding:4px 7px !important;font-size:0.67rem !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(660px, 1fr) 510px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatBox { height: 480px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 84px !important; min-height: 84px !important; } body.vmLivePageBody .vmLivePlayer { width: 410px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLivePlayer { width: 520px !important; } }
@media (max-width: 640px) { body.vmLivePageBody .vmLiveChatBox { height: 560px !important; } body.vmLivePageBody .vmLiveActionTiles { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: auto !important; min-height: 88px !important; } }
body.vmLivePageBody .vmLiveStudio{padding-top:30px !important;}
body.vmLivePageBody .vmLiveStudioGrid{width:100% !important;max-width:none !important;margin:0 !important;display:grid !important;grid-template-columns:minmax(700px,1fr) 500px !important;gap:22px !important;align-items:start !important;justify-content:stretch !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveVideoColumn{width:100% !important;max-width:none !important;min-width:0 !important;}
body.vmLivePageBody .vmLivePanelHead{display:none !important;}
body.vmLivePageBody .vmLiveChatBox{position:relative !important;width:100% !important;height:500px !important;border-radius:26px !important;overflow:hidden !important;background:rgba(3,8,20,0.54) !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.16) inset !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:calc(100% + 14px) !important;height:100% !important;margin-right:-14px !important;border:0 !important;display:block !important;background:#fff !important;}
body.vmLivePageBody .vmLiveChatBox::after{content:"";position:absolute;top:0;right:0;width:10px;height:100%;z-index:3;pointer-events:none;background:linear-gradient(90deg,rgba(5,8,22,0),rgba(5,8,22,0.34));border-radius:0 26px 26px 0;}
body.vmLivePageBody .vmLiveVideoBox{width:100% !important;height:auto !important;aspect-ratio:16/9 !important;min-height:0 !important;max-height:none !important;border-radius:26px !important;overflow:hidden !important;background:#000 !important;box-shadow:0 24px 72px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.14) inset !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:100% !important;max-width:none !important;min-height:0 !important;margin:14px 0 0 !important;padding:12px 14px !important;border-radius:22px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 180px !important;gap:14px !important;align-items:center !important;box-shadow:0 18px 50px rgba(0,0,0,0.26),0 0 0 1px rgba(255,255,255,0.08) inset !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .liveTop{min-width:0 !important;display:grid !important;grid-template-columns:minmax(0,1fr) 52px !important;gap:10px !important;align-items:center !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now{min-width:0 !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now b{font-size:0.67rem !important;letter-spacing:0.13em !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong{font-size:0.84rem !important;margin:3px 0 2px !important;line-height:1.1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span{font-size:0.72rem !important;line-height:1.1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar{width:52px !important;height:52px !important;border-radius:16px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .controls{display:grid !important;grid-template-columns:38px minmax(0,1fr) !important;gap:10px !important;align-items:center !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play{width:38px !important;height:30px !important;font-size:0.9rem !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .volume{width:100% !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:100% !important;margin-top:14px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:88px !important;min-height:88px !important;border-radius:22px !important;padding:13px 15px !important;grid-template-columns:42px 1fr !important;column-gap:12px !important;align-content:center !important;box-shadow:0 18px 48px rgba(0,0,0,0.18),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
body.vmLivePageBody .vmLiveActionTiles span{width:42px !important;height:42px !important;min-width:42px !important;border-radius:16px !important;}
body.vmLivePageBody .vmLiveActionTiles strong{font-size:0.95rem !important;line-height:1.12 !important;}
body.vmLivePageBody .vmLiveActionTiles em{font-size:0.8rem !important;line-height:1.18 !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatBox { height: 480px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 165px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: 1fr !important; } }
@media (max-width: 640px) { body.vmLivePageBody .vmLiveChatBox { height: 560px !important; } body.vmLivePageBody .vmLiveActionTiles { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: auto !important; min-height: 88px !important; } }
body.vmLivePageBody .vmLiveChatBox{height:486px !important;border-radius:26px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:calc(100% + 14px) !important;height:calc(100% + 2px) !important;margin-right:-14px !important;margin-bottom:-2px !important;border:0 !important;display:block !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:100% !important;max-width:none !important;margin:13px 0 0 !important;min-height:0 !important;height:84px !important;padding:10px 12px !important;align-items:center !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:88px !important;min-height:88px !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatBox { height: 468px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 82px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; } }
body.vmLivePageBody .vmLiveChatBox{height:500px !important;border-radius:26px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:calc(100% + 14px) !important;height:calc(100% + 26px) !important;margin-right:-14px !important;margin-bottom:-26px !important;border:0 !important;display:block !important;background:#fff !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:100% !important;max-width:none !important;height:84px !important;min-height:0 !important;margin:13px 0 0 !important;padding:10px 12px !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:100% !important;margin-top:13px !important;gap:12px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:90px !important;min-height:90px !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatBox { height: 480px !important; } body.vmLivePageBody .vmLiveChatBox iframe { height: calc(100% + 24px) !important; margin-bottom: -24px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 82px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 86px !important; min-height: 86px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; } }
body.vmLivePageBody .vmLiveChatBox{height:528px !important;border-radius:26px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveVideoColumn{display:flex !important;flex-direction:column !important;width:100% !important;max-width:none !important;}
body.vmLivePageBody .vmLiveVideoBox{width:100% !important;aspect-ratio:16/9 !important;height:auto !important;min-height:0 !important;max-height:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:100% !important;max-width:none !important;height:84px !important;min-height:0 !important;margin:15px 0 0 !important;padding:10px 12px !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:100% !important;margin-top:15px !important;gap:12px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:98px !important;min-height:98px !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatBox { height: 512px !important; } body.vmLivePageBody .vmLiveChatBox iframe { height: calc(100% + 4px) !important; margin-bottom: -4px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 82px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 96px !important; min-height: 96px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; } }
body.vmLivePageBody .vmLiveChatColumn{padding:12px !important;border-radius:30px !important;background:linear-gradient( 135deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035) ) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 26px 80px rgba(0,0,0,0.28),0 0 0 1px rgba(255,255,255,0.045) inset !important;backdrop-filter:blur(14px) !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox{height:528px !important;border-radius:24px !important;overflow:hidden !important;box-shadow:0 18px 58px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.18) inset !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:calc(100% + 14px) !important;height:calc(100% + 4px) !important;margin-right:-14px !important;margin-bottom:-4px !important;border:0 !important;display:block !important;background:#fff !important;}
body.vmLivePageBody .vmLiveVideoColumn{display:flex !important;flex-direction:column !important;width:100% !important;max-width:none !important;gap:14px !important;}
body.vmLivePageBody .vmLiveVideoBox{width:100% !important;height:314px !important;min-height:314px !important;max-height:314px !important;aspect-ratio:auto !important;border-radius:30px !important;overflow:hidden !important;background:#000 !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 26px 80px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.045) inset !important;}
body.vmLivePageBody .vmLiveVideoBox iframe{width:100% !important;height:100% !important;border:0 !important;display:block !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:100% !important;max-width:none !important;height:86px !important;min-height:86px !important;margin:0 !important;padding:10px 12px !important;border-radius:26px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 180px !important;gap:14px !important;align-items:center !important;background:linear-gradient( 135deg,rgba(255,255,255,0.095),rgba(255,255,255,0.045) ) !important;border:1px solid rgba(255,255,255,0.15) !important;box-shadow:0 20px 60px rgba(0,0,0,0.24),0 0 0 1px rgba(255,255,255,0.045) inset !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:100% !important;margin:0 !important;padding:12px !important;border-radius:26px !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;background:linear-gradient( 135deg,rgba(255,255,255,0.075),rgba(255,255,255,0.035) ) !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 20px 60px rgba(0,0,0,0.22),0 0 0 1px rgba(255,255,255,0.04) inset !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:94px !important;min-height:94px !important;border-radius:21px !important;padding:13px 15px !important;grid-template-columns:42px 1fr !important;column-gap:12px !important;align-content:center !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveChatColumn { padding: 11px !important; } body.vmLivePageBody .vmLiveChatBox { height: 512px !important; } body.vmLivePageBody .vmLiveVideoColumn { gap: 13px !important; } body.vmLivePageBody .vmLiveVideoBox { height: 298px !important; min-height: 298px !important; max-height: 298px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 82px !important; min-height: 82px !important; grid-template-columns: minmax(0, 1fr) 165px !important; } body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo { padding: 11px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 90px !important; min-height: 90px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoBox { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16/9 !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; min-height: 0 !important; grid-template-columns: 1fr !important; } }
body.vmLivePageBody .vmLiveChatBox{height:540px !important;border-radius:24px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:100% !important;height:100% !important;margin:0 !important;border:0 !important;display:block !important;background:#fff !important;}
body.vmLivePageBody .vmLiveVideoColumn{gap:14px !important;}
body.vmLivePageBody .vmLiveVideoBox{height:328px !important;min-height:328px !important;max-height:328px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{height:86px !important;min-height:86px !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{padding:12px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:94px !important;min-height:94px !important;}
body.vmLivePageBody .vmLivePlayer .vm-info-label{display:inline-block !important;margin-right:5px !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveChatColumn { padding: 10px !important; } body.vmLivePageBody .vmLiveChatBox { height: 524px !important; } body.vmLivePageBody .vmLiveVideoBox { height: 312px !important; min-height: 312px !important; max-height: 312px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 84px !important; min-height: 84px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 92px !important; min-height: 92px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatBox { height: 600px !important; } body.vmLivePageBody .vmLiveVideoBox { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16/9 !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; min-height: 0 !important; } }
body.vmLivePageBody .vmLiveStudioGrid{grid-template-columns:minmax(700px,1fr) 500px !important;gap:22px !important;align-items:start !important;}
body.vmLivePageBody .vmLiveChatBox{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:728 / 486 !important;border-radius:24px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;max-width:100% !important;margin:0 !important;border:0 !important;display:block !important;transform:none !important;background:#fff !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveVideoColumn{display:flex !important;flex-direction:column !important;gap:12px !important;width:100% !important;max-width:none !important;}
body.vmLivePageBody .vmLiveVideoBox{height:286px !important;min-height:286px !important;max-height:286px !important;aspect-ratio:auto !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{height:82px !important;min-height:82px !important;margin:0 !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{margin:0 !important;padding:12px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:86px !important;min-height:86px !important;}
body.vmLivePageBody .vmLivePlayer .vm-info-label{display:inline !important;margin-right:5px !important;}
@media (max-width: 1280px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: minmax(630px, 1fr) 470px !important; gap: 20px !important; } body.vmLivePageBody .vmLiveVideoBox { height: 270px !important; min-height: 270px !important; max-height: 270px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: 80px !important; min-height: 80px !important; } body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button { height: 84px !important; min-height: 84px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; } body.vmLivePageBody .vmLiveChatBox { aspect-ratio: 728 / 486 !important; height: auto !important; } body.vmLivePageBody .vmLiveVideoColumn { max-width: 620px !important; margin: 0 auto !important; } body.vmLivePageBody .vmLiveVideoBox { height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16/9 !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { height: auto !important; min-height: 0 !important; } }
body.vmLivePageBody .vmLiveChatColumn{padding:10px !important;border-radius:30px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:742 / 486 !important;border-radius:24px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;top:0 !important;left:0 !important;width:calc(100% + 12px) !important;height:100% !important;max-width:none !important;margin:0 !important;border:0 !important;display:block !important;transform:translateX(-2px) !important;transform-origin:left top !important;background:#fff !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox::after{display:none !important;content:none !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatBox { aspect-ratio: 742 / 486 !important; height: auto !important; } }
.live-chat-frame::after{left:-4px;bottom:-4px;width:calc(100% + 8px);height:calc(100% + 8px);}
.vmLiveChatBox iframe{height:calc(100% - 2px) !important;display:block;}
body.vmLivePageBody .vmLiveChatBox{position:relative !important;}
body.vmLivePageBody .vmLiveChatBox iframe{height:100% !important;}
body.vmLivePageBody .vmLiveChatBox::before{content:"" !important;position:absolute !important;left:13px !important;bottom:13px !important;width:calc(70.5% - 13px) !important;height:2px !important;background:rgba(255,255,255,0.96) !important;border-radius:999px !important;z-index:6 !important;pointer-events:none !important;box-shadow:0 0 5px rgba(255,255,255,0.28) !important;}
body.vmLivePageBody .vmLiveChatBox::after{content:"" !important;position:absolute !important;left:13px !important;bottom:13px !important;width:2px !important;height:15px !important;background:rgba(255,255,255,0.96) !important;border-radius:999px !important;z-index:6 !important;pointer-events:none !important;box-shadow:0 0 5px rgba(255,255,255,0.28) !important;}
body.vmLivePageBody .vmLiveChatCard{margin-right:-8px !important;}
body.vmLivePageBody .vmLiveRightColumn{margin-left:-6px !important;}
body.vmLivePageBody .vmLiveChatBox{padding-bottom:3px !important;}
body.vmLivePageBody .vmLiveChatBox iframe, body.vmLivePageBody .vmLiveChatFrame iframe, body.vmLivePageBody iframe.vmLiveChatFrame, body.vmLivePageBody iframe[src*="xat"]{transform:none !important;}
body.vmLivePageBody .vmLiveChatColumn{padding:8px !important;border-radius:29px !important;}
body.vmLivePageBody .vmLiveChatBox{width:100% !important;height:auto !important;min-height:0 !important;aspect-ratio:742 / 478 !important;padding:0 !important;border-radius:23px !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;top:0 !important;left:0 !important;width:calc(100% + 12px) !important;height:calc(100% + 8px) !important;max-width:none !important;margin:0 !important;border:0 !important;display:block !important;transform:translateX(-2px) !important;transform-origin:left top !important;background:#fff !important;}
body.vmLivePageBody .vmLiveChatBox::before{left:11px !important;bottom:11px !important;width:calc(70.5% - 11px) !important;}
body.vmLivePageBody .vmLiveChatBox::after{left:11px !important;bottom:11px !important;height:14px !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatBox { aspect-ratio: 742 / 478 !important; height: auto !important; } }
body.vmLivePageBody .vmLiveChatWrap{width:748px !important;max-width:748px !important;min-width:748px !important;flex:0 0 748px !important;display:block !important;padding:0 !important;margin:0 !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;padding:0 !important;margin:10px !important;border-radius:18px !important;overflow:hidden !important;position:relative !important;box-sizing:content-box !important;}
body.vmLivePageBody .vmLiveGrid, body.vmLivePageBody .vmLiveLeft{align-items:flex-start !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatWrap { width: min(748px, calc(100vw - 24px)) !important; min-width: 0 !important; max-width: 748px !important; flex: 0 1 auto !important; } body.vmLivePageBody .vmLiveChatBox { width: calc(100% - 20px) !important; height: auto !important; aspect-ratio: 728 / 486 !important; min-width: 0 !important; min-height: 0 !important; max-width: 728px !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 16px) !important; height: 100% !important; } }
body.vmLivePageBody .vmLiveStudioGrid{display:grid !important;grid-template-columns:748px 500px !important;gap:22px !important;justify-content:center !important;align-items:start !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap{width:748px !important;max-width:748px !important;min-width:748px !important;flex:0 0 748px !important;display:block !important;padding:10px !important;margin:0 !important;border-radius:28px !important;overflow:hidden !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLivePlayer .vmLivePlayerStatus, body.vmLivePageBody .vmLivePlayer .vmLiveStatus, body.vmLivePageBody .vmLivePlayer .player-status, body.vmLivePageBody .vmLivePlayer .status, body.vmLivePageBody .vmLivePlayer [class*="status"], body.vmLivePageBody .vmLivePlayer [class*="Status"]{display:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:500px !important;height:74px !important;min-height:74px !important;max-height:74px !important;margin:0 !important;border-radius:23px !important;}
@media (min-width: 1321px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 748px 500px !important; gap: 24px !important; justify-content: center !important; align-items: start !important; } }
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 748px 500px !important; gap: 18px !important; justify-content: center !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { grid-template-columns: 1fr !important; justify-content: stretch !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap, body.vmLivePageBody .vmLiveRight, body.vmLivePageBody .vmLiveVideoColumn { width: 100% !important; min-width: 0 !important; max-width: none !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; aspect-ratio: 728/486 !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; } body.vmLivePageBody .vmLiveVideoBox, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer, body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo { width: 100% !important; max-width: none !important; } }
body.vmLivePageBody .vmLiveStudioGrid{width:min(1324px,calc(100vw - 160px)) !important;max-width:1324px !important;margin-left:auto !important;margin-right:auto !important;display:grid !important;grid-template-columns:748px 500px !important;gap:22px !important;justify-content:center !important;align-items:start !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap{width:748px !important;max-width:748px !important;min-width:748px !important;flex:0 0 748px !important;padding:10px !important;margin:0 !important;border-radius:28px !important;overflow:hidden !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;margin:0 !important;padding:0 !important;border-radius:18px !important;overflow:hidden !important;position:relative !important;box-sizing:content-box !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;left:0 !important;top:0 !important;width:744px !important;height:486px !important;min-width:744px !important;min-height:486px !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;display:block !important;transform:translateX(-2px) !important;transform-origin:top left !important;box-sizing:border-box !important;overflow:hidden !important;background:#fff !important;}
body.vmLivePageBody .vmLiveChatBox::after{content:"" !important;position:absolute !important;top:0 !important;right:0 !important;width:13px !important;height:100% !important;pointer-events:none !important;background:linear-gradient( 90deg,rgba(12,20,34,0),rgba(12,20,34,0.96) 72%,rgba(12,20,34,1) ) !important;z-index:5 !important;}
body.vmLivePageBody .vmLiveRight, body.vmLivePageBody .vmLiveVideoColumn{width:500px !important;max-width:500px !important;min-width:500px !important;display:flex !important;flex-direction:column !important;gap:12px !important;margin:0 !important;}
body.vmLivePageBody .vmLiveVideoBox{width:500px !important;height:312px !important;min-height:312px !important;max-height:312px !important;aspect-ratio:auto !important;border-radius:26px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:500px !important;height:74px !important;min-height:74px !important;max-height:74px !important;margin:0 !important;border-radius:23px !important;display:flex !important;align-items:center !important;}
body.vmLivePageBody .vmLivePlayer .player-info, body.vmLivePageBody .vmLivePlayer .player-meta, body.vmLivePageBody .vmLivePlayer .nowplaying-meta, body.vmLivePageBody .vmLivePlayer .presenter-info{position:relative !important;top:-6px !important;}
body.vmLivePageBody .vmLivePlayer img, body.vmLivePageBody .vmLivePlayer .avatar, body.vmLivePageBody .vmLivePlayer .presenter-avatar{position:relative !important;top:-6px !important;}
body.vmLivePageBody .vmLivePlayer .play-btn, body.vmLivePageBody .vmLivePlayer .player-controls, body.vmLivePageBody .vmLivePlayer button{position:relative !important;top:-5px !important;}
body.vmLivePageBody .vmLivePlayer input[type="range"], body.vmLivePageBody .vmLivePlayer .volume, body.vmLivePageBody .vmLivePlayer .volume-wrap{position:relative !important;top:-5px !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:500px !important;margin:0 !important;padding:10px !important;gap:10px !important;border-radius:25px !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:76px !important;min-height:76px !important;padding:10px 13px !important;border-radius:20px !important;}
@media (min-width: 1321px) { body.vmLivePageBody .vmLiveStudioGrid { width: min(1324px, calc(100vw - 160px)) !important; max-width: 1324px !important; gap: 24px !important; } }
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveStudioGrid { width: min(1266px, calc(100vw - 120px)) !important; grid-template-columns: 748px 500px !important; gap: 18px !important; justify-content: center !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { width: calc(100vw - 28px) !important; grid-template-columns: 1fr !important; justify-content: stretch !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap, body.vmLivePageBody .vmLiveRight, body.vmLivePageBody .vmLiveVideoColumn { width: 100% !important; min-width: 0 !important; max-width: none !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; aspect-ratio: 728/486 !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; } body.vmLivePageBody .vmLiveVideoBox, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer, body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo { width: 100% !important; max-width: none !important; } }
body.vmLivePageBody .vmLiveStudioGrid{position:relative !important;isolation:isolate !important;}
body.vmLivePageBody .vmLiveStudioGrid::before{content:"" !important;position:absolute !important;inset:-14px !important;z-index:-1 !important;border-radius:34px !important;background:radial-gradient(circle at 18% 12%,rgba(255,122,24,0.115),transparent 34%),radial-gradient(circle at 82% 22%,rgba(47,140,255,0.115),transparent 36%),linear-gradient(135deg,rgba(255,255,255,0.065),rgba(255,255,255,0.025)) !important;border:1px solid rgba(255,255,255,0.11) !important;box-shadow:0 34px 95px rgba(0,0,0,0.26),0 0 0 1px rgba(255,255,255,0.035) inset !important;pointer-events:none !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap{height:506px !important;min-height:506px !important;max-height:506px !important;transform:translateZ(0) !important;backface-visibility:hidden !important;contain:layout paint !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;background:#fff !important;transform:translateZ(0) !important;backface-visibility:hidden !important;contain:paint !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:744px !important;height:486px !important;min-width:744px !important;min-height:486px !important;transform:translate3d(-2px,0,0) !important;backface-visibility:hidden !important;will-change:auto !important;}
body.vmLivePageBody .vmLiveVideoColumn{height:506px !important;min-height:506px !important;max-height:506px !important;gap:12px !important;}
body.vmLivePageBody .vmLiveVideoBox{width:500px !important;height:312px !important;min-height:312px !important;max-height:312px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:500px !important;height:74px !important;min-height:74px !important;max-height:74px !important;margin:0 !important;padding:10px 12px !important;display:grid !important;grid-template-columns:minmax(0,1fr) 50px 50px 132px !important;grid-template-rows:54px !important;gap:10px !important;align-items:center !important;justify-items:stretch !important;overflow:hidden !important;}
body.vmLivePageBody .vmLivePlayer .liveTop{display:contents !important;}
body.vmLivePageBody .vmLivePlayer .now{grid-column:1 !important;grid-row:1 !important;align-self:center !important;justify-self:stretch !important;min-width:0 !important;position:static !important;top:auto !important;padding:0 !important;margin:0 !important;}
body.vmLivePageBody .vmLivePlayer .now b, body.vmLivePageBody .vmLivePlayer .now strong, body.vmLivePageBody .vmLivePlayer .now span{display:block !important;min-width:0 !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}
body.vmLivePageBody .vmLivePlayer .now b{margin:0 0 3px !important;font-size:0.7rem !important;line-height:1.05 !important;}
body.vmLivePageBody .vmLivePlayer .now strong{margin:0 0 2px !important;font-size:0.78rem !important;line-height:1.12 !important;}
body.vmLivePageBody .vmLivePlayer .now span{margin:0 !important;font-size:0.72rem !important;line-height:1.12 !important;}
body.vmLivePageBody .vmLivePlayer .avatar{grid-column:2 !important;grid-row:1 !important;width:46px !important;height:46px !important;min-width:46px !important;min-height:46px !important;border-radius:16px !important;align-self:center !important;justify-self:center !important;position:static !important;top:auto !important;margin:0 !important;}
body.vmLivePageBody .vmLivePlayer .avatar img, body.vmLivePageBody .vmLivePlayer .avatar .fb{width:100% !important;height:100% !important;position:static !important;top:auto !important;}
body.vmLivePageBody .vmLivePlayer .controls{display:contents !important;}
body.vmLivePageBody .vmLivePlayer .play{grid-column:3 !important;grid-row:1 !important;width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;align-self:center !important;justify-self:center !important;position:static !important;top:auto !important;margin:0 !important;padding:0 !important;}
body.vmLivePageBody .vmLivePlayer input[type="range"], body.vmLivePageBody .vmLivePlayer .volume{grid-column:4 !important;grid-row:1 !important;width:128px !important;max-width:128px !important;align-self:center !important;justify-self:end !important;position:static !important;top:auto !important;margin:0 !important;}
body.vmLivePageBody .vmLivePlayer .player-info, body.vmLivePageBody .vmLivePlayer .player-meta, body.vmLivePageBody .vmLivePlayer .nowplaying-meta, body.vmLivePageBody .vmLivePlayer .presenter-info, body.vmLivePageBody .vmLivePlayer .play-btn, body.vmLivePageBody .vmLivePlayer .player-controls, body.vmLivePageBody .vmLivePlayer button, body.vmLivePageBody .vmLivePlayer .volume-wrap{top:auto !important;}
body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo{width:500px !important;height:96px !important;min-height:96px !important;max-height:96px !important;margin:0 !important;padding:10px !important;gap:10px !important;}
body.vmLivePageBody .vmLiveActionTiles a, body.vmLivePageBody .vmLiveActionTiles button{height:76px !important;min-height:76px !important;max-height:76px !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid::before { inset: -10px !important; border-radius: 30px !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatWrap, body.vmLivePageBody .vmLiveVideoColumn { height: auto !important; min-height: 0 !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 728/486 !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 16px) !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { width: 100% !important; max-width: none !important; height: 74px !important; min-height: 74px !important; max-height: 74px !important; } body.vmLivePageBody .vmLiveActionTiles, body.vmLivePageBody .vmLiveActionTiles.vmLiveActionTilesTwo { width: 100% !important; max-width: none !important; } }
@media (max-width: 640px) { body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 46px 46px !important; grid-template-rows: 52px 32px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; } body.vmLivePageBody .vmLivePlayer .volume { grid-column: 1 / 4 !important; grid-row: 2 !important; width: 100% !important; max-width: none !important; } }
body.vmLivePageBody .vmLiveStudioGrid::before{display:none !important;content:none !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveVideoColumn{position:relative !important;isolation:isolate !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveVideoColumn::before{content:"" !important;position:absolute !important;inset:-14px !important;z-index:-1 !important;border-radius:34px !important;background:radial-gradient(circle at 16% 12%,rgba(255,122,24,0.12),transparent 34%),radial-gradient(circle at 84% 18%,rgba(47,140,255,0.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,0.078),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.13) !important;box-shadow:0 30px 85px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.035) inset !important;pointer-events:none !important;}
body.vmLivePageBody .vmLiveChatColumn > *, body.vmLivePageBody .vmLiveVideoColumn > *{position:relative !important;z-index:1 !important;}
body.vmLivePageBody .vmLiveChatColumn::before{inset:-12px !important;}
body.vmLivePageBody .vmLiveVideoColumn::before{inset:-12px !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatBox{overscroll-behavior:contain !important;overflow:hidden !important;transform:translateZ(0) !important;backface-visibility:hidden !important;}
body.vmLivePageBody .vmLiveChatBox iframe{overflow:hidden !important;overscroll-behavior:none !important;transform:translate3d(-2px,0,0) !important;will-change:transform !important;}
body.vmLivePageBody .vmLiveChatBox::before{content:"" !important;position:absolute !important;left:0 !important;right:13px !important;bottom:0 !important;height:7px !important;z-index:6 !important;pointer-events:none !important;background:linear-gradient( 180deg,rgba(7,13,28,0),rgba(7,13,28,0.92) 85%,rgba(7,13,28,0.98) ) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{padding:10px 12px !important;display:grid !important;grid-template-columns:minmax(0,156px) 54px 54px minmax(190px,1fr) !important;grid-template-rows:54px !important;column-gap:10px !important;row-gap:0 !important;align-items:center !important;justify-items:stretch !important;overflow:hidden !important;}
body.vmLivePageBody .vmLivePlayer .liveTop, body.vmLivePageBody .vmLivePlayer .controls{display:contents !important;}
body.vmLivePageBody .vmLivePlayer .now{grid-column:1 !important;grid-row:1 !important;align-self:center !important;justify-self:stretch !important;min-width:0 !important;padding:0 !important;margin:0 !important;position:static !important;transform:none !important;top:auto !important;}
body.vmLivePageBody .vmLivePlayer .now b{display:block !important;margin:0 0 4px !important;padding-left:17px !important;font-size:0.7rem !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLivePlayer .now strong, body.vmLivePageBody .vmLivePlayer .now span[data-broadcast]{display:grid !important;grid-template-columns:auto minmax(0,1fr) !important;align-items:center !important;gap:4px !important;width:100% !important;min-width:0 !important;max-width:100% !important;margin:0 !important;padding:0 !important;line-height:1.08 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:clip !important;}
body.vmLivePageBody .vmLivePlayer .now strong{font-size:0.72rem !important;margin-bottom:2px !important;}
body.vmLivePageBody .vmLivePlayer .now span[data-broadcast]{font-size:0.7rem !important;}
body.vmLivePageBody .vmLivePlayer .vm-info-label{display:inline-block !important;margin:0 !important;color:rgba(255,255,255,0.74) !important;font-size:0.68rem !important;line-height:1 !important;white-space:nowrap !important;}
body.vmLivePageBody .vmLivePlayer .vmMarquee{display:block !important;min-width:0 !important;width:100% !important;overflow:hidden !important;white-space:nowrap !important;}
body.vmLivePageBody .vmLivePlayer .vmMarqueeText{display:block !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;transform:none !important;animation:none !important;}
body.vmLivePageBody .vmLivePlayer .avatar{grid-column:2 !important;grid-row:1 !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;border-radius:16px !important;align-self:center !important;justify-self:center !important;position:static !important;transform:none !important;top:auto !important;margin:0 !important;}
body.vmLivePageBody .vmLivePlayer .play{grid-column:3 !important;grid-row:1 !important;width:50px !important;height:50px !important;min-width:50px !important;min-height:50px !important;align-self:center !important;justify-self:center !important;position:static !important;transform:none !important;top:auto !important;margin:0 !important;padding:0 !important;}
body.vmLivePageBody .vmLivePlayer input[type="range"], body.vmLivePageBody .vmLivePlayer .volume{grid-column:4 !important;grid-row:1 !important;width:100% !important;max-width:none !important;min-width:0 !important;align-self:center !important;justify-self:stretch !important;position:static !important;transform:none !important;top:auto !important;margin:0 !important;}
body.vmLivePageBody .vmLivePlayer .meter, body.vmLivePageBody .vmLivePlayer .chips{display:none !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveVideoColumn::before { inset: -10px !important; border-radius: 30px !important; } }
@media (max-width: 640px) { body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 50px 50px !important; grid-template-rows: 54px 32px !important; height: 96px !important; min-height: 96px !important; max-height: 96px !important; } body.vmLivePageBody .vmLivePlayer input[type="range"], body.vmLivePageBody .vmLivePlayer .volume { grid-column: 1 / 4 !important; grid-row: 2 !important; } }
.liveStatus{overflow:hidden !important;}
.liveStatus .now{min-width:0 !important;flex:1 1 auto !important;}
.liveStatus .now strong, .liveStatus .now span[data-broadcast]{display:flex !important;align-items:center !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.liveStatus .avatar{margin-left:auto !important;margin-right:18px !important;width:58px !important;height:58px !important;flex:0 0 58px !important;}
.liveStatus .controls{margin-left:0 !important;flex:0 0 auto !important;}
.liveStatus .volume{min-width:140px !important;width:140px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{width:500px !important;max-width:500px !important;min-width:500px !important;height:74px !important;min-height:74px !important;max-height:74px !important;padding:10px 12px !important;margin:0 !important;box-sizing:border-box !important;display:grid !important;grid-template-columns:minmax(0,185px) 48px 54px 159px !important;grid-template-rows:54px !important;column-gap:10px !important;row-gap:0 !important;align-items:center !important;justify-items:stretch !important;overflow:hidden !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .liveTop, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .controls{display:contents !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now{grid-column:1 !important;grid-row:1 !important;align-self:center !important;justify-self:stretch !important;min-width:0 !important;width:185px !important;max-width:185px !important;padding:0 !important;margin:0 !important;position:static !important;top:auto !important;transform:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now b{display:block !important;margin:0 0 4px !important;padding-left:17px !important;font-size:0.7rem !important;line-height:1 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span[data-broadcast]{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important;padding:0 !important;line-height:1.08 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar{grid-column:2 !important;grid-row:1 !important;width:48px !important;height:48px !important;min-width:48px !important;min-height:48px !important;max-width:48px !important;max-height:48px !important;border-radius:16px !important;align-self:center !important;justify-self:center !important;margin:0 !important;padding:0 !important;position:static !important;top:auto !important;transform:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar img, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar .fb{width:100% !important;height:100% !important;position:static !important;top:auto !important;transform:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play{grid-column:3 !important;grid-row:1 !important;width:54px !important;height:54px !important;min-width:54px !important;min-height:54px !important;max-width:54px !important;max-height:54px !important;align-self:center !important;justify-self:center !important;margin:0 !important;padding:0 !important;position:static !important;top:auto !important;transform:none !important;z-index:2 !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume{grid-column:4 !important;grid-row:1 !important;display:block !important;width:159px !important;min-width:159px !important;max-width:159px !important;height:8px !important;align-self:center !important;justify-self:stretch !important;margin:0 !important;padding:0 !important;position:static !important;top:auto !important;transform:none !important;opacity:1 !important;visibility:visible !important;appearance:none !important;-webkit-appearance:none !important;border-radius:999px !important;outline:0 !important;cursor:pointer !important;background:linear-gradient( 90deg,var(--a) var(--vm-volume,50%),rgba(255,255,255,0.28) var(--vm-volume,50%) ) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.16),0 0 18px rgba(255,122,24,0.16) !important;accent-color:var(--a) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-webkit-slider-runnable-track{height:8px !important;border-radius:999px !important;background:transparent !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-webkit-slider-thumb{-webkit-appearance:none !important;appearance:none !important;width:18px !important;height:18px !important;margin-top:-5px !important;border-radius:50% !important;background:var(--a) !important;border:3px solid #fff !important;box-shadow:0 0 0 4px rgba(255,122,24,0.22),0 6px 16px rgba(0,0,0,0.32) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-track{height:8px !important;border-radius:999px !important;background:transparent !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-progress{height:8px !important;border-radius:999px !important;background:var(--a) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-thumb{width:18px !important;height:18px !important;border-radius:50% !important;background:var(--a) !important;border:3px solid #fff !important;box-shadow:0 0 0 4px rgba(255,122,24,0.22),0 6px 16px rgba(0,0,0,0.32) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .meter, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .chips{display:none !important;}
.vmLivePlayer .now{width:240px !important;max-width:240px !important;}
.vmLivePlayer .now strong, .vmLivePlayer .now span[data-broadcast]{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
.vmLivePlayer .now strong::before{content:"PREZENTER:";color:#d8d8d8;font-weight:700;}
.vmLivePlayer .now span[data-broadcast]::before{content:"AUDYCJA:";color:#d8d8d8;font-weight:700;}
.vmLivePlayer .avatar{width:60px !important;height:60px !important;min-width:60px !important;min-height:60px !important;}
.vmLivePlayer b[data-state]{margin-bottom:6px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{grid-template-columns:minmax(0,205px) 58px 54px 145px !important;column-gap:10px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now{width:205px !important;max-width:205px !important;min-width:0 !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong::before, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span[data-broadcast]::before{content:none !important;display:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span[data-broadcast]{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;line-height:1.13 !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong{font-size:0.72rem !important;margin-bottom:2px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span[data-broadcast]{font-size:0.7rem !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar{width:58px !important;height:58px !important;min-width:58px !important;min-height:58px !important;max-width:58px !important;max-height:58px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume{width:145px !important;min-width:145px !important;max-width:145px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now strong, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now span[data-broadcast]{display:block !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now .vm-info-label{display:inline !important;margin:0 !important;padding:0 !important;color:#e8e8ee !important;font-weight:900 !important;letter-spacing:-0.02em !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now .vmMarquee, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now .vmMarqueeText{display:inline !important;position:static !important;transform:none !important;animation:none !important;white-space:nowrap !important;overflow:visible !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .now .vmMarquee{width:auto !important;max-width:none !important;}
body.vmLivePageBody .vmChatPremiumFrameReal, body.vmLivePageBody .vmChatCardForce, body.vmLivePageBody .vmLeftLiveOuterCard{padding:0 !important;margin:0 !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body.vmLivePageBody .vmChatPremiumFrameReal::before, body.vmLivePageBody .vmChatPremiumFrameReal::after, body.vmLivePageBody .vmChatCardForce::before, body.vmLivePageBody .vmChatCardForce::after, body.vmLivePageBody .vmLeftLiveOuterCard::before, body.vmLivePageBody .vmLeftLiveOuterCard::after{display:none !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{position:relative !important;isolation:isolate !important;z-index:1 !important;overflow:visible !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before{content:"" !important;display:block !important;position:absolute !important;z-index:-2 !important;pointer-events:none !important;left:-14px !important;right:-14px !important;top:-14px !important;bottom:-22px !important;border-radius:34px !important;background:radial-gradient(circle at 16% 12%,rgba(255,122,24,0.12),transparent 34%),radial-gradient(circle at 84% 18%,rgba(47,140,255,0.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,0.078),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.13) !important;box-shadow:0 30px 85px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.035) inset !important;}
body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after{content:"" !important;display:block !important;position:absolute !important;z-index:-1 !important;pointer-events:none !important;left:-14px !important;right:-14px !important;top:-14px !important;bottom:-22px !important;border-radius:34px !important;background:linear-gradient(180deg,rgba(255,255,255,0.06),transparent 54%),radial-gradient(circle at 92% 100%,rgba(60,155,255,0.08),transparent 38%) !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;}
body.vmLivePageBody .vmLiveStudioGrid{align-items:start !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{position:relative !important;isolation:isolate !important;overflow:visible !important;background:transparent !important;border:0 !important;box-shadow:none !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before{content:"" !important;display:block !important;position:absolute !important;z-index:-2 !important;pointer-events:none !important;left:-41px !important;right:-14px !important;top:-24px !important;bottom:-34px !important;border-radius:34px !important;background:radial-gradient(circle at 15% 10%,rgba(255,122,24,0.13),transparent 34%),radial-gradient(circle at 86% 18%,rgba(47,140,255,0.13),transparent 39%),radial-gradient(circle at 94% 100%,rgba(255,63,180,0.08),transparent 44%),linear-gradient(145deg,rgba(255,255,255,0.083),rgba(255,255,255,0.031)) !important;border:1px solid rgba(255,255,255,0.145) !important;box-shadow:0 30px 85px rgba(0,0,0,0.31),0 0 0 1px rgba(255,255,255,0.04) inset !important;}
body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after{content:"" !important;display:block !important;position:absolute !important;z-index:-1 !important;pointer-events:none !important;left:-41px !important;right:-14px !important;top:-24px !important;bottom:-34px !important;border-radius:34px !important;background:linear-gradient(180deg,rgba(255,255,255,0.065),transparent 55%),radial-gradient(circle at 92% 100%,rgba(60,155,255,0.085),transparent 39%) !important;}
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after { left: -32px !important; right: -14px !important; top: -22px !important; bottom: -32px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after { left: -12px !important; right: -12px !important; top: -12px !important; bottom: -12px !important; } }
body.vmLivePageBody .vmLiveStudioGrid{width:min(1324px,calc(100vw - 136px)) !important;max-width:1324px !important;margin-left:auto !important;margin-right:auto !important;display:grid !important;grid-template-columns:748px 500px !important;gap:52px !important;justify-content:center !important;align-items:start !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{width:748px !important;max-width:748px !important;min-width:748px !important;height:506px !important;min-height:506px !important;max-height:506px !important;padding:10px !important;margin:0 !important;position:relative !important;isolation:isolate !important;overflow:visible !important;background:transparent !important;border:0 !important;box-shadow:none !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before{content:"" !important;display:block !important;position:absolute !important;z-index:-2 !important;pointer-events:none !important;left:-12px !important;right:-12px !important;top:-12px !important;bottom:-12px !important;border-radius:34px !important;background:radial-gradient(circle at 16% 12%,rgba(255,122,24,0.12),transparent 34%),radial-gradient(circle at 84% 18%,rgba(47,140,255,0.12),transparent 38%),linear-gradient(145deg,rgba(255,255,255,0.078),rgba(255,255,255,0.03)) !important;border:1px solid rgba(255,255,255,0.13) !important;box-shadow:0 30px 85px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.035) inset !important;}
body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after{content:"" !important;display:block !important;position:absolute !important;z-index:-1 !important;pointer-events:none !important;left:-12px !important;right:-12px !important;top:-12px !important;bottom:-12px !important;border-radius:34px !important;background:linear-gradient(180deg,rgba(255,255,255,0.06),transparent 54%),radial-gradient(circle at 92% 100%,rgba(60,155,255,0.08),transparent 38%) !important;}
body.vmLivePageBody .vmLiveChatColumn > *, body.vmLivePageBody .vmLiveChatOuterCard > *{position:relative !important;z-index:1 !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;margin:0 !important;padding:0 !important;}
body.vmLivePageBody .vmLiveVideoColumn{width:500px !important;max-width:500px !important;min-width:500px !important;height:506px !important;min-height:506px !important;max-height:506px !important;margin:0 !important;transform:none !important;}
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveStudioGrid { width: min(1324px, calc(100vw - 104px)) !important; grid-template-columns: 748px 500px !important; gap: 34px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { width: calc(100vw - 28px) !important; grid-template-columns: 1fr !important; gap: 22px !important; justify-content: stretch !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard, body.vmLivePageBody .vmLiveVideoColumn { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; aspect-ratio: 728/486 !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } }
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{position:relative !important;isolation:isolate !important;z-index:1 !important;overflow:visible !important;background:transparent !important;border:0 !important;box-shadow:none !important;width:748px !important;min-width:748px !important;max-width:748px !important;height:506px !important;min-height:506px !important;max-height:506px !important;padding:10px !important;margin:0 !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before{content:"" !important;position:absolute !important;z-index:0 !important;pointer-events:none !important;left:-34px !important;right:-30px !important;top:-22px !important;bottom:-38px !important;border-radius:36px !important;background:radial-gradient(circle at 14% 10%,rgba(255,122,24,0.155),transparent 35%),radial-gradient(circle at 86% 16%,rgba(47,140,255,0.145),transparent 39%),radial-gradient(circle at 84% 100%,rgba(255,63,180,0.075),transparent 43%),linear-gradient(145deg,rgba(255,255,255,0.092),rgba(255,255,255,0.034)) !important;border:1px solid rgba(255,255,255,0.17) !important;box-shadow:0 32px 88px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after{content:"" !important;position:absolute !important;z-index:1 !important;pointer-events:none !important;left:-34px !important;right:-30px !important;top:-22px !important;bottom:-38px !important;border-radius:36px !important;background:linear-gradient(180deg,rgba(255,255,255,0.075),transparent 55%),radial-gradient(circle at 92% 98%,rgba(60,155,255,0.09),transparent 40%) !important;}
body.vmLivePageBody .vmLiveChatColumn > *, body.vmLivePageBody .vmLiveChatOuterCard > *{position:relative !important;z-index:3 !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;margin:0 !important;padding:0 !important;border-radius:18px !important;overflow:hidden !important;box-sizing:content-box !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:744px !important;height:486px !important;min-width:744px !important;min-height:486px !important;max-width:none !important;max-height:none !important;}
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after { left: -26px !important; right: -24px !important; top: -20px !important; bottom: -34px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::after { left: -12px !important; right: -12px !important; top: -12px !important; bottom: -16px !important; } }
body.vmLivePageBody .vmLiveStudioGrid{width:min(1320px,calc(100vw - 104px)) !important;max-width:1320px !important;margin-left:auto !important;margin-right:auto !important;display:grid !important;grid-template-columns:790px 500px !important;gap:30px !important;justify-content:center !important;align-items:start !important;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{width:790px !important;min-width:790px !important;max-width:790px !important;height:530px !important;min-height:530px !important;max-height:530px !important;padding:22px 31px !important;margin:0 !important;box-sizing:border-box !important;position:relative !important;isolation:isolate !important;overflow:visible !important;border-radius:36px !important;border:1px solid rgba(255,255,255,0.17) !important;background:radial-gradient(circle at 13% 10%,rgba(255,122,24,0.16),transparent 35%),radial-gradient(circle at 86% 14%,rgba(47,140,255,0.15),transparent 40%),radial-gradient(circle at 84% 100%,rgba(255,63,180,0.08),transparent 44%),linear-gradient(145deg,rgba(255,255,255,0.092),rgba(255,255,255,0.034)) !important;box-shadow:0 32px 88px rgba(0,0,0,0.34),0 0 0 1px rgba(255,255,255,0.05) inset !important;}
body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatColumn::after, body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatOuterCard::after{display:none !important;content:none !important;}
body.vmLivePageBody .vmLiveChatColumn > *, body.vmLivePageBody .vmLiveChatOuterCard > *{position:relative !important;z-index:2 !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;margin:0 !important;padding:0 !important;border-radius:18px !important;overflow:hidden !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:744px !important;height:486px !important;min-width:744px !important;min-height:486px !important;max-width:none !important;max-height:none !important;margin:0 !important;border:0 !important;display:block !important;background:#fff !important;}
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveStudioGrid { width: calc(100vw - 44px) !important; grid-template-columns: 790px 500px !important; gap: 24px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveStudioGrid { width: calc(100vw - 28px) !important; grid-template-columns: 1fr !important; gap: 22px !important; justify-content: stretch !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 14px !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; aspect-ratio: 728/486 !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 14px) !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } }
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{margin-top:-12px !important;}
@media (max-width: 1320px) { body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { margin-top: -10px !important; } }
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { margin-top: 0 !important; } }
body.vmLivePageBody .vmLiveChatBox{width:748px !important;height:499px !important;min-width:748px !important;min-height:499px !important;max-width:748px !important;max-height:499px !important;margin:0 auto !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:765px !important;height:499px !important;min-width:765px !important;min-height:499px !important;}
.vmLiveChatBox{padding:6px 6px 2px 10px !important;}
.vmLiveChatBox iframe{width:calc(100% - 4px) !important;height:calc(100% - 4px) !important;margin-top:4px !important;margin-left:4px !important;border-radius:22px;}
.vmLiveChatBox{display:flex;align-items:center;justify-content:center;overflow:hidden;}
.vmLiveChatBox iframe{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important;margin:-2px 0 0 -2px;display:block;}
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{width:790px !important;min-width:790px !important;max-width:790px !important;height:530px !important;min-height:530px !important;max-height:530px !important;padding:22px 31px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox{width:728px !important;height:486px !important;min-width:728px !important;min-height:486px !important;max-width:728px !important;max-height:486px !important;margin:0 auto !important;padding:0 !important;display:block !important;position:relative !important;overflow:hidden !important;border-radius:18px !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;left:0 !important;top:0 !important;width:744px !important;height:486px !important;min-width:744px !important;min-height:486px !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;display:block !important;transform:translate3d(-2px,0,0) !important;transform-origin:top left !important;border-radius:0 !important;background:#fff !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 14px !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 728/486 !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 16px) !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } }
body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard{width:790px !important;min-width:790px !important;max-width:790px !important;height:530px !important;min-height:530px !important;max-height:530px !important;padding:3px 6px !important;display:flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox{width:764px !important;height:512px !important;min-width:764px !important;min-height:512px !important;max-width:764px !important;max-height:512px !important;margin:0 auto !important;padding:0 !important;display:block !important;position:relative !important;overflow:hidden !important;border-radius:18px !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox iframe{position:absolute !important;left:0 !important;top:0 !important;width:784px !important;height:512px !important;min-width:784px !important;min-height:512px !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;display:block !important;transform:translate3d(-2px,0,0) !important;transform-origin:top left !important;border-radius:0 !important;background:#fff !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { width: 100% !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 14px !important; } body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 764/512 !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 16px) !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; } }
body.vmLivePageBody .vmLiveChatBox{width:764px !important;height:512px !important;min-width:764px !important;min-height:512px !important;max-width:764px !important;max-height:512px !important;border-radius:22px !important;overflow:hidden !important;clip-path:inset(0 round 22px) !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;box-sizing:border-box !important;}
body.vmLivePageBody .vmLiveChatBox::before, body.vmLivePageBody .vmLiveChatBox::after{display:none !important;content:none !important;}
body.vmLivePageBody .vmLiveChatBox iframe{width:784px !important;height:512px !important;min-width:784px !important;min-height:512px !important;border-radius:22px !important;clip-path:inset(0 round 22px) !important;transform:translate3d(-2px,0,0) !important;overflow:hidden !important;display:block !important;}
@media (max-width: 1180px) { body.vmLivePageBody .vmLiveChatBox { width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; max-width: none !important; max-height: none !important; aspect-ratio: 764/512 !important; border-radius: 22px !important; clip-path: inset(0 round 22px) !important; } body.vmLivePageBody .vmLiveChatBox iframe { width: calc(100% + 16px) !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; border-radius: 22px !important; clip-path: inset(0 round 22px) !important; } }
body.listenBody .listenGreetingMiniCard p{max-height:none !important;overflow:visible !important;font-size:11.4px !important;line-height:1.22 !important;}
body.listenBody .listenGreetingMiniCard{overflow:visible !important;}
body.listenBody .listenGreetingMiniCard > div{min-height:48px !important;}
#vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 16px) !important;height:calc(100vh - 16px) !important;max-width:none !important;max-height:none !important;}
html.vmSchedulePopupMode, body.vmSchedulePopupMode{height:100% !important;min-height:100% !important;overflow:hidden !important;}
body.vmSchedulePopupMode .schedulePage{height:100vh !important;min-height:100vh !important;overflow:hidden !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:min(1240px,calc(100% - 32px)) !important;max-width:1240px !important;height:100vh !important;margin:0 auto !important;padding:14px 0 !important;display:flex !important;align-items:center !important;}
body.vmSchedulePopupMode .vmSchedulePremium{width:100% !important;height:calc(100vh - 28px) !important;min-height:0 !important;margin:0 !important;align-items:stretch !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{height:100% !important;min-height:0 !important;overflow:hidden !important;}
body.vmSchedulePopupMode .vmScheduleDays{display:flex !important;flex-direction:column !important;}
body.vmSchedulePopupMode .vmScheduleDays button{flex:1 1 auto !important;min-height:0 !important;}
body.vmSchedulePopupMode .vmScheduleViewer{height:calc(100% - 152px) !important;min-height:0 !important;max-height:none !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;}
@media (max-width: 900px) { body.vmSchedulePopupMode .schedulePremiumSection { width: calc(100% - 14px) !important; padding: 8px 0 !important; align-items: flex-start !important; } body.vmSchedulePopupMode .vmSchedulePremium { height: calc(100vh - 16px) !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 210px) !important; } }
#vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 10px) !important;height:calc(100vh - 10px) !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:min(1280px,calc(100% - 18px)) !important;max-width:1280px !important;height:100vh !important;padding:5px 0 !important;display:flex !important;align-items:center !important;}
body.vmSchedulePopupMode .vmSchedulePremium{grid-template-columns:214px minmax(0,1fr) !important;gap:16px !important;height:calc(100vh - 10px) !important;max-height:calc(100vh - 10px) !important;}
body.vmSchedulePopupMode .vmScheduleDays{padding:14px !important;gap:8px !important;}
body.vmSchedulePopupMode .vmScheduleDaysHead{margin:0 4px 6px !important;}
body.vmSchedulePopupMode .vmScheduleDays button{min-height:0 !important;height:auto !important;flex:1 1 0 !important;padding:9px 10px !important;grid-template-columns:40px 1fr !important;}
body.vmSchedulePopupMode .vmScheduleDays button span{width:36px !important;height:32px !important;}
body.vmSchedulePopupMode .vmScheduleDays button strong{font-size:0.91rem !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected){border-color:rgba(53,243,139,0.44) !important;background:linear-gradient(135deg,rgba(53,243,139,0.16),rgba(47,140,255,0.1)) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.22),0 12px 32px rgba(53,243,139,0.1) !important;}
body.vmSchedulePopupMode .vmSchedulePanel{padding:20px !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{margin-bottom:14px !important;}
body.vmSchedulePopupMode .vmScheduleViewer{height:calc(100% - 134px) !important;max-height:none !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;}
@media (max-width: 900px) { body.vmSchedulePopupMode .schedulePremiumSection { width: calc(100% - 10px) !important; padding: 5px 0 !important; } body.vmSchedulePopupMode .vmSchedulePremium { grid-template-columns: 1fr !important; height: calc(100vh - 10px) !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 190px) !important; } }
body.vmSchedulePopupMode .vmSchedulePremium{align-items:stretch !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{height:100% !important;min-height:0 !important;}
body.vmSchedulePopupMode .vmSchedulePanel{display:flex !important;flex-direction:column !important;overflow:hidden !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{flex:0 0 auto !important;}
body.vmSchedulePopupMode .vmScheduleViewer{flex:1 1 auto !important;height:auto !important;max-height:none !important;min-height:0 !important;overflow-y:auto !important;overflow-x:hidden !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isToday, body.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected){border-color:rgba(255,139,35,0.78) !important;background:linear-gradient(135deg,rgba(255,154,43,0.96),rgba(255,106,0,0.9)) !important;box-shadow:0 0 0 1px rgba(255,186,96,0.34),0 14px 34px rgba(255,118,0,0.28),0 0 34px rgba(255,139,35,0.2) !important;color:#fff !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isToday span, body.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected) span{background:rgba(255,255,255,0.2) !important;color:#fff !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isSelected:not(.isToday){border-color:rgba(53,243,139,0.58) !important;background:linear-gradient( 135deg,rgba(53,243,139,0.16),rgba(47,140,255,0.12) ) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.24),0 14px 34px rgba(53,243,139,0.11),inset 0 0 24px rgba(53,243,139,0.055) !important;color:#fff !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isSelected:not(.isToday) span{background:rgba(53,243,139,0.18) !important;color:#7effb4 !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays{padding:18px 14px 18px !important;gap:10px !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDaysHead{margin:0 0 12px !important;padding:13px 14px !important;border-radius:17px !important;border:1px solid rgba(255,255,255,0.16) !important;background:linear-gradient( 135deg,rgba(255,139,35,0.18),rgba(255,255,255,0.07) ) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 12px 30px rgba(0,0,0,0.16) !important;color:#fff !important;text-shadow:0 0 18px rgba(255,154,43,0.22) !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button{min-height:56px !important;transform:none !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button.isToday{background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,0.32) !important;box-shadow:0 16px 42px rgba(255,122,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset !important;color:#fff !important;transform:none !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button.isToday span{background:rgba(255,255,255,0.24) !important;color:#fff !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button.isSelected:not(.isToday){background:linear-gradient(135deg,rgba(32,76,108,0.36),rgba(15,24,49,0.72)) !important;border-color:rgba(53,243,139,0.56) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.22) inset,0 0 22px rgba(53,243,139,0.22),0 16px 42px rgba(0,0,0,0.18) !important;transform:none !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button.isSelected:not(.isToday) span{background:rgba(53,243,139,0.18) !important;color:#7effb4 !important;box-shadow:0 0 16px rgba(53,243,139,0.18) !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button.isToday.isSelected{background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,0.34) !important;box-shadow:0 16px 42px rgba(255,122,0,0.32),0 0 0 1px rgba(255,255,255,0.1) inset !important;}
html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button:hover{transform:none !important;border-color:rgba(255,139,35,0.58) !important;}
#vmModal.vmSchedulePopupBox .modalCard{width:calc(100vw - 18px) !important;height:calc(100vh - 18px) !important;max-width:none !important;max-height:none !important;}
#vmModal.vmSchedulePopupBox iframe#vmModalFrame{width:100% !important;height:100% !important;min-height:0 !important;max-height:none !important;}
html.vmSchedulePopupMode, body.vmSchedulePopupMode{height:auto !important;min-height:100% !important;overflow:hidden !important;}
body.vmSchedulePopupMode .top, body.vmSchedulePopupMode .subHero, body.vmSchedulePopupMode .footer, body.vmSchedulePopupMode .quickDock, body.vmSchedulePopupMode #vmModal, body.vmSchedulePopupMode #vmToast{display:none !important;}
body.vmSchedulePopupMode main{min-height:100vh !important;padding:0 !important;margin:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
body.vmSchedulePopupMode .schedulePage{height:auto !important;min-height:100vh !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;}
body.vmSchedulePopupMode .schedulePremiumSection{width:min(1320px,calc(100% - 72px)) !important;max-width:1320px !important;height:auto !important;min-height:0 !important;margin:0 auto !important;padding:34px 0 !important;display:block !important;}
body.vmSchedulePopupMode .vmSchedulePremium{width:100% !important;max-width:none !important;height:auto !important;min-height:610px !important;max-height:none !important;grid-template-columns:220px minmax(0,1fr) !important;gap:18px !important;align-items:stretch !important;margin:0 !important;}
body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel{height:auto !important;min-height:610px !important;max-height:none !important;overflow:hidden !important;}
body.vmSchedulePopupMode .vmScheduleDays{padding:18px 14px 18px !important;gap:10px !important;display:flex !important;flex-direction:column !important;}
body.vmSchedulePopupMode .vmScheduleDaysHead{margin:0 0 12px !important;padding:13px 14px !important;border-radius:17px !important;border:1px solid rgba(255,255,255,0.16) !important;background:linear-gradient( 135deg,rgba(255,139,35,0.18),rgba(255,255,255,0.07) ) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.12),0 12px 30px rgba(0,0,0,0.16) !important;color:#fff !important;text-shadow:0 0 18px rgba(255,154,43,0.22) !important;}
body.vmSchedulePopupMode .vmScheduleDays button{flex:0 0 auto !important;min-height:56px !important;height:56px !important;padding:10px 14px !important;grid-template-columns:42px 1fr !important;transform:none !important;}
body.vmSchedulePopupMode .vmScheduleDays button span{width:36px !important;height:34px !important;}
body.vmSchedulePopupMode .vmScheduleDays button strong{font-size:0.95rem !important;}
body.vmSchedulePopupMode .vmSchedulePanel{padding:24px !important;display:flex !important;flex-direction:column !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{flex:0 0 auto !important;margin-bottom:18px !important;}
body.vmSchedulePopupMode .vmScheduleViewer{flex:1 1 auto !important;height:auto !important;min-height:390px !important;max-height:430px !important;overflow-y:auto !important;overflow-x:hidden !important;padding-right:8px !important;}
body.vmSchedulePopupMode .vmScheduleCards{padding-bottom:6px !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isToday, body.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected), body.vmSchedulePopupMode .vmScheduleDays button.isToday.isSelected{background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,0.32) !important;box-shadow:0 16px 42px rgba(255,122,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset !important;color:#fff !important;transform:none !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isToday span, body.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected) span, body.vmSchedulePopupMode .vmScheduleDays button.isToday.isSelected span{background:rgba(255,255,255,0.24) !important;color:#fff !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isSelected:not(.isToday){background:linear-gradient(135deg,rgba(32,76,108,0.36),rgba(15,24,49,0.72)) !important;border-color:rgba(53,243,139,0.56) !important;box-shadow:0 0 0 1px rgba(53,243,139,0.22) inset,0 0 22px rgba(53,243,139,0.22),0 16px 42px rgba(0,0,0,0.18) !important;color:#fff !important;transform:none !important;}
body.vmSchedulePopupMode .vmScheduleDays button.isSelected:not(.isToday) span{background:rgba(53,243,139,0.18) !important;color:#7effb4 !important;box-shadow:0 0 16px rgba(53,243,139,0.18) !important;}
body.vmSchedulePopupMode .vmScheduleDays button:hover{transform:none !important;border-color:rgba(255,139,35,0.58) !important;}
@media (max-width: 900px) { body.vmSchedulePopupMode main, body.vmSchedulePopupMode .schedulePage { display: block !important; overflow: auto !important; } body.vmSchedulePopupMode .schedulePremiumSection { width: calc(100% - 18px) !important; padding: 12px 0 !important; } body.vmSchedulePopupMode .vmSchedulePremium { grid-template-columns: 1fr !important; min-height: 0 !important; } body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel { min-height: 0 !important; } body.vmSchedulePopupMode .vmScheduleViewer { min-height: 360px !important; max-height: none !important; } }
:root[data-vm-header-speed="slow"]{--vmHeaderSpeed:18s;--vmHeaderPulse:7s;}
:root[data-vm-header-speed="normal"]{--vmHeaderSpeed:11s;--vmHeaderPulse:4.8s;}
:root[data-vm-header-speed="fast"]{--vmHeaderSpeed:6.5s;--vmHeaderPulse:3s;}
:root:not([data-vm-header-speed]){--vmHeaderSpeed:11s;--vmHeaderPulse:4.8s;}
.subHero > .card, .vmHeaderStylePreview > .card, .modalCard .modalHead{position:relative;overflow:hidden;isolation:isolate;}
.subHero > .card:before, .vmHeaderStylePreview > .card:before, .modalCard .modalHead:before, .subHero > .card:after, .vmHeaderStylePreview > .card:after, .modalCard .modalHead:after{content:"";position:absolute;pointer-events:none;z-index:-1;}
.subHero > .card:before, .vmHeaderStylePreview > .card:before, .modalCard .modalHead:before{inset:-1px;background:linear-gradient( 120deg,rgba(255,122,24,0.18),rgba(47,140,255,0.14),rgba(255,255,255,0.045) );opacity:0.9;}
.subHero > .card:after, .vmHeaderStylePreview > .card:after, .modalCard .modalHead:after{inset:-50% -22%;background:linear-gradient( 115deg,transparent 0 38%,rgba(255,255,255,0.18) 45%,rgba(255,122,24,0.22) 50%,rgba(47,140,255,0.18) 56%,transparent 64% 100% );transform:translateX(-72%) rotate(0deg);opacity:0.75;}
:root[data-vm-header-animate="1"] .subHero > .card:after, :root[data-vm-header-animate="1"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-animate="1"] .modalCard .modalHead:after{animation:vmHeaderSweep var(--vmHeaderSpeed) ease-in-out infinite;}
@keyframes vmHeaderSweep { 0% { transform: translateX(-82%) rotate(0deg); opacity: 0; } 18% { opacity: 0.8; } 50% { opacity: 0.55; } 78% { opacity: 0.8; } 100% { transform: translateX(82%) rotate(0deg); opacity: 0; } }
:root[data-vm-header-animate="0"] .subHero > .card:after, :root[data-vm-header-animate="0"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-animate="0"] .modalCard .modalHead:after{display:none !important;animation:none !important;}
:root[data-vm-header-style="classic-glass"] .subHero > .card, :root[data-vm-header-style="classic-glass"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="classic-glass"] .modalCard .modalHead{background:linear-gradient( 135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045) ) !important;box-shadow:0 24px 85px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14) !important;}
:root[data-vm-header-style="classic-glass"] .subHero > .card:before, :root[data-vm-header-style="classic-glass"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="classic-glass"] .modalCard .modalHead:before{background:linear-gradient(135deg,rgba(255,255,255,0.11),rgba(255,255,255,0.035));}
:root[data-vm-header-style="virtualmix-premium"] .subHero > .card, :root[data-vm-header-style="virtualmix-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="virtualmix-premium"] .modalCard .modalHead{background:radial-gradient(circle at 16% 18%,rgba(255,122,24,0.28),transparent 34%),radial-gradient(circle at 84% 12%,rgba(47,140,255,0.35),transparent 38%),linear-gradient(135deg,rgba(255,255,255,0.1),rgba(20,34,74,0.4)) !important;box-shadow:0 30px 100px rgba(0,0,0,0.34),0 0 70px rgba(255,122,24,0.1),0 0 75px rgba(47,140,255,0.1),inset 0 1px 0 rgba(255,255,255,0.16) !important;}
:root[data-vm-header-style="neon-pulse"] .subHero > .card, :root[data-vm-header-style="neon-pulse"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="neon-pulse"] .modalCard .modalHead{background:radial-gradient(circle at 8% 20%,rgba(52,245,197,0.22),transparent 33%),radial-gradient(circle at 92% 20%,rgba(255,65,180,0.24),transparent 35%),linear-gradient(135deg,rgba(9,18,42,0.84),rgba(23,15,44,0.74)) !important;box-shadow:0 0 0 1px rgba(52,245,197,0.16),0 0 90px rgba(255,65,180,0.12),0 0 80px rgba(52,245,197,0.1) !important;}
:root[data-vm-header-style="neon-pulse"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="neon-pulse"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before{animation:vmHeaderPulse var(--vmHeaderPulse) ease-in-out infinite alternate;}
@keyframes vmHeaderPulse { from { filter: saturate(1) brightness(1); opacity: 0.72; } to { filter: saturate(1.35) brightness(1.14); opacity: 1; } }
:root[data-vm-header-style="aurora"] .subHero > .card, :root[data-vm-header-style="aurora"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aurora"] .modalCard .modalHead{background:linear-gradient( 120deg,rgba(255,122,24,0.24),rgba(52,245,197,0.18),rgba(47,140,255,0.32),rgba(160,80,255,0.22) ) !important;background-size:260% 260% !important;box-shadow:0 30px 100px rgba(0,0,0,0.32),0 0 85px rgba(47,140,255,0.14) !important;}
:root[data-vm-header-style="aurora"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="aurora"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{animation:vmHeaderAurora var(--vmHeaderSpeed) ease-in-out infinite alternate;}
@keyframes vmHeaderAurora { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
:root[data-vm-header-style="premium-gold"] .subHero > .card, :root[data-vm-header-style="premium-gold"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="premium-gold"] .modalCard .modalHead{background:radial-gradient(circle at 20% 8%,rgba(255,185,77,0.36),transparent 36%),linear-gradient(135deg,rgba(70,36,18,0.64),rgba(18,28,55,0.7)) !important;box-shadow:0 30px 105px rgba(0,0,0,0.36),0 0 85px rgba(255,145,24,0.18) !important;}
:root[data-vm-header-style="premium-gold"] .subHero > .card h1, :root[data-vm-header-style="premium-gold"] .vmHeaderStylePreview > .card h1{text-shadow:0 0 28px rgba(255,185,77,0.2),0 10px 34px rgba(0,0,0,0.45) !important;}
:root[data-vm-header-style="cyber-blue"] .subHero > .card, :root[data-vm-header-style="cyber-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="cyber-blue"] .modalCard .modalHead{background:linear-gradient(135deg,rgba(9,21,54,0.88),rgba(9,42,83,0.62)),repeating-linear-gradient(90deg,rgba(80,170,255,0.1) 0 1px,transparent 1px 44px) !important;box-shadow:0 28px 95px rgba(0,0,0,0.34),0 0 92px rgba(47,140,255,0.16) !important;}
:root[data-vm-header-style="music-waves"] .subHero > .card, :root[data-vm-header-style="music-waves"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="music-waves"] .modalCard .modalHead{background:radial-gradient(circle at 75% 24%,rgba(52,245,197,0.18),transparent 34%),linear-gradient(135deg,rgba(16,22,44,0.86),rgba(26,33,68,0.7)) !important;}
:root[data-vm-header-style="music-waves"] .subHero > .card:before, :root[data-vm-header-style="music-waves"] .vmHeaderStylePreview > .card:before{background:repeating-linear-gradient( 90deg,transparent 0 18px,rgba(52,245,197,0.075) 19px 21px,transparent 22px 34px ),linear-gradient(135deg,rgba(255,122,24,0.14),rgba(47,140,255,0.13));}
:root[data-vm-header-style="live-energy"] .subHero > .card, :root[data-vm-header-style="live-energy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="live-energy"] .modalCard .modalHead{background:radial-gradient(circle at 12% 40%,rgba(255,60,70,0.22),transparent 28%),radial-gradient(circle at 88% 24%,rgba(255,122,24,0.32),transparent 34%),linear-gradient(135deg,rgba(18,20,42,0.86),rgba(35,27,58,0.7)) !important;box-shadow:0 30px 95px rgba(0,0,0,0.34),0 0 70px rgba(255,72,42,0.13) !important;}
:root[data-vm-header-style="galaxy"] .subHero > .card, :root[data-vm-header-style="galaxy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="galaxy"] .modalCard .modalHead{background:radial-gradient(circle at 18% 18%,rgba(160,80,255,0.32),transparent 34%),radial-gradient(circle at 82% 32%,rgba(47,140,255,0.28),transparent 38%),radial-gradient(circle at 50% 120%,rgba(255,122,24,0.12),transparent 40%),linear-gradient(135deg,rgba(9,9,30,0.92),rgba(18,25,55,0.78)) !important;box-shadow:0 34px 110px rgba(0,0,0,0.36),0 0 90px rgba(160,80,255,0.13) !important;}
:root[data-vm-header-style="glass-premium"] .subHero > .card, :root[data-vm-header-style="glass-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="glass-premium"] .modalCard .modalHead{background:linear-gradient( 135deg,rgba(255,255,255,0.16),rgba(255,255,255,0.055) ) !important;backdrop-filter:blur(22px) saturate(1.18) !important;box-shadow:0 32px 105px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.24),inset 0 -1px 0 rgba(255,255,255,0.06) !important;}
:root[data-vm-header-style="dynamic-gradient"] .subHero > .card, :root[data-vm-header-style="dynamic-gradient"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="dynamic-gradient"] .modalCard .modalHead{background:linear-gradient( 120deg,rgba(255,122,24,0.3),rgba(255,65,180,0.2),rgba(47,140,255,0.3),rgba(52,245,197,0.16) ) !important;background-size:300% 300% !important;box-shadow:0 30px 105px rgba(0,0,0,0.34),0 0 80px rgba(47,140,255,0.12) !important;}
:root[data-vm-header-style="dynamic-gradient"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="dynamic-gradient"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{animation:vmHeaderAurora var(--vmHeaderSpeed) ease-in-out infinite alternate;}
:root[data-vm-header-style="fire-ice"] .subHero > .card, :root[data-vm-header-style="fire-ice"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="fire-ice"] .modalCard .modalHead{background:radial-gradient(circle at 12% 20%,rgba(255,112,18,0.35),transparent 36%),radial-gradient(circle at 88% 20%,rgba(47,140,255,0.38),transparent 38%),linear-gradient(135deg,rgba(32,20,30,0.86),rgba(11,25,58,0.72)) !important;box-shadow:0 34px 105px rgba(0,0,0,0.34),0 0 80px rgba(255,122,24,0.13),0 0 80px rgba(47,140,255,0.12) !important;}
.vmHeaderStylePreview{width:100%;margin-top:14px !important;padding:0 !important;}
.vmHeaderStylePreview > .card{min-height:190px !important;margin:0 !important;border-radius:28px !important;display:grid !important;grid-template-columns:1fr auto !important;align-items:center !important;gap:18px !important;}
.vmHeaderStylePreviewCard{overflow:hidden !important;}
.vmHeaderStyleAdminSection .eventsForm select{cursor:pointer;}
@media (prefers-reduced-motion: reduce) { .subHero > .card, .vmHeaderStylePreview > .card, .subHero > .card:after, .vmHeaderStylePreview > .card:after, .modalCard .modalHead:after { animation: none !important; } }
.subHero > .card, .vmHeaderStylePreview > .card, .modalCard .modalHead{border:1px solid rgba(255,255,255,0.145) !important;transform-style:preserve-3d;box-shadow:0 30px 110px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.18),inset 0 -1px 0 rgba(255,255,255,0.055) !important;}
.subHero > .card:before, .vmHeaderStylePreview > .card:before, .modalCard .modalHead:before{inset:-2px !important;opacity:1 !important;mix-blend-mode:screen;}
.subHero > .card:after, .vmHeaderStylePreview > .card:after, .modalCard .modalHead:after{inset:-70% -30% !important;background:linear-gradient( 112deg,transparent 0 30%,rgba(255,255,255,0.04) 38%,rgba(255,126,24,0.36) 45%,rgba(255,210,120,0.38) 49%,rgba(38,150,255,0.36) 54%,rgba(120,225,255,0.2) 59%,transparent 70% 100% ) !important;filter:blur(0.2px) saturate(1.28);opacity:0.92 !important;}
:root[data-vm-header-animate="1"] .subHero > .card:after, :root[data-vm-header-animate="1"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-animate="1"] .modalCard .modalHead:after{animation:vmHeaderSweep3D var(--vmHeaderSpeed) cubic-bezier(0.22,0.72,0.22,1) infinite !important;}
@keyframes vmHeaderSweep3D { 0% { transform: translateX(-90%) skewX(-12deg) rotate(0deg); opacity: 0; } 16% { opacity: 0.95; } 48% { opacity: 0.72; } 72% { opacity: 0.95; } 100% { transform: translateX(90%) skewX(-12deg) rotate(0deg); opacity: 0; } }
.subHero > .card h1, .vmHeaderStylePreview > .card h1, .modalCard .modalHead strong{text-shadow:0 2px 0 rgba(0,0,0,0.38),0 12px 34px rgba(0,0,0,0.44),0 0 24px rgba(255,122,24,0.12),0 0 28px rgba(47,140,255,0.12) !important;}
:root[data-vm-header-style="classic-glass"] .subHero > .card, :root[data-vm-header-style="classic-glass"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="classic-glass"] .modalCard .modalHead{background:radial-gradient(circle at 10% 10%,rgba(255,255,255,0.18),transparent 30%),radial-gradient(circle at 92% 18%,rgba(72,148,255,0.17),transparent 34%),linear-gradient( 145deg,rgba(255,255,255,0.13),rgba(255,255,255,0.045) 42%,rgba(10,22,48,0.42) ) !important;backdrop-filter:blur(20px) saturate(1.24) !important;box-shadow:0 30px 110px rgba(0,0,0,0.36),0 0 58px rgba(255,255,255,0.055),inset 0 1px 0 rgba(255,255,255,0.26),inset 0 -1px 0 rgba(255,255,255,0.07) !important;}
:root[data-vm-header-style="classic-glass"] .subHero > .card:before, :root[data-vm-header-style="classic-glass"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="classic-glass"] .modalCard .modalHead:before{background:linear-gradient( 135deg,rgba(255,255,255,0.16),rgba(47,140,255,0.1),rgba(255,122,24,0.08) ) !important;}
:root[data-vm-header-style="virtualmix-premium"] .subHero > .card, :root[data-vm-header-style="virtualmix-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="virtualmix-premium"] .modalCard .modalHead{background:radial-gradient(circle at 12% 18%,rgba(255,118,24,0.46),transparent 31%),radial-gradient(circle at 86% 15%,rgba(40,145,255,0.5),transparent 35%),radial-gradient(circle at 48% 110%,rgba(255,205,92,0.18),transparent 42%),linear-gradient( 138deg,rgba(20,28,58,0.92),rgba(13,26,62,0.82) 46%,rgba(52,28,22,0.72) ) !important;box-shadow:0 34px 120px rgba(0,0,0,0.39),0 0 105px rgba(255,122,24,0.2),0 0 110px rgba(47,140,255,0.18),inset 0 1px 0 rgba(255,255,255,0.23) !important;}
:root[data-vm-header-style="virtualmix-premium"] .subHero > .card:before, :root[data-vm-header-style="virtualmix-premium"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="virtualmix-premium"] .modalCard .modalHead:before{background:linear-gradient( 90deg,rgba(255,122,24,0.26),transparent 28%,rgba(47,140,255,0.24) 72%,rgba(255,122,24,0.16) ),repeating-linear-gradient(90deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 46px) !important;}
:root[data-vm-header-style="neon-pulse"] .subHero > .card, :root[data-vm-header-style="neon-pulse"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="neon-pulse"] .modalCard .modalHead{background:radial-gradient(circle at 8% 18%,rgba(0,246,255,0.38),transparent 32%),radial-gradient(circle at 88% 20%,rgba(255,67,180,0.39),transparent 35%),radial-gradient(circle at 50% 105%,rgba(255,122,24,0.18),transparent 40%),linear-gradient(135deg,rgba(5,12,34,0.96),rgba(22,12,48,0.88)) !important;border-color:rgba(72,238,255,0.24) !important;box-shadow:0 30px 115px rgba(0,0,0,0.42),0 0 95px rgba(255,65,180,0.23),0 0 105px rgba(52,245,255,0.2),inset 0 0 0 1px rgba(255,255,255,0.08) !important;}
:root[data-vm-header-style="neon-pulse"] .subHero > .card:before, :root[data-vm-header-style="neon-pulse"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="neon-pulse"] .modalCard .modalHead:before{background:linear-gradient(90deg,rgba(52,245,255,0.22),transparent 40%,rgba(255,65,180,0.24)),repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,0.055) 35px 36px) !important;}
:root[data-vm-header-style="aurora"] .subHero > .card, :root[data-vm-header-style="aurora"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aurora"] .modalCard .modalHead{background:linear-gradient( 118deg,rgba(255,122,24,0.36),rgba(52,245,197,0.28),rgba(47,140,255,0.44),rgba(154,82,255,0.34),rgba(255,122,24,0.25) ) !important;background-size:360% 360% !important;box-shadow:0 34px 115px rgba(0,0,0,0.38),0 0 95px rgba(47,140,255,0.2),0 0 85px rgba(52,245,197,0.14) !important;}
:root[data-vm-header-style="aurora"] .subHero > .card:before, :root[data-vm-header-style="aurora"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="aurora"] .modalCard .modalHead:before{background:radial-gradient(circle at 18% 30%,rgba(255,255,255,0.17),transparent 29%),radial-gradient(circle at 80% 26%,rgba(255,255,255,0.13),transparent 30%) !important;}
:root[data-vm-header-style="premium-gold"] .subHero > .card, :root[data-vm-header-style="premium-gold"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="premium-gold"] .modalCard .modalHead{background:radial-gradient(circle at 18% 12%,rgba(255,201,83,0.56),transparent 34%),radial-gradient(circle at 86% 20%,rgba(255,122,24,0.34),transparent 36%),linear-gradient( 138deg,rgba(76,41,14,0.88),rgba(18,26,52,0.85) 54%,rgba(91,47,18,0.72) ) !important;border-color:rgba(255,204,104,0.3) !important;box-shadow:0 34px 118px rgba(0,0,0,0.42),0 0 95px rgba(255,170,45,0.25),inset 0 1px 0 rgba(255,230,150,0.3) !important;}
:root[data-vm-header-style="premium-gold"] .subHero > .card:before, :root[data-vm-header-style="premium-gold"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="premium-gold"] .modalCard .modalHead:before{background:linear-gradient( 115deg,rgba(255,235,155,0.22),transparent 31%,rgba(255,122,24,0.18) 70%,rgba(255,225,120,0.16) ),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,232,160,0.06) 29px 31px) !important;}
:root[data-vm-header-style="cyber-blue"] .subHero > .card, :root[data-vm-header-style="cyber-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="cyber-blue"] .modalCard .modalHead{background:linear-gradient(135deg,rgba(5,19,56,0.98),rgba(7,54,105,0.78)),repeating-linear-gradient(90deg,rgba(80,170,255,0.17) 0 1px,transparent 1px 34px),repeating-linear-gradient(0deg,rgba(80,170,255,0.08) 0 1px,transparent 1px 24px) !important;border-color:rgba(72,178,255,0.26) !important;box-shadow:0 32px 112px rgba(0,0,0,0.4),0 0 110px rgba(47,140,255,0.25),inset 0 0 0 1px rgba(80,170,255,0.07) !important;}
:root[data-vm-header-style="cyber-blue"] .subHero > .card:before, :root[data-vm-header-style="cyber-blue"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="cyber-blue"] .modalCard .modalHead:before{background:linear-gradient(90deg,rgba(47,140,255,0.33),transparent 36%,rgba(0,238,255,0.2)),linear-gradient(135deg,transparent 0 48%,rgba(255,255,255,0.1) 49%,transparent 51%) !important;}
:root[data-vm-header-style="music-waves"] .subHero > .card, :root[data-vm-header-style="music-waves"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="music-waves"] .modalCard .modalHead{background:radial-gradient(circle at 75% 24%,rgba(52,245,197,0.3),transparent 34%),radial-gradient(circle at 14% 28%,rgba(255,122,24,0.24),transparent 30%),linear-gradient(135deg,rgba(11,18,42,0.96),rgba(20,35,72,0.82)) !important;box-shadow:0 32px 112px rgba(0,0,0,0.38),0 0 92px rgba(52,245,197,0.18),0 0 80px rgba(255,122,24,0.12) !important;}
:root[data-vm-header-style="music-waves"] .subHero > .card:before, :root[data-vm-header-style="music-waves"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="music-waves"] .modalCard .modalHead:before{background:repeating-linear-gradient( 90deg,transparent 0 12px,rgba(52,245,197,0.12) 13px 16px,transparent 17px 26px,rgba(255,122,24,0.09) 27px 29px,transparent 30px 43px ),linear-gradient(135deg,rgba(255,122,24,0.18),rgba(47,140,255,0.18)) !important;}
:root[data-vm-header-style="live-energy"] .subHero > .card, :root[data-vm-header-style="live-energy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="live-energy"] .modalCard .modalHead{background:radial-gradient(circle at 10% 40%,rgba(255,42,58,0.36),transparent 30%),radial-gradient(circle at 90% 26%,rgba(255,122,24,0.48),transparent 35%),radial-gradient(circle at 50% 112%,rgba(47,140,255,0.18),transparent 40%),linear-gradient(135deg,rgba(20,18,40,0.96),rgba(48,25,55,0.8)) !important;box-shadow:0 34px 114px rgba(0,0,0,0.4),0 0 92px rgba(255,72,42,0.23),0 0 70px rgba(255,122,24,0.18) !important;}
:root[data-vm-header-style="live-energy"] .subHero > .card:before, :root[data-vm-header-style="live-energy"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="live-energy"] .modalCard .modalHead:before{background:linear-gradient(90deg,rgba(255,44,58,0.25),transparent 35%,rgba(255,122,24,0.3)),repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,0.065) 43px 45px) !important;}
:root[data-vm-header-style="galaxy"] .subHero > .card, :root[data-vm-header-style="galaxy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="galaxy"] .modalCard .modalHead{background:radial-gradient(circle at 17% 17%,rgba(166,84,255,0.5),transparent 32%),radial-gradient(circle at 82% 30%,rgba(47,140,255,0.42),transparent 38%),radial-gradient(circle at 50% 108%,rgba(255,122,24,0.2),transparent 42%),radial-gradient(circle at 58% 18%,rgba(255,255,255,0.12),transparent 3%),radial-gradient(circle at 68% 42%,rgba(255,255,255,0.09),transparent 2%),linear-gradient(135deg,rgba(5,6,28,0.98),rgba(16,25,58,0.88)) !important;border-color:rgba(160,110,255,0.24) !important;box-shadow:0 36px 122px rgba(0,0,0,0.44),0 0 108px rgba(160,80,255,0.22),0 0 95px rgba(47,140,255,0.14) !important;}
:root[data-vm-header-style="galaxy"] .subHero > .card:before, :root[data-vm-header-style="galaxy"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="galaxy"] .modalCard .modalHead:before{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.16),transparent 2%),radial-gradient(circle at 38% 18%,rgba(255,255,255,0.12),transparent 2%),radial-gradient(circle at 72% 24%,rgba(255,255,255,0.13),transparent 2%),linear-gradient(110deg,rgba(160,80,255,0.2),transparent,rgba(47,140,255,0.17)) !important;}
:root[data-vm-header-style="glass-premium"] .subHero > .card, :root[data-vm-header-style="glass-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="glass-premium"] .modalCard .modalHead{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,0.22),transparent 33%),radial-gradient(circle at 88% 18%,rgba(47,140,255,0.22),transparent 35%),linear-gradient( 140deg,rgba(255,255,255,0.18),rgba(255,255,255,0.052) 46%,rgba(14,30,62,0.46) ) !important;backdrop-filter:blur(25px) saturate(1.32) !important;box-shadow:0 35px 120px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(255,255,255,0.08),0 0 90px rgba(255,255,255,0.07) !important;}
:root[data-vm-header-style="glass-premium"] .subHero > .card:before, :root[data-vm-header-style="glass-premium"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="glass-premium"] .modalCard .modalHead:before{background:linear-gradient( 115deg,rgba(255,255,255,0.18),transparent 33%,rgba(47,140,255,0.13) 67%,rgba(255,122,24,0.08) ),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,0.055) 49px 50px) !important;}
:root[data-vm-header-style="dynamic-gradient"] .subHero > .card, :root[data-vm-header-style="dynamic-gradient"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="dynamic-gradient"] .modalCard .modalHead{background:linear-gradient( 118deg,rgba(255,122,24,0.42),rgba(255,65,180,0.31),rgba(47,140,255,0.44),rgba(52,245,197,0.25),rgba(255,122,24,0.34) ) !important;background-size:380% 380% !important;box-shadow:0 34px 118px rgba(0,0,0,0.39),0 0 96px rgba(47,140,255,0.2),0 0 82px rgba(255,122,24,0.16) !important;}
:root[data-vm-header-style="dynamic-gradient"] .subHero > .card:before, :root[data-vm-header-style="dynamic-gradient"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="dynamic-gradient"] .modalCard .modalHead:before{background:radial-gradient(circle at 20% 28%,rgba(255,255,255,0.18),transparent 30%),radial-gradient(circle at 86% 20%,rgba(255,255,255,0.13),transparent 32%) !important;}
:root[data-vm-header-style="fire-ice"] .subHero > .card, :root[data-vm-header-style="fire-ice"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="fire-ice"] .modalCard .modalHead{background:radial-gradient(circle at 11% 20%,rgba(255,106,18,0.55),transparent 35%),radial-gradient(circle at 89% 20%,rgba(38,152,255,0.55),transparent 38%),radial-gradient(circle at 50% 110%,rgba(255,220,125,0.14),transparent 42%),linear-gradient(137deg,rgba(44,19,25,0.96),rgba(7,24,62,0.9)) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 36px 120px rgba(0,0,0,0.42),0 0 105px rgba(255,122,24,0.25),0 0 105px rgba(47,140,255,0.23) !important;}
:root[data-vm-header-style="fire-ice"] .subHero > .card:before, :root[data-vm-header-style="fire-ice"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="fire-ice"] .modalCard .modalHead:before{background:linear-gradient(90deg,rgba(255,122,24,0.34),transparent 49%,rgba(47,140,255,0.36)),repeating-linear-gradient(90deg,transparent 0 36px,rgba(255,255,255,0.06) 37px 39px) !important;}
:root[data-vm-header-style="neon-pulse"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="neon-pulse"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="neon-pulse"][data-vm-header-animate="1"] .modalCard .modalHead:before, :root[data-vm-header-style="music-waves"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="music-waves"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="music-waves"][data-vm-header-animate="1"] .modalCard .modalHead:before, :root[data-vm-header-style="live-energy"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="live-energy"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="live-energy"][data-vm-header-animate="1"] .modalCard .modalHead:before{animation:vmHeaderGlowBreath var(--vmHeaderPulse) ease-in-out infinite alternate !important;}
@keyframes vmHeaderGlowBreath { from { filter: saturate(1.02) brightness(1); opacity: 0.72; } to { filter: saturate(1.55) brightness(1.2); opacity: 1; } }
:root{--vmHeaderDeep:rgba(5,8,22,0.82);--vmHeaderBlue:rgba(42,145,255,0.46);--vmHeaderOrange:rgba(255,122,24,0.46);--vmHeaderCyan:rgba(52,245,197,0.28);--vmHeaderPink:rgba(255,72,190,0.24);}
.subHero > .card, .vmHeaderStylePreview > .card, .modalCard .modalHead{isolation:isolate;overflow:hidden;position:relative;}
.subHero > .card:before, .vmHeaderStylePreview > .card:before, .modalCard .modalHead:before, .subHero > .card:after, .vmHeaderStylePreview > .card:after, .modalCard .modalHead:after{content:"";position:absolute;inset:-2px;pointer-events:none;border-radius:inherit;z-index:-1;}
.subHero > .card > *, .vmHeaderStylePreview > .card > *, .modalCard .modalHead > *{position:relative;z-index:2;}
:root[data-vm-header-animate="1"] .subHero > .card:after, :root[data-vm-header-animate="1"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-animate="1"] .modalCard .modalHead:after{animation:vmHeaderPremiumSweep var(--vmHeaderSpeed) cubic-bezier(0.22,0.72,0.22,1) infinite !important;}
@keyframes vmHeaderPremiumSweep { 0% { transform: translateX(-125%) skewX(-18deg); opacity: 0; } 12% { opacity: 0.78; } 50% { opacity: 0.96; } 88% { opacity: 0.7; } 100% { transform: translateX(125%) skewX(-18deg); opacity: 0; } }
@keyframes vmHeaderFloatGlow { 0% { background-position: 0% 50%; filter: saturate(1.05); } 50% { background-position: 100% 50%; filter: saturate(1.38); } 100% { background-position: 0% 50%; filter: saturate(1.05); } }
@keyframes vmHeaderPulseGlow { 0% { opacity: 0.58; transform: scale(1); } 100% { opacity: 0.92; transform: scale(1.035); } }
@keyframes vmHeaderBeamMove { 0% { transform: translateX(-16%) rotate(-1deg); } 100% { transform: translateX(16%) rotate(1deg); } }
@keyframes vmHeaderSpectrumSoft { 0% { opacity: 0.38; transform: translateY(0); } 50% { opacity: 0.82; transform: translateY(-4px); } 100% { opacity: 0.38; transform: translateY(0); } }
:root[data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before{animation:vmHeaderPulseGlow var(--vmHeaderPulse) ease-in-out infinite alternate;}
:root[data-vm-header-style="vm-energy"] .subHero > .card, :root[data-vm-header-style="vm-energy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="vm-energy"] .modalCard .modalHead{background:radial-gradient(circle at 8% 18%,rgba(255,122,24,0.52),transparent 33%),radial-gradient(circle at 92% 18%,rgba(42,145,255,0.55),transparent 36%),linear-gradient(135deg,rgba(14,18,42,0.92),rgba(19,30,68,0.78)) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 88px rgba(255,122,24,0.18),0 0 98px rgba(42,145,255,0.19),inset 0 1px 0 rgba(255,255,255,0.18) !important;}
:root[data-vm-header-style="vm-energy"] .subHero > .card:before, :root[data-vm-header-style="vm-energy"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="vm-energy"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 50% -18%,rgba(255,255,255,0.22),transparent 42%),linear-gradient(90deg,rgba(255,122,24,0.22),transparent 36%,rgba(42,145,255,0.24));}
:root[data-vm-header-style="vm-energy"] .subHero > .card:after, :root[data-vm-header-style="vm-energy"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style="vm-energy"] .modalCard .modalHead:after{background:linear-gradient( 100deg,transparent 0%,rgba(255,255,255,0.16) 38%,rgba(255,122,24,0.3) 48%,rgba(42,145,255,0.26) 58%,transparent 76% );}
:root[data-vm-header-style="blue-orange-neon"] .subHero > .card, :root[data-vm-header-style="blue-orange-neon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="blue-orange-neon"] .modalCard .modalHead{background:linear-gradient( 125deg,rgba(8,20,55,0.94),rgba(20,31,72,0.82) 48%,rgba(52,28,18,0.78) ),radial-gradient(circle at 18% 110%,rgba(42,145,255,0.42),transparent 42%),radial-gradient(circle at 88% -5%,rgba(255,122,24,0.44),transparent 38%) !important;box-shadow:0 32px 112px rgba(0,0,0,0.4),0 0 80px rgba(42,145,255,0.18),0 0 74px rgba(255,122,24,0.16) !important;}
:root[data-vm-header-style="blue-orange-neon"] .subHero > .card:before, :root[data-vm-header-style="blue-orange-neon"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="blue-orange-neon"] .modalCard .modalHead:before{background:linear-gradient( 90deg,rgba(42,145,255,0.34),transparent 30%,rgba(255,255,255,0.08) 50%,transparent 70%,rgba(255,122,24,0.34) );}
:root[data-vm-header-style="blue-orange-neon"] .subHero > .card:after, :root[data-vm-header-style="blue-orange-neon"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style="blue-orange-neon"] .modalCard .modalHead:after{background:linear-gradient( 105deg,transparent,rgba(42,145,255,0.3),rgba(255,255,255,0.22),rgba(255,122,24,0.3),transparent );}
:root[data-vm-header-style="fire-ice-pro"] .subHero > .card, :root[data-vm-header-style="fire-ice-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="fire-ice-pro"] .modalCard .modalHead{background:radial-gradient(circle at 10% 26%,rgba(255,90,18,0.56),transparent 36%),radial-gradient(circle at 92% 28%,rgba(35,166,255,0.56),transparent 38%),linear-gradient(135deg,rgba(35,17,22,0.92),rgba(7,23,55,0.88)) !important;box-shadow:0 36px 122px rgba(0,0,0,0.43),0 0 86px rgba(255,90,18,0.2),0 0 96px rgba(35,166,255,0.2) !important;}
:root[data-vm-header-style="fire-ice-pro"] .subHero > .card:before, :root[data-vm-header-style="fire-ice-pro"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="fire-ice-pro"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,0.16),transparent 42%),linear-gradient(90deg,rgba(255,90,18,0.22),transparent 45%,rgba(35,166,255,0.25));}
:root[data-vm-header-style="fire-ice-pro"] .subHero > .card:after, :root[data-vm-header-style="fire-ice-pro"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style="fire-ice-pro"] .modalCard .modalHead:after{background:linear-gradient( 105deg,transparent,rgba(255,90,18,0.34),rgba(255,255,255,0.18),rgba(35,166,255,0.34),transparent );}
:root[data-vm-header-style="neon-blue-pro"] .subHero > .card, :root[data-vm-header-style="neon-blue-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="neon-blue-pro"] .modalCard .modalHead{background:radial-gradient(circle at 18% 16%,rgba(52,245,197,0.22),transparent 36%),radial-gradient(circle at 78% 12%,rgba(42,145,255,0.52),transparent 42%),linear-gradient(135deg,rgba(5,13,35,0.96),rgba(7,31,68,0.86)) !important;box-shadow:0 35px 120px rgba(0,0,0,0.42),0 0 115px rgba(42,145,255,0.26),inset 0 0 0 1px rgba(95,190,255,0.22) !important;}
:root[data-vm-header-style="neon-blue-pro"] .subHero > .card:before, :root[data-vm-header-style="neon-blue-pro"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="neon-blue-pro"] .modalCard .modalHead:before{background:linear-gradient(0deg,rgba(42,145,255,0.28),transparent 28%),radial-gradient(ellipse at 50% -15%,rgba(255,255,255,0.18),transparent 40%);}
:root[data-vm-header-style="neon-blue-pro"] .subHero > .card h1, :root[data-vm-header-style="neon-blue-pro"] .vmHeaderStylePreview > .card h1{text-shadow:0 0 24px rgba(42,145,255,0.34),0 9px 34px rgba(0,0,0,0.5) !important;}
:root[data-vm-header-style="orange-beam"] .subHero > .card, :root[data-vm-header-style="orange-beam"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="orange-beam"] .modalCard .modalHead{background:radial-gradient(circle at 22% 0%,rgba(255,181,77,0.4),transparent 36%),radial-gradient(circle at 92% 60%,rgba(255,90,18,0.46),transparent 38%),linear-gradient(135deg,rgba(38,22,18,0.94),rgba(28,23,48,0.8)) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 102px rgba(255,122,24,0.23) !important;}
:root[data-vm-header-style="orange-beam"] .subHero > .card:before, :root[data-vm-header-style="orange-beam"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="orange-beam"] .modalCard .modalHead:before{background:linear-gradient( 100deg,transparent,rgba(255,199,111,0.22),rgba(255,122,24,0.24),transparent );}
:root[data-vm-header-style="orange-beam"] .subHero > .card:after, :root[data-vm-header-style="orange-beam"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style="orange-beam"] .modalCard .modalHead:after{background:linear-gradient( 105deg,transparent,rgba(255,255,255,0.16),rgba(255,178,82,0.36),rgba(255,122,24,0.24),transparent );}
:root[data-vm-header-style="liquid-glass"] .subHero > .card, :root[data-vm-header-style="liquid-glass"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="liquid-glass"] .modalCard .modalHead{background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.065)),radial-gradient(circle at 15% 10%,rgba(42,145,255,0.26),transparent 35%),radial-gradient(circle at 92% 18%,rgba(255,122,24,0.2),transparent 36%) !important;backdrop-filter:blur(24px) saturate(1.24) !important;box-shadow:0 34px 120px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.34),inset 0 -1px 0 rgba(255,255,255,0.1),0 0 78px rgba(255,255,255,0.08) !important;}
:root[data-vm-header-style="liquid-glass"] .subHero > .card:before, :root[data-vm-header-style="liquid-glass"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="liquid-glass"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 22% -10%,rgba(255,255,255,0.38),transparent 36%),linear-gradient(120deg,rgba(255,255,255,0.1),transparent 44%,rgba(255,255,255,0.07));}
:root[data-vm-header-style="diamond-glow"] .subHero > .card, :root[data-vm-header-style="diamond-glow"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="diamond-glow"] .modalCard .modalHead{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,0.24),transparent 32%),radial-gradient(circle at 80% 16%,rgba(120,210,255,0.28),transparent 38%),linear-gradient(135deg,rgba(8,14,34,0.94),rgba(22,28,58,0.82)) !important;box-shadow:0 36px 125px rgba(0,0,0,0.42),0 0 88px rgba(180,225,255,0.18),inset 0 1px 0 rgba(255,255,255,0.26) !important;}
:root[data-vm-header-style="diamond-glow"] .subHero > .card:after, :root[data-vm-header-style="diamond-glow"] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style="diamond-glow"] .modalCard .modalHead:after{background:linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0.08) 33%,rgba(255,255,255,0.48) 50%,rgba(132,210,255,0.24) 60%,transparent 78% );}
:root[data-vm-header-style="aurora-pro"] .subHero > .card, :root[data-vm-header-style="aurora-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aurora-pro"] .modalCard .modalHead{background:linear-gradient( 120deg,rgba(255,122,24,0.32),rgba(52,245,197,0.24),rgba(42,145,255,0.42),rgba(177,92,255,0.3),rgba(255,122,24,0.22) ) !important;background-size:320% 320% !important;box-shadow:0 34px 122px rgba(0,0,0,0.4),0 0 95px rgba(42,145,255,0.18),0 0 74px rgba(177,92,255,0.14) !important;}
:root[data-vm-header-style="aurora-pro"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="aurora-pro"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{animation:vmHeaderFloatGlow var(--vmHeaderSpeed) ease-in-out infinite !important;}
:root[data-vm-header-style="cyber-wave"] .subHero > .card, :root[data-vm-header-style="cyber-wave"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="cyber-wave"] .modalCard .modalHead{background:radial-gradient(circle at 12% 20%,rgba(42,145,255,0.42),transparent 34%),radial-gradient(circle at 82% 25%,rgba(52,245,197,0.2),transparent 36%),linear-gradient(135deg,rgba(5,12,34,0.96),rgba(8,33,72,0.86)) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 98px rgba(42,145,255,0.22) !important;}
:root[data-vm-header-style="cyber-wave"] .subHero > .card:before, :root[data-vm-header-style="cyber-wave"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="cyber-wave"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 50% 100%,rgba(52,245,197,0.18),transparent 42%),linear-gradient( 110deg,transparent 0 28%,rgba(42,145,255,0.2) 39%,transparent 52%,rgba(52,245,197,0.14) 64%,transparent 80% );}
:root[data-vm-header-style="cyber-wave"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="cyber-wave"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before{animation:vmHeaderBeamMove var(--vmHeaderSpeed) ease-in-out infinite alternate;}
:root[data-vm-header-style="music-spectrum-pro"] .subHero > .card, :root[data-vm-header-style="music-spectrum-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="music-spectrum-pro"] .modalCard .modalHead{background:linear-gradient(135deg,rgba(8,15,38,0.96),rgba(17,28,66,0.82)),radial-gradient(circle at 82% 18%,rgba(255,122,24,0.24),transparent 36%),radial-gradient(circle at 18% 18%,rgba(42,145,255,0.34),transparent 36%) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 88px rgba(42,145,255,0.16),0 0 70px rgba(255,122,24,0.12) !important;}
:root[data-vm-header-style="music-spectrum-pro"] .subHero > .card:before, :root[data-vm-header-style="music-spectrum-pro"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="music-spectrum-pro"] .modalCard .modalHead:before{background:linear-gradient( 90deg,rgba(42,145,255,0.17) 0 4%,transparent 4% 9%,rgba(255,122,24,0.17) 9% 13%,transparent 13% 20%,rgba(52,245,197,0.13) 20% 24%,transparent 24% 34%,rgba(42,145,255,0.14) 34% 39%,transparent 39% 50%,rgba(255,122,24,0.14) 50% 54%,transparent 54% 68%,rgba(42,145,255,0.13) 68% 73%,transparent 73% 100% );mask-image:linear-gradient(to top,rgba(0,0,0,0.8),transparent 80%);}
:root[data-vm-header-style="music-spectrum-pro"][data-vm-header-animate="1"] .subHero > .card:before, :root[data-vm-header-style="music-spectrum-pro"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card:before{animation:vmHeaderSpectrumSoft var(--vmHeaderPulse) ease-in-out infinite;}
:root[data-vm-header-style="galaxy-neon"] .subHero > .card, :root[data-vm-header-style="galaxy-neon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="galaxy-neon"] .modalCard .modalHead{background:radial-gradient(circle at 20% 18%,rgba(177,92,255,0.46),transparent 35%),radial-gradient(circle at 82% 22%,rgba(42,145,255,0.4),transparent 38%),radial-gradient(circle at 58% 115%,rgba(255,122,24,0.18),transparent 42%),linear-gradient(135deg,rgba(8,6,28,0.97),rgba(16,22,54,0.88)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 96px rgba(177,92,255,0.18),0 0 86px rgba(42,145,255,0.16) !important;}
:root[data-vm-header-style="galaxy-neon"] .subHero > .card:before, :root[data-vm-header-style="galaxy-neon"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="galaxy-neon"] .modalCard .modalHead:before{background:radial-gradient(circle at 18% 32%,rgba(255,255,255,0.32) 0 1px,transparent 2px),radial-gradient(circle at 62% 18%,rgba(255,255,255,0.22) 0 1px,transparent 2px),radial-gradient(circle at 82% 72%,rgba(255,255,255,0.2) 0 1px,transparent 2px),linear-gradient(120deg,rgba(177,92,255,0.12),transparent 45%,rgba(42,145,255,0.13));}
:root[data-vm-header-style="laser-show"] .subHero > .card, :root[data-vm-header-style="laser-show"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="laser-show"] .modalCard .modalHead{background:radial-gradient(circle at 18% 0%,rgba(52,245,197,0.24),transparent 34%),radial-gradient(circle at 82% 0%,rgba(255,72,190,0.24),transparent 35%),linear-gradient(135deg,rgba(6,10,30,0.97),rgba(18,21,52,0.88)) !important;box-shadow:0 35px 122px rgba(0,0,0,0.42),0 0 90px rgba(255,72,190,0.13),0 0 88px rgba(52,245,197,0.13) !important;}
:root[data-vm-header-style="laser-show"] .subHero > .card:before, :root[data-vm-header-style="laser-show"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="laser-show"] .modalCard .modalHead:before{background:linear-gradient( 104deg,transparent 0 26%,rgba(52,245,197,0.22) 32%,transparent 38% 55%,rgba(255,72,190,0.2) 62%,transparent 70% ),linear-gradient(76deg,transparent 0 34%,rgba(42,145,255,0.2) 47%,transparent 58%);}
:root[data-vm-header-style="blue-flame"] .subHero > .card, :root[data-vm-header-style="blue-flame"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="blue-flame"] .modalCard .modalHead{background:radial-gradient(ellipse at 22% 100%,rgba(52,245,197,0.26),transparent 42%),radial-gradient(ellipse at 70% 105%,rgba(42,145,255,0.5),transparent 46%),linear-gradient(135deg,rgba(5,13,34,0.97),rgba(8,28,64,0.88)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 110px rgba(42,145,255,0.22) !important;}
:root[data-vm-header-style="blue-flame"] .subHero > .card:before, :root[data-vm-header-style="blue-flame"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="blue-flame"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 30% 110%,rgba(52,245,197,0.24),transparent 34%),radial-gradient(ellipse at 50% 115%,rgba(42,145,255,0.26),transparent 36%),radial-gradient(ellipse at 72% 110%,rgba(75,120,255,0.24),transparent 34%);}
:root[data-vm-header-style="sunset-club"] .subHero > .card, :root[data-vm-header-style="sunset-club"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="sunset-club"] .modalCard .modalHead{background:radial-gradient(circle at 16% 22%,rgba(255,122,24,0.48),transparent 36%),radial-gradient(circle at 88% 16%,rgba(255,72,190,0.3),transparent 38%),radial-gradient(circle at 72% 95%,rgba(42,145,255,0.28),transparent 42%),linear-gradient(135deg,rgba(43,19,31,0.94),rgba(13,22,54,0.86)) !important;box-shadow:0 36px 125px rgba(0,0,0,0.43),0 0 90px rgba(255,122,24,0.18),0 0 72px rgba(255,72,190,0.13) !important;}
:root[data-vm-header-style="deep-ocean"] .subHero > .card, :root[data-vm-header-style="deep-ocean"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="deep-ocean"] .modalCard .modalHead{background:radial-gradient(circle at 18% 18%,rgba(52,245,197,0.26),transparent 36%),radial-gradient(circle at 86% 22%,rgba(42,145,255,0.4),transparent 42%),linear-gradient(135deg,rgba(3,18,34,0.97),rgba(5,40,62,0.86)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 94px rgba(52,245,197,0.14),0 0 98px rgba(42,145,255,0.17) !important;}
:root[data-vm-header-style="deep-ocean"] .subHero > .card:before, :root[data-vm-header-style="deep-ocean"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="deep-ocean"] .modalCard .modalHead:before{background:linear-gradient( 110deg,transparent,rgba(52,245,197,0.12),transparent 45%,rgba(42,145,255,0.15),transparent );}
:root[data-vm-header-style="purple-lux"] .subHero > .card, :root[data-vm-header-style="purple-lux"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="purple-lux"] .modalCard .modalHead{background:radial-gradient(circle at 18% 16%,rgba(177,92,255,0.5),transparent 36%),radial-gradient(circle at 84% 18%,rgba(255,72,190,0.3),transparent 38%),linear-gradient(135deg,rgba(17,8,36,0.96),rgba(32,18,58,0.86)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 96px rgba(177,92,255,0.2),0 0 70px rgba(255,72,190,0.12) !important;}
:root[data-vm-header-style="gold-luxury"] .subHero > .card, :root[data-vm-header-style="gold-luxury"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="gold-luxury"] .modalCard .modalHead{background:radial-gradient(circle at 20% 8%,rgba(255,204,112,0.42),transparent 34%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.26),transparent 38%),linear-gradient(135deg,rgba(44,30,14,0.96),rgba(20,22,44,0.86)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 98px rgba(255,184,70,0.21),inset 0 1px 0 rgba(255,233,180,0.22) !important;}
:root[data-vm-header-style="gold-luxury"] .subHero > .card h1, :root[data-vm-header-style="gold-luxury"] .vmHeaderStylePreview > .card h1{background:linear-gradient(90deg,#fff,#ffd78c,#fff);-webkit-background-clip:text;background-clip:text;color:transparent !important;text-shadow:none !important;}
:root[data-vm-header-style="chrome-3d"] .subHero > .card, :root[data-vm-header-style="chrome-3d"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="chrome-3d"] .modalCard .modalHead{background:linear-gradient( 145deg,rgba(255,255,255,0.2),rgba(42,145,255,0.13) 28%,rgba(13,19,45,0.92) 52%,rgba(255,122,24,0.12) 76%,rgba(255,255,255,0.13) ) !important;box-shadow:0 40px 135px rgba(0,0,0,0.46),inset 0 2px 0 rgba(255,255,255,0.3),inset 0 -1px 0 rgba(0,0,0,0.3),0 0 88px rgba(255,255,255,0.08) !important;}
:root[data-vm-header-style="chrome-3d"] .subHero > .card:before, :root[data-vm-header-style="chrome-3d"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="chrome-3d"] .modalCard .modalHead:before{background:linear-gradient( 180deg,rgba(255,255,255,0.22),transparent 35%,rgba(255,255,255,0.06) 58%,transparent );}
:root[data-vm-header-style="chrome-3d"] .subHero > .card h1, :root[data-vm-header-style="chrome-3d"] .vmHeaderStylePreview > .card h1{text-shadow:0 1px 0 rgba(255,255,255,0.22),0 14px 34px rgba(0,0,0,0.52),0 0 28px rgba(42,145,255,0.16) !important;}
:root[data-vm-header-style="hologram"] .subHero > .card, :root[data-vm-header-style="hologram"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="hologram"] .modalCard .modalHead{background:linear-gradient( 120deg,rgba(52,245,197,0.18),rgba(42,145,255,0.24),rgba(255,72,190,0.16),rgba(255,122,24,0.16),rgba(52,245,197,0.16) ) !important;background-size:300% 300% !important;backdrop-filter:blur(22px) saturate(1.25) !important;box-shadow:0 36px 126px rgba(0,0,0,0.42),0 0 96px rgba(52,245,197,0.13),0 0 80px rgba(255,72,190,0.12) !important;}
:root[data-vm-header-style="hologram"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="hologram"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{animation:vmHeaderFloatGlow var(--vmHeaderSpeed) ease-in-out infinite !important;}
:root[data-vm-header-style="stage-lights"] .subHero > .card, :root[data-vm-header-style="stage-lights"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="stage-lights"] .modalCard .modalHead{background:radial-gradient(ellipse at 18% -20%,rgba(255,122,24,0.42),transparent 44%),radial-gradient(ellipse at 50% -25%,rgba(255,255,255,0.18),transparent 38%),radial-gradient(ellipse at 84% -20%,rgba(42,145,255,0.44),transparent 45%),linear-gradient(135deg,rgba(6,8,22,0.97),rgba(18,20,45,0.9)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 90px rgba(255,122,24,0.13),0 0 100px rgba(42,145,255,0.15) !important;}
:root[data-vm-header-style="stage-lights"] .subHero > .card:before, :root[data-vm-header-style="stage-lights"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="stage-lights"] .modalCard .modalHead:before{background:linear-gradient(105deg,transparent 0 14%,rgba(255,122,24,0.22) 28%,transparent 44%),linear-gradient(76deg,transparent 0 56%,rgba(42,145,255,0.24) 72%,transparent 90%);}
:root[data-vm-header-style="premium-red-blue"] .subHero > .card, :root[data-vm-header-style="premium-red-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="premium-red-blue"] .modalCard .modalHead{background:radial-gradient(circle at 15% 20%,rgba(255,62,72,0.4),transparent 36%),radial-gradient(circle at 88% 20%,rgba(42,145,255,0.42),transparent 38%),linear-gradient(135deg,rgba(32,9,22,0.96),rgba(8,20,54,0.88)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 86px rgba(255,62,72,0.15),0 0 94px rgba(42,145,255,0.18) !important;}
:root[data-vm-header-style="ice-orange"] .subHero > .card, :root[data-vm-header-style="ice-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ice-orange"] .modalCard .modalHead{background:radial-gradient(circle at 14% 18%,rgba(180,238,255,0.3),transparent 36%),radial-gradient(circle at 84% 22%,rgba(255,122,24,0.42),transparent 38%),linear-gradient(135deg,rgba(7,20,38,0.96),rgba(36,22,18,0.86)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 94px rgba(180,238,255,0.12),0 0 92px rgba(255,122,24,0.17) !important;}
:root[data-vm-header-style="cyber-blue"] .subHero > .card, :root[data-vm-header-style="cyber-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="cyber-blue"] .modalCard .modalHead{background:radial-gradient(circle at 14% 20%,rgba(42,145,255,0.42),transparent 36%),radial-gradient(circle at 88% 18%,rgba(52,245,197,0.22),transparent 38%),linear-gradient(135deg,rgba(5,13,35,0.96),rgba(7,31,68,0.86)) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 108px rgba(42,145,255,0.22) !important;}
:root[data-vm-header-style="music-waves"] .subHero > .card:before, :root[data-vm-header-style="music-waves"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="music-waves"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 50% 105%,rgba(52,245,197,0.16),transparent 44%),linear-gradient( 110deg,transparent,rgba(52,245,197,0.13),transparent 45%,rgba(42,145,255,0.13),transparent ) !important;}
.subHero > .card, .vmHeaderStylePreview > .card, .modalCard .modalHead{transform:translateZ(0);border:1px solid rgba(255,255,255,0.16) !important;}
.subHero > .card h1, .vmHeaderStylePreview > .card h1{letter-spacing:0.02em;text-shadow:0 12px 38px rgba(0,0,0,0.52),0 0 36px rgba(42,145,255,0.16) !important;}
.subHero > .card p, .vmHeaderStylePreview > .card p{text-shadow:0 8px 24px rgba(0,0,0,0.42) !important;}
:root[data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-animate="1"] .vmHeaderStylePreview > .card, :root[data-vm-header-animate="1"] .modalCard .modalHead{animation:vmHeaderDepthBreath calc(var(--vmHeaderPulse) * 1.25) ease-in-out infinite alternate;}
@keyframes vmHeaderDepthBreath { from { filter: saturate(1.08) brightness(1); } to { filter: saturate(1.28) brightness(1.08); } }
:root[data-vm-header-style] .subHero > .card:after, :root[data-vm-header-style] .vmHeaderStylePreview > .card:after, :root[data-vm-header-style] .modalCard .modalHead:after{inset:-55% -30%;background:linear-gradient( 112deg,transparent 0 35%,rgba(255,255,255,0.13) 43%,rgba(255,122,24,0.26) 49%,rgba(42,145,255,0.24) 55%,rgba(255,255,255,0.1) 61%,transparent 70% 100% ) !important;mix-blend-mode:screen;}
:root[data-vm-header-style="electric-aurora"] .subHero > .card, :root[data-vm-header-style="electric-aurora"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="electric-aurora"] .modalCard .modalHead{background:radial-gradient(circle at 12% 15%,rgba(0,225,255,0.5),transparent 32%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.46),transparent 36%),radial-gradient(circle at 50% 110%,rgba(120,80,255,0.3),transparent 42%),linear-gradient(128deg,rgba(4,12,34,0.98),rgba(8,33,73,0.9) 48%,rgba(35,15,55,0.86)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.48),0 0 125px rgba(0,225,255,0.24),0 0 115px rgba(255,122,24,0.23),inset 0 1px 0 rgba(255,255,255,0.24) !important;}
:root[data-vm-header-style="electric-aurora"] .subHero > .card:before, :root[data-vm-header-style="electric-aurora"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="electric-aurora"] .modalCard .modalHead:before{background:linear-gradient( 110deg,rgba(0,225,255,0.2),transparent 28%,rgba(255,122,24,0.18) 56%,transparent 78% ),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.16),transparent 55%) !important;}
:root[data-vm-header-style="vm-club-pro"] .subHero > .card, :root[data-vm-header-style="vm-club-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="vm-club-pro"] .modalCard .modalHead{background:radial-gradient(ellipse at 18% -8%,rgba(255,122,24,0.62),transparent 42%),radial-gradient(ellipse at 84% -10%,rgba(42,145,255,0.62),transparent 44%),radial-gradient(circle at 50% 115%,rgba(255,255,255,0.12),transparent 42%),linear-gradient(135deg,rgba(6,8,24,0.99),rgba(12,20,50,0.94)) !important;box-shadow:0 44px 145px rgba(0,0,0,0.5),0 0 120px rgba(255,122,24,0.26),0 0 120px rgba(42,145,255,0.26),inset 0 0 0 1px rgba(255,255,255,0.08) !important;}
:root[data-vm-header-style="vm-club-pro"] .subHero > .card:before, :root[data-vm-header-style="vm-club-pro"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="vm-club-pro"] .modalCard .modalHead:before{background:linear-gradient(103deg,transparent 0 13%,rgba(255,122,24,0.25) 30%,transparent 46%),linear-gradient(77deg,transparent 0 54%,rgba(42,145,255,0.28) 72%,transparent 92%) !important;}
:root[data-vm-header-style="aqua-orange-lux"] .subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aqua-orange-lux"] .modalCard .modalHead{background:radial-gradient(circle at 18% 18%,rgba(0,238,255,0.44),transparent 36%),radial-gradient(circle at 86% 20%,rgba(255,132,30,0.54),transparent 38%),linear-gradient(135deg,rgba(5,21,43,0.98),rgba(7,34,66,0.9) 54%,rgba(37,20,22,0.82)) !important;box-shadow:0 40px 138px rgba(0,0,0,0.48),0 0 100px rgba(0,238,255,0.2),0 0 105px rgba(255,132,30,0.24) !important;}
:root[data-vm-header-style="aqua-orange-lux"] .subHero > .card:before, :root[data-vm-header-style="aqua-orange-lux"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="aqua-orange-lux"] .modalCard .modalHead:before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.16),transparent 48%),linear-gradient(90deg,rgba(0,238,255,0.2),transparent 50%,rgba(255,132,30,0.24)) !important;}
:root[data-vm-header-style="plasma-blue"] .subHero > .card, :root[data-vm-header-style="plasma-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="plasma-blue"] .modalCard .modalHead{background:radial-gradient(circle at 16% 24%,rgba(52,245,197,0.34),transparent 34%),radial-gradient(circle at 72% 18%,rgba(42,145,255,0.58),transparent 42%),radial-gradient(circle at 92% 70%,rgba(120,80,255,0.25),transparent 38%),linear-gradient(135deg,rgba(3,10,31,0.99),rgba(5,28,67,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.49),0 0 135px rgba(42,145,255,0.28),0 0 90px rgba(52,245,197,0.18) !important;}
:root[data-vm-header-style="sunset-neon-pro"] .subHero > .card, :root[data-vm-header-style="sunset-neon-pro"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="sunset-neon-pro"] .modalCard .modalHead{background:radial-gradient(circle at 13% 20%,rgba(255,122,24,0.62),transparent 38%),radial-gradient(circle at 52% 0%,rgba(255,72,190,0.32),transparent 36%),radial-gradient(circle at 90% 22%,rgba(42,145,255,0.42),transparent 39%),linear-gradient(135deg,rgba(32,12,30,0.98),rgba(7,21,55,0.9)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.48),0 0 115px rgba(255,122,24,0.25),0 0 90px rgba(42,145,255,0.18) !important;}
:root[data-vm-header-style="crystal-blue-3d"] .subHero > .card, :root[data-vm-header-style="crystal-blue-3d"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="crystal-blue-3d"] .modalCard .modalHead{background:linear-gradient( 145deg,rgba(255,255,255,0.2),rgba(180,238,255,0.18) 18%,rgba(42,145,255,0.23) 38%,rgba(8,18,46,0.96) 62%,rgba(255,122,24,0.11) 88% ) !important;box-shadow:0 45px 150px rgba(0,0,0,0.52),inset 0 2px 0 rgba(255,255,255,0.36),inset 0 -2px 0 rgba(0,0,0,0.32),0 0 115px rgba(42,145,255,0.2) !important;}
:root[data-vm-header-style="crystal-blue-3d"] .subHero > .card:before, :root[data-vm-header-style="crystal-blue-3d"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="crystal-blue-3d"] .modalCard .modalHead:before{background:linear-gradient( 118deg,rgba(255,255,255,0.26),transparent 28%,rgba(180,238,255,0.16) 50%,transparent 72%,rgba(255,122,24,0.12) ) !important;}
:root[data-vm-header-style="neon-ribbon"] .subHero > .card, :root[data-vm-header-style="neon-ribbon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="neon-ribbon"] .modalCard .modalHead{background:radial-gradient(circle at 10% 20%,rgba(42,145,255,0.36),transparent 34%),radial-gradient(circle at 90% 22%,rgba(255,122,24,0.4),transparent 36%),linear-gradient(135deg,rgba(5,8,27,0.99),rgba(12,18,48,0.92)) !important;box-shadow:0 40px 138px rgba(0,0,0,0.48),0 0 110px rgba(42,145,255,0.2),0 0 92px rgba(255,122,24,0.19) !important;}
:root[data-vm-header-style="neon-ribbon"] .subHero > .card:before, :root[data-vm-header-style="neon-ribbon"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="neon-ribbon"] .modalCard .modalHead:before{background:linear-gradient( 100deg,transparent 0 22%,rgba(42,145,255,0.28) 36%,rgba(255,255,255,0.16) 45%,rgba(255,122,24,0.28) 58%,transparent 72% ) !important;}
:root[data-vm-header-style="radio-waves-3d"] .subHero > .card, :root[data-vm-header-style="radio-waves-3d"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="radio-waves-3d"] .modalCard .modalHead{background:radial-gradient(ellipse at 18% 100%,rgba(255,122,24,0.28),transparent 38%),radial-gradient(ellipse at 82% 100%,rgba(42,145,255,0.36),transparent 42%),linear-gradient(135deg,rgba(5,13,34,0.98),rgba(7,26,58,0.9)) !important;box-shadow:0 40px 138px rgba(0,0,0,0.48),0 0 100px rgba(42,145,255,0.18),0 0 80px rgba(255,122,24,0.14) !important;}
:root[data-vm-header-style="radio-waves-3d"] .subHero > .card:before, :root[data-vm-header-style="radio-waves-3d"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="radio-waves-3d"] .modalCard .modalHead:before{background:radial-gradient( ellipse at 50% 115%,transparent 20%,rgba(42,145,255,0.22) 21% 23%,transparent 24% 34%,rgba(255,122,24,0.16) 35% 37%,transparent 38% 48%,rgba(255,255,255,0.1) 49% 51%,transparent 52% ) !important;}
:root[data-vm-header-style="storm-orange"] .subHero > .card, :root[data-vm-header-style="storm-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="storm-orange"] .modalCard .modalHead{background:radial-gradient(circle at 16% 18%,rgba(255,122,24,0.54),transparent 35%),radial-gradient(circle at 86% 28%,rgba(42,145,255,0.28),transparent 38%),linear-gradient(135deg,rgba(15,18,34,0.99),rgba(32,23,24,0.91)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 118px rgba(255,122,24,0.24),0 0 80px rgba(42,145,255,0.13) !important;}
:root[data-vm-header-style="storm-orange"] .subHero > .card:before, :root[data-vm-header-style="storm-orange"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="storm-orange"] .modalCard .modalHead:before{background:linear-gradient(104deg,transparent 0 18%,rgba(255,255,255,0.18) 30%,transparent 42%),linear-gradient(80deg,transparent 0 55%,rgba(255,122,24,0.28) 70%,transparent 90%) !important;}
:root[data-vm-header-style="ultraviolet-stage"] .subHero > .card, :root[data-vm-header-style="ultraviolet-stage"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ultraviolet-stage"] .modalCard .modalHead{background:radial-gradient(ellipse at 15% -10%,rgba(177,92,255,0.6),transparent 42%),radial-gradient(ellipse at 85% -10%,rgba(42,145,255,0.42),transparent 44%),radial-gradient(circle at 50% 105%,rgba(255,122,24,0.18),transparent 40%),linear-gradient(135deg,rgba(12,6,30,0.99),rgba(24,13,52,0.9)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 120px rgba(177,92,255,0.24),0 0 82px rgba(42,145,255,0.14) !important;}
:root[data-vm-header-style="ice-fire-laser"] .subHero > .card, :root[data-vm-header-style="ice-fire-laser"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ice-fire-laser"] .modalCard .modalHead{background:radial-gradient(circle at 13% 18%,rgba(180,238,255,0.48),transparent 36%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.58),transparent 38%),linear-gradient(135deg,rgba(5,19,39,0.99),rgba(37,16,19,0.9)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 112px rgba(180,238,255,0.18),0 0 120px rgba(255,122,24,0.25) !important;}
:root[data-vm-header-style="ice-fire-laser"] .subHero > .card:before, :root[data-vm-header-style="ice-fire-laser"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="ice-fire-laser"] .modalCard .modalHead:before{background:linear-gradient( 100deg,rgba(180,238,255,0.2),transparent 40%,rgba(255,255,255,0.13) 50%,rgba(255,122,24,0.25) 62%,transparent 84% ) !important;}
:root[data-vm-header-style="ocean-sunrise"] .subHero > .card, :root[data-vm-header-style="ocean-sunrise"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ocean-sunrise"] .modalCard .modalHead{background:radial-gradient(circle at 18% 18%,rgba(52,245,197,0.44),transparent 36%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.44),transparent 38%),linear-gradient( 135deg,rgba(3,20,35,0.99),rgba(5,45,70,0.88) 55%,rgba(34,23,22,0.82) ) !important;box-shadow:0 42px 140px rgba(0,0,0,0.48),0 0 100px rgba(52,245,197,0.18),0 0 100px rgba(255,122,24,0.2) !important;}
:root[data-vm-header-style="cosmic-orange"] .subHero > .card, :root[data-vm-header-style="cosmic-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="cosmic-orange"] .modalCard .modalHead{background:radial-gradient(circle at 15% 18%,rgba(255,122,24,0.56),transparent 36%),radial-gradient(circle at 80% 26%,rgba(120,80,255,0.4),transparent 38%),radial-gradient(circle at 50% 112%,rgba(42,145,255,0.25),transparent 42%),linear-gradient(135deg,rgba(14,8,30,0.99),rgba(24,17,52,0.9)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 116px rgba(255,122,24,0.24),0 0 88px rgba(120,80,255,0.18) !important;}
:root[data-vm-header-style="metal-blue-orange"] .subHero > .card, :root[data-vm-header-style="metal-blue-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="metal-blue-orange"] .modalCard .modalHead{background:linear-gradient( 142deg,rgba(255,255,255,0.16),rgba(42,145,255,0.22) 18%,rgba(6,13,32,0.98) 45%,rgba(255,122,24,0.2) 78%,rgba(255,255,255,0.1) ) !important;box-shadow:0 44px 148px rgba(0,0,0,0.52),inset 0 2px 0 rgba(255,255,255,0.28),inset 0 -2px 0 rgba(0,0,0,0.34),0 0 110px rgba(42,145,255,0.18),0 0 90px rgba(255,122,24,0.16) !important;}
:root[data-vm-header-style="metal-blue-orange"] .subHero > .card:before, :root[data-vm-header-style="metal-blue-orange"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="metal-blue-orange"] .modalCard .modalHead:before{background:linear-gradient( 180deg,rgba(255,255,255,0.2),transparent 35%,rgba(255,255,255,0.06) 58%,transparent ),linear-gradient( 108deg,transparent,rgba(42,145,255,0.18),transparent 55%,rgba(255,122,24,0.14) ) !important;}
:root[data-vm-header-style="velvet-neon"] .subHero > .card, :root[data-vm-header-style="velvet-neon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="velvet-neon"] .modalCard .modalHead{background:radial-gradient(circle at 16% 18%,rgba(255,72,190,0.4),transparent 36%),radial-gradient(circle at 84% 22%,rgba(42,145,255,0.42),transparent 38%),radial-gradient(circle at 50% 110%,rgba(255,122,24,0.18),transparent 42%),linear-gradient(135deg,rgba(16,5,26,0.99),rgba(8,18,48,0.91)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 95px rgba(255,72,190,0.18),0 0 100px rgba(42,145,255,0.18) !important;}
:root[data-vm-header-style="spectrum-live"] .subHero > .card, :root[data-vm-header-style="spectrum-live"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="spectrum-live"] .modalCard .modalHead{background:linear-gradient( 118deg,rgba(255,122,24,0.48),rgba(255,72,190,0.32),rgba(42,145,255,0.52),rgba(52,245,197,0.33),rgba(255,122,24,0.42) ) !important;background-size:420% 420% !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 112px rgba(42,145,255,0.22),0 0 100px rgba(255,122,24,0.2) !important;}
:root[data-vm-header-style="spectrum-live"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="spectrum-live"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{animation:vmHeaderAurora calc(var(--vmHeaderSpeed) * 0.85) ease-in-out infinite alternate !important;}
:root[data-vm-header-style="prism-glass"] .subHero > .card, :root[data-vm-header-style="prism-glass"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="prism-glass"] .modalCard .modalHead{background:linear-gradient( 135deg,rgba(255,255,255,0.18),rgba(0,225,255,0.13) 28%,rgba(255,72,190,0.1) 48%,rgba(255,122,24,0.11) 70%,rgba(255,255,255,0.12) ) !important;backdrop-filter:blur(26px) saturate(1.45) !important;box-shadow:0 44px 148px rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.32),0 0 105px rgba(255,255,255,0.09) !important;}
:root[data-vm-header-style="prism-glass"] .subHero > .card:before, :root[data-vm-header-style="prism-glass"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="prism-glass"] .modalCard .modalHead:before{background:linear-gradient( 108deg,rgba(255,255,255,0.23),transparent 30%,rgba(0,225,255,0.16) 48%,transparent 62%,rgba(255,122,24,0.14) ) !important;}
:root[data-vm-header-style="diamond-blue"] .subHero > .card, :root[data-vm-header-style="diamond-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="diamond-blue"] .modalCard .modalHead{background:radial-gradient(circle at 16% 14%,rgba(255,255,255,0.22),transparent 30%),radial-gradient(circle at 84% 18%,rgba(42,145,255,0.5),transparent 38%),linear-gradient(135deg,rgba(7,19,45,0.99),rgba(5,31,69,0.9)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.49),0 0 122px rgba(42,145,255,0.24),inset 0 1px 0 rgba(255,255,255,0.28) !important;}
:root[data-vm-header-style="tiger-blue"] .subHero > .card, :root[data-vm-header-style="tiger-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="tiger-blue"] .modalCard .modalHead{background:radial-gradient(circle at 14% 18%,rgba(255,122,24,0.58),transparent 36%),radial-gradient(circle at 86% 22%,rgba(42,145,255,0.58),transparent 38%),linear-gradient(135deg,rgba(6,9,29,0.99),rgba(8,21,53,0.92)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 120px rgba(255,122,24,0.25),0 0 120px rgba(42,145,255,0.25) !important;}
:root[data-vm-header-style="tiger-blue"] .subHero > .card:before, :root[data-vm-header-style="tiger-blue"] .vmHeaderStylePreview > .card:before, :root[data-vm-header-style="tiger-blue"] .modalCard .modalHead:before{background:linear-gradient( 106deg,rgba(255,122,24,0.22),transparent 31%,rgba(255,255,255,0.12) 48%,transparent 58%,rgba(42,145,255,0.24) ) !important;}
:root[data-vm-header-style="premium-carbon"] .subHero > .card, :root[data-vm-header-style="premium-carbon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="premium-carbon"] .modalCard .modalHead{background:radial-gradient(circle at 15% 18%,rgba(255,122,24,0.34),transparent 35%),radial-gradient(circle at 86% 20%,rgba(42,145,255,0.36),transparent 38%),linear-gradient( 145deg,rgba(255,255,255,0.08),rgba(8,12,28,0.99) 32%,rgba(10,17,38,0.96) 68%,rgba(255,255,255,0.06) ) !important;box-shadow:0 44px 148px rgba(0,0,0,0.52),inset 0 2px 0 rgba(255,255,255,0.16),inset 0 -2px 0 rgba(0,0,0,0.4),0 0 100px rgba(42,145,255,0.13),0 0 84px rgba(255,122,24,0.13) !important;}
:root[data-vm-header-style="virtualmix-premium"] .subHero > .card, :root[data-vm-header-style="virtualmix-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="virtualmix-premium"] .modalCard .modalHead{background:radial-gradient(circle at 12% 16%,rgba(255,122,24,0.58),transparent 36%),radial-gradient(circle at 88% 18%,rgba(42,145,255,0.56),transparent 40%),radial-gradient(circle at 50% 112%,rgba(0,225,255,0.18),transparent 42%),linear-gradient(135deg,rgba(5,9,28,0.99),rgba(9,22,55,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 120px rgba(255,122,24,0.24),0 0 120px rgba(42,145,255,0.24) !important;}
:root[data-vm-header-style="vm-energy"] .subHero > .card, :root[data-vm-header-style="vm-energy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="vm-energy"] .modalCard .modalHead{background:radial-gradient(circle at 13% 20%,rgba(255,122,24,0.62),transparent 36%),radial-gradient(circle at 88% 20%,rgba(42,145,255,0.58),transparent 38%),linear-gradient(135deg,rgba(6,8,26,0.99),rgba(10,22,55,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 122px rgba(255,122,24,0.26),0 0 122px rgba(42,145,255,0.24) !important;}
:root[data-vm-header-style="blue-orange-neon"] .subHero > .card, :root[data-vm-header-style="blue-orange-neon"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="blue-orange-neon"] .modalCard .modalHead{background:radial-gradient(circle at 14% 18%,rgba(0,225,255,0.48),transparent 36%),radial-gradient(circle at 86% 20%,rgba(255,122,24,0.58),transparent 39%),linear-gradient(135deg,rgba(4,14,36,0.99),rgba(8,24,58,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 120px rgba(0,225,255,0.22),0 0 120px rgba(255,122,24,0.24) !important;}
:root[data-vm-header-style="premium-gold"] .subHero > .card, :root[data-vm-header-style="premium-gold"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="premium-gold"] .modalCard .modalHead, :root[data-vm-header-style="gold-luxury"] .subHero > .card, :root[data-vm-header-style="gold-luxury"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="gold-luxury"] .modalCard .modalHead{background:radial-gradient(circle at 15% 12%,rgba(255,204,112,0.5),transparent 35%),radial-gradient(circle at 86% 22%,rgba(42,145,255,0.26),transparent 40%),linear-gradient(135deg,rgba(20,18,36,0.98),rgba(30,22,42,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 118px rgba(255,184,70,0.22),0 0 78px rgba(42,145,255,0.12) !important;}
:root[data-vm-tile-intensity="soft"]{--vmTileGlow:0.55;--vmTileLine:0.16;--vmTileBlur:54px;--vmTileSweep:0.42;}
:root[data-vm-tile-intensity="normal"], :root:not([data-vm-tile-intensity]){--vmTileGlow:0.82;--vmTileLine:0.24;--vmTileBlur:78px;--vmTileSweep:0.58;}
:root[data-vm-tile-intensity="strong"]{--vmTileGlow:1;--vmTileLine:0.34;--vmTileBlur:105px;--vmTileSweep:0.74;}
:root[data-vm-tile-animate="1"]{--vmTileSpeed:10s;}
:root[data-vm-tile-animate="0"]{--vmTileSpeed:0s;}
body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), body .listenLayout .card, body .quickTiles a, body .quickTiles button, body .vmTileStylePreviewCardItem, :root[data-vm-tile-style] body .vmChartRow, :root[data-vm-tile-style] body .vmScheduleCard, :root[data-vm-tile-style] body .vmTeamCard, :root[data-vm-tile-style] body .vmTodaySchedule, :root[data-vm-tile-style] body .vmTodaySchedule .vmScheduleCard{transition:background 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease,transform 0.25s ease;}
:root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .listenLayout .card, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles a, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles button, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .vmTileStylePreviewCardItem{position:relative;overflow:hidden;isolation:isolate;}
:root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard) > *, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .listenLayout .card > *, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles a > *, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles button > *, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .vmTileStylePreviewCardItem > *{position:relative;z-index:2;}
:root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .listenLayout .card::before, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles a::before, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles button::before, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .vmTileStylePreviewCardItem::before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--vmTileGlow) * 0.92);}
:root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::after, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .listenLayout .card::after, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles a::after, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .quickTiles button::after, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body .vmTileStylePreviewCardItem::after{content:"";position:absolute;inset:-45% -28%;z-index:1;pointer-events:none;border-radius:inherit;opacity:var(--vmTileSweep);background:linear-gradient( 115deg,transparent 0 38%,rgba(255,255,255,0.15) 45%,rgba(255,122,24,0.2) 50%,rgba(47,140,255,0.18) 56%,transparent 64% 100% );transform:translateX(-72%) skewX(-12deg);}
:root[data-vm-tile-animate="1"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::after, :root[data-vm-tile-animate="1"] body .listenLayout .card::after, :root[data-vm-tile-animate="1"] body .quickTiles a::after, :root[data-vm-tile-animate="1"] body .quickTiles button::after, :root[data-vm-tile-animate="1"] body .vmTileStylePreviewCardItem::after, :root[data-vm-tile-style] body .vmChartRow::after, :root[data-vm-tile-style] body .vmScheduleCard::after, :root[data-vm-tile-style] body .vmTeamCard::after, :root[data-vm-tile-style] body .vmTodaySchedule::after, :root[data-vm-tile-style] body .vmTodaySchedule .vmScheduleCard::after{animation:vmTileSweep var(--vmTileSpeed) ease-in-out infinite;}
:root[data-vm-tile-animate="0"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::after, :root[data-vm-tile-animate="0"] body .listenLayout .card::after, :root[data-vm-tile-animate="0"] body .quickTiles a::after, :root[data-vm-tile-animate="0"] body .quickTiles button::after, :root[data-vm-tile-animate="0"] body .vmTileStylePreviewCardItem::after, :root[data-vm-tile-style] body .vmChartRow::after, :root[data-vm-tile-style] body .vmScheduleCard::after, :root[data-vm-tile-style] body .vmTeamCard::after, :root[data-vm-tile-style] body .vmTodaySchedule::after, :root[data-vm-tile-style] body .vmTodaySchedule .vmScheduleCard::after{display:none !important;animation:none !important;}
@keyframes vmTileSweep { 0%, 42% { transform: translateX(-72%) skewX(-12deg); opacity: 0; } 52% { opacity: var(--vmTileSweep); } 78%, 100% { transform: translateX(72%) skewX(-12deg); opacity: 0; } }
.vmTileStylePreviewGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;}
.vmTileStylePreviewCardItem{padding:18px;min-height:128px;}
.vmTileStylePreviewCardItem p{margin:0;color:var(--muted);}
@media (max-width: 800px) { .vmTileStylePreviewGrid { grid-template-columns: 1fr; } }
:root[data-vm-tile-style="glass-premium"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="glass-premium"] body .listenLayout .card, :root[data-vm-tile-style="glass-premium"] body .quickTiles a, :root[data-vm-tile-style="glass-premium"] body .quickTiles button, :root[data-vm-tile-style="glass-premium"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="glass-premium"] body .vmChartRow, :root[data-vm-tile-style="glass-premium"] body .vmScheduleCard, :root[data-vm-tile-style="glass-premium"] body .vmTeamCard, :root[data-vm-tile-style="glass-premium"] body .vmTodaySchedule, :root[data-vm-tile-style="glass-premium"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient( 145deg,rgba(255,255,255,0.15),rgba(255,255,255,0.055) ) !important;border-color:rgba(255,255,255,0.22) !important;box-shadow:0 28px var(--vmTileBlur) rgba(0,0,0,0.36),inset 0 1px 0 rgba(255,255,255,0.22) !important;backdrop-filter:blur(22px) saturate(1.18) !important;}
:root[data-vm-tile-style="glass-premium"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="glass-premium"] body .listenLayout .card::before, :root[data-vm-tile-style="glass-premium"] body .quickTiles a::before, :root[data-vm-tile-style="glass-premium"] body .quickTiles button::before, :root[data-vm-tile-style="glass-premium"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="glass-premium"] body .vmChartRow::before, :root[data-vm-tile-style="glass-premium"] body .vmScheduleCard::before, :root[data-vm-tile-style="glass-premium"] body .vmTeamCard::before, :root[data-vm-tile-style="glass-premium"] body .vmTodaySchedule::before, :root[data-vm-tile-style="glass-premium"] body .vmTodaySchedule .vmScheduleCard::before{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,0.17),transparent 34%),linear-gradient(135deg,rgba(47,140,255,0.1),rgba(255,122,24,0.08));}
:root[data-vm-tile-style="blue-orange-glow"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="blue-orange-glow"] body .listenLayout .card, :root[data-vm-tile-style="blue-orange-glow"] body .quickTiles a, :root[data-vm-tile-style="blue-orange-glow"] body .quickTiles button, :root[data-vm-tile-style="blue-orange-glow"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="blue-orange-glow"] body .vmChartRow, :root[data-vm-tile-style="blue-orange-glow"] body .vmScheduleCard, :root[data-vm-tile-style="blue-orange-glow"] body .vmTeamCard, :root[data-vm-tile-style="blue-orange-glow"] body .vmTodaySchedule, :root[data-vm-tile-style="blue-orange-glow"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 10% 12%,rgba(255,122,24,0.24),transparent 32%),radial-gradient(circle at 90% 14%,rgba(47,140,255,0.28),transparent 36%),linear-gradient(145deg,rgba(7,13,32,0.9),rgba(13,24,55,0.7)) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.4),0 0 calc(var(--vmTileBlur) * 0.62) rgba(255,122,24,0.12),0 0 calc(var(--vmTileBlur) * 0.62) rgba(47,140,255,0.12) !important;}
:root[data-vm-tile-style="blue-orange-glow"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="blue-orange-glow"] body .listenLayout .card::before, :root[data-vm-tile-style="blue-orange-glow"] body .quickTiles a::before, :root[data-vm-tile-style="blue-orange-glow"] body .quickTiles button::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmChartRow::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmScheduleCard::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmTeamCard::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmTodaySchedule::before, :root[data-vm-tile-style="blue-orange-glow"] body .vmTodaySchedule .vmScheduleCard::before{background:linear-gradient( 130deg,rgba(255,122,24,0.16),transparent 42%,rgba(47,140,255,0.18) );}
:root[data-vm-tile-style="neon-edge"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="neon-edge"] body .listenLayout .card, :root[data-vm-tile-style="neon-edge"] body .quickTiles a, :root[data-vm-tile-style="neon-edge"] body .quickTiles button, :root[data-vm-tile-style="neon-edge"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="neon-edge"] body .vmChartRow, :root[data-vm-tile-style="neon-edge"] body .vmScheduleCard, :root[data-vm-tile-style="neon-edge"] body .vmTeamCard, :root[data-vm-tile-style="neon-edge"] body .vmTodaySchedule, :root[data-vm-tile-style="neon-edge"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient(145deg,rgba(8,15,38,0.92),rgba(15,27,58,0.7)) !important;border-color:rgba(52,245,197,0.24) !important;box-shadow:0 28px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.55) rgba(52,245,197,0.14),inset 0 0 0 1px rgba(255,122,24,0.08) !important;}
:root[data-vm-tile-style="neon-edge"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="neon-edge"] body .listenLayout .card::before, :root[data-vm-tile-style="neon-edge"] body .quickTiles a::before, :root[data-vm-tile-style="neon-edge"] body .quickTiles button::before, :root[data-vm-tile-style="neon-edge"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="neon-edge"] body .vmChartRow::before, :root[data-vm-tile-style="neon-edge"] body .vmScheduleCard::before, :root[data-vm-tile-style="neon-edge"] body .vmTeamCard::before, :root[data-vm-tile-style="neon-edge"] body .vmTodaySchedule::before, :root[data-vm-tile-style="neon-edge"] body .vmTodaySchedule .vmScheduleCard::before{background:linear-gradient(90deg,rgba(52,245,197,0.18),transparent 42%,rgba(255,122,24,0.17)),radial-gradient(circle at 88% 15%,rgba(47,140,255,0.18),transparent 35%);}
:root[data-vm-tile-style="liquid-glass"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="liquid-glass"] body .listenLayout .card, :root[data-vm-tile-style="liquid-glass"] body .quickTiles a, :root[data-vm-tile-style="liquid-glass"] body .quickTiles button, :root[data-vm-tile-style="liquid-glass"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="liquid-glass"] body .vmChartRow, :root[data-vm-tile-style="liquid-glass"] body .vmScheduleCard, :root[data-vm-tile-style="liquid-glass"] body .vmTeamCard, :root[data-vm-tile-style="liquid-glass"] body .vmTodaySchedule, :root[data-vm-tile-style="liquid-glass"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 20% 8%,rgba(255,255,255,0.16),transparent 30%),radial-gradient(circle at 82% 12%,rgba(47,140,255,0.18),transparent 36%),linear-gradient(150deg,rgba(255,255,255,0.13),rgba(255,255,255,0.045)) !important;border-color:rgba(255,255,255,0.2) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.25),inset 0 -1px 0 rgba(255,255,255,0.05) !important;backdrop-filter:blur(24px) saturate(1.22) !important;}
:root[data-vm-tile-style="liquid-glass"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="liquid-glass"] body .listenLayout .card::before, :root[data-vm-tile-style="liquid-glass"] body .quickTiles a::before, :root[data-vm-tile-style="liquid-glass"] body .quickTiles button::before, :root[data-vm-tile-style="liquid-glass"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="liquid-glass"] body .vmChartRow::before, :root[data-vm-tile-style="liquid-glass"] body .vmScheduleCard::before, :root[data-vm-tile-style="liquid-glass"] body .vmTeamCard::before, :root[data-vm-tile-style="liquid-glass"] body .vmTodaySchedule::before, :root[data-vm-tile-style="liquid-glass"] body .vmTodaySchedule .vmScheduleCard::before{background:linear-gradient( 110deg,rgba(255,255,255,0.18),transparent 32%,rgba(255,122,24,0.1) 62%,rgba(47,140,255,0.13) );}
:root[data-vm-tile-style="crystal-3d"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="crystal-3d"] body .listenLayout .card, :root[data-vm-tile-style="crystal-3d"] body .quickTiles a, :root[data-vm-tile-style="crystal-3d"] body .quickTiles button, :root[data-vm-tile-style="crystal-3d"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="crystal-3d"] body .vmChartRow, :root[data-vm-tile-style="crystal-3d"] body .vmScheduleCard, :root[data-vm-tile-style="crystal-3d"] body .vmTeamCard, :root[data-vm-tile-style="crystal-3d"] body .vmTodaySchedule, :root[data-vm-tile-style="crystal-3d"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient( 145deg,rgba(255,255,255,0.14),rgba(47,140,255,0.1) 36%,rgba(255,122,24,0.08) 100% ) !important;border-color:rgba(255,255,255,0.24) !important;box-shadow:0 34px var(--vmTileBlur) rgba(0,0,0,0.42),inset 0 2px 0 rgba(255,255,255,0.21),inset 0 -12px 28px rgba(0,0,0,0.12) !important;}
:root[data-vm-tile-style="crystal-3d"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="crystal-3d"] body .listenLayout .card::before, :root[data-vm-tile-style="crystal-3d"] body .quickTiles a::before, :root[data-vm-tile-style="crystal-3d"] body .quickTiles button::before, :root[data-vm-tile-style="crystal-3d"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="crystal-3d"] body .vmChartRow::before, :root[data-vm-tile-style="crystal-3d"] body .vmScheduleCard::before, :root[data-vm-tile-style="crystal-3d"] body .vmTeamCard::before, :root[data-vm-tile-style="crystal-3d"] body .vmTodaySchedule::before, :root[data-vm-tile-style="crystal-3d"] body .vmTodaySchedule .vmScheduleCard::before{background:linear-gradient( 135deg,rgba(255,255,255,0.17) 0 12%,transparent 13% 50%,rgba(255,255,255,0.08) 51% 62%,transparent 63% ),radial-gradient(circle at 80% 15%,rgba(47,140,255,0.18),transparent 34%);}
:root[data-vm-tile-style="cyber-blue"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="cyber-blue"] body .listenLayout .card, :root[data-vm-tile-style="cyber-blue"] body .quickTiles a, :root[data-vm-tile-style="cyber-blue"] body .quickTiles button, :root[data-vm-tile-style="cyber-blue"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="cyber-blue"] body .vmChartRow, :root[data-vm-tile-style="cyber-blue"] body .vmScheduleCard, :root[data-vm-tile-style="cyber-blue"] body .vmTeamCard, :root[data-vm-tile-style="cyber-blue"] body .vmTodaySchedule, :root[data-vm-tile-style="cyber-blue"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient(145deg,rgba(5,18,46,0.94),rgba(8,36,78,0.7)) !important;border-color:rgba(47,140,255,0.28) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.7) rgba(47,140,255,0.18) !important;}
:root[data-vm-tile-style="cyber-blue"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="cyber-blue"] body .listenLayout .card::before, :root[data-vm-tile-style="cyber-blue"] body .quickTiles a::before, :root[data-vm-tile-style="cyber-blue"] body .quickTiles button::before, :root[data-vm-tile-style="cyber-blue"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="cyber-blue"] body .vmChartRow::before, :root[data-vm-tile-style="cyber-blue"] body .vmScheduleCard::before, :root[data-vm-tile-style="cyber-blue"] body .vmTeamCard::before, :root[data-vm-tile-style="cyber-blue"] body .vmTodaySchedule::before, :root[data-vm-tile-style="cyber-blue"] body .vmTodaySchedule .vmScheduleCard::before{background:linear-gradient(90deg,rgba(47,140,255,0.16),transparent 45%,rgba(0,225,255,0.12)),repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,0.045) 39px 40px);}
:root[data-vm-tile-style="aurora-soft"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="aurora-soft"] body .listenLayout .card, :root[data-vm-tile-style="aurora-soft"] body .quickTiles a, :root[data-vm-tile-style="aurora-soft"] body .quickTiles button, :root[data-vm-tile-style="aurora-soft"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="aurora-soft"] body .vmChartRow, :root[data-vm-tile-style="aurora-soft"] body .vmScheduleCard, :root[data-vm-tile-style="aurora-soft"] body .vmTeamCard, :root[data-vm-tile-style="aurora-soft"] body .vmTodaySchedule, :root[data-vm-tile-style="aurora-soft"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient( 120deg,rgba(255,122,24,0.16),rgba(52,245,197,0.11),rgba(47,140,255,0.18),rgba(160,80,255,0.12) ) !important;background-size:260% 260% !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.39),0 0 calc(var(--vmTileBlur) * 0.6) rgba(47,140,255,0.13) !important;}
:root[data-vm-tile-style="aurora-soft"][data-vm-tile-animate="1"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="aurora-soft"][data-vm-tile-animate="1"] body .listenLayout .card, :root[data-vm-tile-style="aurora-soft"][data-vm-tile-animate="1"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style] body .vmChartRow, :root[data-vm-tile-style] body .vmScheduleCard, :root[data-vm-tile-style] body .vmTeamCard, :root[data-vm-tile-style] body .vmTodaySchedule, :root[data-vm-tile-style] body .vmTodaySchedule .vmScheduleCard{animation:vmTileAurora 12s ease-in-out infinite alternate;}
@keyframes vmTileAurora { to { background-position: 100% 50%; } }
:root[data-vm-tile-style="fire-ice"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="fire-ice"] body .listenLayout .card, :root[data-vm-tile-style="fire-ice"] body .quickTiles a, :root[data-vm-tile-style="fire-ice"] body .quickTiles button, :root[data-vm-tile-style="fire-ice"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="fire-ice"] body .vmChartRow, :root[data-vm-tile-style="fire-ice"] body .vmScheduleCard, :root[data-vm-tile-style="fire-ice"] body .vmTeamCard, :root[data-vm-tile-style="fire-ice"] body .vmTodaySchedule, :root[data-vm-tile-style="fire-ice"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 12% 14%,rgba(255,122,24,0.24),transparent 34%),radial-gradient(circle at 88% 16%,rgba(47,140,255,0.26),transparent 36%),linear-gradient(145deg,rgba(12,15,35,0.92),rgba(9,21,50,0.74)) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.58) rgba(255,122,24,0.13),0 0 calc(var(--vmTileBlur) * 0.58) rgba(47,140,255,0.13) !important;}
:root[data-vm-tile-style="diamond-light"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="diamond-light"] body .listenLayout .card, :root[data-vm-tile-style="diamond-light"] body .quickTiles a, :root[data-vm-tile-style="diamond-light"] body .quickTiles button, :root[data-vm-tile-style="diamond-light"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="diamond-light"] body .vmChartRow, :root[data-vm-tile-style="diamond-light"] body .vmScheduleCard, :root[data-vm-tile-style="diamond-light"] body .vmTeamCard, :root[data-vm-tile-style="diamond-light"] body .vmTodaySchedule, :root[data-vm-tile-style="diamond-light"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 12% 10%,rgba(255,255,255,0.18),transparent 30%),linear-gradient(145deg,rgba(16,24,52,0.88),rgba(14,34,68,0.68)) !important;border-color:rgba(255,255,255,0.25) !important;box-shadow:0 32px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.55) rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.22) !important;}
:root[data-vm-tile-style="carbon-pro"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="carbon-pro"] body .listenLayout .card, :root[data-vm-tile-style="carbon-pro"] body .quickTiles a, :root[data-vm-tile-style="carbon-pro"] body .quickTiles button, :root[data-vm-tile-style="carbon-pro"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="carbon-pro"] body .vmChartRow, :root[data-vm-tile-style="carbon-pro"] body .vmScheduleCard, :root[data-vm-tile-style="carbon-pro"] body .vmTeamCard, :root[data-vm-tile-style="carbon-pro"] body .vmTodaySchedule, :root[data-vm-tile-style="carbon-pro"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 12% 12%,rgba(255,122,24,0.15),transparent 34%),radial-gradient(circle at 88% 14%,rgba(47,140,255,0.15),transparent 36%),linear-gradient( 145deg,rgba(255,255,255,0.075),rgba(6,10,25,0.94) 42%,rgba(11,18,40,0.88) ) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 34px var(--vmTileBlur) rgba(0,0,0,0.48),inset 0 1px 0 rgba(255,255,255,0.12) !important;}
:root[data-vm-tile-style="stage-glow"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="stage-glow"] body .listenLayout .card, :root[data-vm-tile-style="stage-glow"] body .quickTiles a, :root[data-vm-tile-style="stage-glow"] body .quickTiles button, :root[data-vm-tile-style="stage-glow"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="stage-glow"] body .vmChartRow, :root[data-vm-tile-style="stage-glow"] body .vmScheduleCard, :root[data-vm-tile-style="stage-glow"] body .vmTeamCard, :root[data-vm-tile-style="stage-glow"] body .vmTodaySchedule, :root[data-vm-tile-style="stage-glow"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 18% 0%,rgba(255,122,24,0.24),transparent 34%),radial-gradient(circle at 82% 0%,rgba(255,63,180,0.17),transparent 34%),radial-gradient(circle at 50% 115%,rgba(47,140,255,0.2),transparent 42%),linear-gradient(145deg,rgba(10,12,32,0.92),rgba(17,22,48,0.72)) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.65) rgba(255,122,24,0.12) !important;}
:root[data-vm-tile-style="ocean-lux"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="ocean-lux"] body .listenLayout .card, :root[data-vm-tile-style="ocean-lux"] body .quickTiles a, :root[data-vm-tile-style="ocean-lux"] body .quickTiles button, :root[data-vm-tile-style="ocean-lux"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="ocean-lux"] body .vmChartRow, :root[data-vm-tile-style="ocean-lux"] body .vmScheduleCard, :root[data-vm-tile-style="ocean-lux"] body .vmTeamCard, :root[data-vm-tile-style="ocean-lux"] body .vmTodaySchedule, :root[data-vm-tile-style="ocean-lux"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 15% 12%,rgba(52,245,197,0.18),transparent 34%),radial-gradient(circle at 88% 20%,rgba(47,140,255,0.28),transparent 38%),linear-gradient(145deg,rgba(4,20,42,0.94),rgba(7,35,72,0.72)) !important;border-color:rgba(47,140,255,0.25) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.7) rgba(47,140,255,0.17) !important;}
:root[data-vm-tile-style="sunset-lux"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="sunset-lux"] body .listenLayout .card, :root[data-vm-tile-style="sunset-lux"] body .quickTiles a, :root[data-vm-tile-style="sunset-lux"] body .quickTiles button, :root[data-vm-tile-style="sunset-lux"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="sunset-lux"] body .vmChartRow, :root[data-vm-tile-style="sunset-lux"] body .vmScheduleCard, :root[data-vm-tile-style="sunset-lux"] body .vmTeamCard, :root[data-vm-tile-style="sunset-lux"] body .vmTodaySchedule, :root[data-vm-tile-style="sunset-lux"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 18% 12%,rgba(255,122,24,0.3),transparent 35%),radial-gradient(circle at 86% 18%,rgba(255,63,180,0.14),transparent 36%),linear-gradient(145deg,rgba(31,16,38,0.92),rgba(10,24,52,0.74)) !important;border-color:rgba(255,122,24,0.2) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.65) rgba(255,122,24,0.16) !important;}
:root[data-vm-tile-style="hologram-line"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="hologram-line"] body .listenLayout .card, :root[data-vm-tile-style="hologram-line"] body .quickTiles a, :root[data-vm-tile-style="hologram-line"] body .quickTiles button, :root[data-vm-tile-style="hologram-line"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="hologram-line"] body .vmChartRow, :root[data-vm-tile-style="hologram-line"] body .vmScheduleCard, :root[data-vm-tile-style="hologram-line"] body .vmTeamCard, :root[data-vm-tile-style="hologram-line"] body .vmTodaySchedule, :root[data-vm-tile-style="hologram-line"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient(145deg,rgba(8,18,44,0.92),rgba(12,30,62,0.72)) !important;border-color:rgba(0,225,255,0.23) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.58) rgba(0,225,255,0.14) !important;}
:root[data-vm-tile-style="hologram-line"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="hologram-line"] body .listenLayout .card::before, :root[data-vm-tile-style="hologram-line"] body .quickTiles a::before, :root[data-vm-tile-style="hologram-line"] body .quickTiles button::before, :root[data-vm-tile-style="hologram-line"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="hologram-line"] body .vmChartRow::before, :root[data-vm-tile-style="hologram-line"] body .vmScheduleCard::before, :root[data-vm-tile-style="hologram-line"] body .vmTeamCard::before, :root[data-vm-tile-style="hologram-line"] body .vmTodaySchedule::before, :root[data-vm-tile-style="hologram-line"] body .vmTodaySchedule .vmScheduleCard::before{background:repeating-linear-gradient(0deg,rgba(0,225,255,0.065) 0 1px,transparent 2px 8px),linear-gradient(115deg,rgba(255,255,255,0.1),transparent 44%,rgba(47,140,255,0.12));}
:root[data-vm-tile-style="music-spectrum"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="music-spectrum"] body .listenLayout .card, :root[data-vm-tile-style="music-spectrum"] body .quickTiles a, :root[data-vm-tile-style="music-spectrum"] body .quickTiles button, :root[data-vm-tile-style="music-spectrum"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="music-spectrum"] body .vmChartRow, :root[data-vm-tile-style="music-spectrum"] body .vmScheduleCard, :root[data-vm-tile-style="music-spectrum"] body .vmTeamCard, :root[data-vm-tile-style="music-spectrum"] body .vmTodaySchedule, :root[data-vm-tile-style="music-spectrum"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient(145deg,rgba(9,16,38,0.92),rgba(14,26,58,0.72)) !important;border-color:rgba(52,245,197,0.21) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.55) rgba(52,245,197,0.11) !important;}
:root[data-vm-tile-style="music-spectrum"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style="music-spectrum"] body .listenLayout .card::before, :root[data-vm-tile-style="music-spectrum"] body .quickTiles a::before, :root[data-vm-tile-style="music-spectrum"] body .quickTiles button::before, :root[data-vm-tile-style="music-spectrum"] body .vmTileStylePreviewCardItem::before, :root[data-vm-tile-style="music-spectrum"] body .vmChartRow::before, :root[data-vm-tile-style="music-spectrum"] body .vmScheduleCard::before, :root[data-vm-tile-style="music-spectrum"] body .vmTeamCard::before, :root[data-vm-tile-style="music-spectrum"] body .vmTodaySchedule::before, :root[data-vm-tile-style="music-spectrum"] body .vmTodaySchedule .vmScheduleCard::before{background:repeating-linear-gradient( 90deg,transparent 0 18px,rgba(52,245,197,0.075) 19px 21px,transparent 22px 34px ),linear-gradient(135deg,rgba(255,122,24,0.12),rgba(47,140,255,0.13));}
:root[data-vm-tile-style="velvet-blue"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="velvet-blue"] body .listenLayout .card, :root[data-vm-tile-style="velvet-blue"] body .quickTiles a, :root[data-vm-tile-style="velvet-blue"] body .quickTiles button, :root[data-vm-tile-style="velvet-blue"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="velvet-blue"] body .vmChartRow, :root[data-vm-tile-style="velvet-blue"] body .vmScheduleCard, :root[data-vm-tile-style="velvet-blue"] body .vmTeamCard, :root[data-vm-tile-style="velvet-blue"] body .vmTodaySchedule, :root[data-vm-tile-style="velvet-blue"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 18% 14%,rgba(160,80,255,0.16),transparent 34%),radial-gradient(circle at 86% 18%,rgba(47,140,255,0.24),transparent 38%),linear-gradient(145deg,rgba(12,12,38,0.94),rgba(13,25,58,0.72)) !important;border-color:rgba(160,80,255,0.19) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.58) rgba(47,140,255,0.13) !important;}
:root[data-vm-tile-style="ice-orange"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="ice-orange"] body .listenLayout .card, :root[data-vm-tile-style="ice-orange"] body .quickTiles a, :root[data-vm-tile-style="ice-orange"] body .quickTiles button, :root[data-vm-tile-style="ice-orange"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="ice-orange"] body .vmChartRow, :root[data-vm-tile-style="ice-orange"] body .vmScheduleCard, :root[data-vm-tile-style="ice-orange"] body .vmTeamCard, :root[data-vm-tile-style="ice-orange"] body .vmTodaySchedule, :root[data-vm-tile-style="ice-orange"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 14% 14%,rgba(0,225,255,0.22),transparent 35%),radial-gradient(circle at 88% 18%,rgba(255,122,24,0.25),transparent 38%),linear-gradient(145deg,rgba(7,17,42,0.94),rgba(12,27,58,0.72)) !important;border-color:rgba(255,255,255,0.18) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.58) rgba(0,225,255,0.13),0 0 calc(var(--vmTileBlur) * 0.48) rgba(255,122,24,0.11) !important;}
:root[data-vm-tile-style="plasma-frame"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="plasma-frame"] body .listenLayout .card, :root[data-vm-tile-style="plasma-frame"] body .quickTiles a, :root[data-vm-tile-style="plasma-frame"] body .quickTiles button, :root[data-vm-tile-style="plasma-frame"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="plasma-frame"] body .vmChartRow, :root[data-vm-tile-style="plasma-frame"] body .vmScheduleCard, :root[data-vm-tile-style="plasma-frame"] body .vmTeamCard, :root[data-vm-tile-style="plasma-frame"] body .vmTodaySchedule, :root[data-vm-tile-style="plasma-frame"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 10% 12%,rgba(255,63,180,0.2),transparent 34%),radial-gradient(circle at 88% 18%,rgba(0,225,255,0.2),transparent 38%),linear-gradient(145deg,rgba(14,10,38,0.94),rgba(9,28,58,0.72)) !important;border-color:rgba(255,63,180,0.22) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.58) rgba(255,63,180,0.12),0 0 calc(var(--vmTileBlur) * 0.58) rgba(0,225,255,0.12) !important;}
:root[data-vm-tile-style="soft-gold"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="soft-gold"] body .listenLayout .card, :root[data-vm-tile-style="soft-gold"] body .quickTiles a, :root[data-vm-tile-style="soft-gold"] body .quickTiles button, :root[data-vm-tile-style="soft-gold"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="soft-gold"] body .vmChartRow, :root[data-vm-tile-style="soft-gold"] body .vmScheduleCard, :root[data-vm-tile-style="soft-gold"] body .vmTeamCard, :root[data-vm-tile-style="soft-gold"] body .vmTodaySchedule, :root[data-vm-tile-style="soft-gold"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 16% 12%,rgba(255,204,112,0.22),transparent 35%),radial-gradient(circle at 88% 20%,rgba(47,140,255,0.12),transparent 38%),linear-gradient(145deg,rgba(20,18,36,0.94),rgba(22,21,42,0.74)) !important;border-color:rgba(255,204,112,0.19) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.42),0 0 calc(var(--vmTileBlur) * 0.55) rgba(255,184,70,0.12) !important;}
:root[data-vm-tile-style="deep-space"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="deep-space"] body .listenLayout .card, :root[data-vm-tile-style="deep-space"] body .quickTiles a, :root[data-vm-tile-style="deep-space"] body .quickTiles button, :root[data-vm-tile-style="deep-space"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="deep-space"] body .vmChartRow, :root[data-vm-tile-style="deep-space"] body .vmScheduleCard, :root[data-vm-tile-style="deep-space"] body .vmTeamCard, :root[data-vm-tile-style="deep-space"] body .vmTodaySchedule, :root[data-vm-tile-style="deep-space"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 18% 12%,rgba(160,80,255,0.2),transparent 36%),radial-gradient(circle at 86% 18%,rgba(47,140,255,0.18),transparent 38%),radial-gradient(circle at 50% 115%,rgba(255,122,24,0.08),transparent 42%),linear-gradient(145deg,rgba(5,8,27,0.96),rgba(10,17,42,0.78)) !important;border-color:rgba(255,255,255,0.16) !important;box-shadow:0 32px var(--vmTileBlur) rgba(0,0,0,0.46),0 0 calc(var(--vmTileBlur) * 0.58) rgba(160,80,255,0.12) !important;}
:root[data-vm-tile-style="electric-border"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="electric-border"] body .listenLayout .card, :root[data-vm-tile-style="electric-border"] body .quickTiles a, :root[data-vm-tile-style="electric-border"] body .quickTiles button, :root[data-vm-tile-style="electric-border"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="electric-border"] body .vmChartRow, :root[data-vm-tile-style="electric-border"] body .vmScheduleCard, :root[data-vm-tile-style="electric-border"] body .vmTeamCard, :root[data-vm-tile-style="electric-border"] body .vmTodaySchedule, :root[data-vm-tile-style="electric-border"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient(145deg,rgba(7,14,36,0.94),rgba(12,23,55,0.74)) !important;border-color:rgba(0,225,255,0.28) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.43),0 0 calc(var(--vmTileBlur) * 0.65) rgba(0,225,255,0.14),inset 0 0 0 1px rgba(255,122,24,0.1) !important;}
:root[data-vm-tile-style="live-pulse"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="live-pulse"] body .listenLayout .card, :root[data-vm-tile-style="live-pulse"] body .quickTiles a, :root[data-vm-tile-style="live-pulse"] body .quickTiles button, :root[data-vm-tile-style="live-pulse"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="live-pulse"] body .vmChartRow, :root[data-vm-tile-style="live-pulse"] body .vmScheduleCard, :root[data-vm-tile-style="live-pulse"] body .vmTeamCard, :root[data-vm-tile-style="live-pulse"] body .vmTodaySchedule, :root[data-vm-tile-style="live-pulse"] body .vmTodaySchedule .vmScheduleCard{background:radial-gradient(circle at 14% 18%,rgba(72,255,157,0.18),transparent 34%),radial-gradient(circle at 88% 18%,rgba(255,122,24,0.23),transparent 38%),linear-gradient(145deg,rgba(9,16,34,0.94),rgba(13,27,52,0.74)) !important;border-color:rgba(72,255,157,0.2) !important;box-shadow:0 30px var(--vmTileBlur) rgba(0,0,0,0.43),0 0 calc(var(--vmTileBlur) * 0.55) rgba(72,255,157,0.12),0 0 calc(var(--vmTileBlur) * 0.45) rgba(255,122,24,0.1) !important;}
:root[data-vm-tile-style="live-pulse"][data-vm-tile-animate="1"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="live-pulse"][data-vm-tile-animate="1"] body .listenLayout .card, :root[data-vm-tile-style="live-pulse"][data-vm-tile-animate="1"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style] body .vmChartRow, :root[data-vm-tile-style] body .vmScheduleCard, :root[data-vm-tile-style] body .vmTeamCard, :root[data-vm-tile-style] body .vmTodaySchedule, :root[data-vm-tile-style] body .vmTodaySchedule .vmScheduleCard{animation:vmTilePulse 3.8s ease-in-out infinite alternate;}
@keyframes vmTilePulse { to { box-shadow: 0 30px var(--vmTileBlur) rgba(0, 0, 0, 0.43), 0 0 calc(var(--vmTileBlur) * 0.72) rgba(72, 255, 157, 0.18), 0 0 calc(var(--vmTileBlur) * 0.62) rgba(255, 122, 24, 0.15); } }
:root[data-vm-tile-style="chrome-depth"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style="chrome-depth"] body .listenLayout .card, :root[data-vm-tile-style="chrome-depth"] body .quickTiles a, :root[data-vm-tile-style="chrome-depth"] body .quickTiles button, :root[data-vm-tile-style="chrome-depth"] body .vmTileStylePreviewCardItem, :root[data-vm-tile-style="chrome-depth"] body .vmChartRow, :root[data-vm-tile-style="chrome-depth"] body .vmScheduleCard, :root[data-vm-tile-style="chrome-depth"] body .vmTeamCard, :root[data-vm-tile-style="chrome-depth"] body .vmTodaySchedule, :root[data-vm-tile-style="chrome-depth"] body .vmTodaySchedule .vmScheduleCard{background:linear-gradient( 145deg,rgba(255,255,255,0.12),rgba(6,10,25,0.94) 32%,rgba(20,34,68,0.72) 68%,rgba(255,255,255,0.07) ) !important;border-color:rgba(255,255,255,0.22) !important;box-shadow:0 34px var(--vmTileBlur) rgba(0,0,0,0.46),inset 0 2px 0 rgba(255,255,255,0.18),inset 0 -12px 30px rgba(0,0,0,0.22) !important;}
:root{--vmBgSpeed:28s;--vmBgOpacity:0.72;--vmBgGrid:0.042;--vm-bg-custom-url:none;}
:root[data-vm-bg-intensity="soft"]{--vmBgOpacity:0.5;--vmBgGrid:0.026;}
:root[data-vm-bg-intensity="normal"]{--vmBgOpacity:0.72;--vmBgGrid:0.042;}
:root[data-vm-bg-intensity="strong"]{--vmBgOpacity:0.92;--vmBgGrid:0.058;}
:root[data-vm-bg-animate="0"] body:after{animation:none !important;}
:root[data-vm-bg-style="standard"] body{background:radial-gradient(circle at 12% 10%,rgba(255,122,24,0.25),transparent 32%),radial-gradient(circle at 90% 6%,rgba(47,140,255,0.25),transparent 30%),radial-gradient(circle at 54% 86%,rgba(255,63,180,0.16),transparent 34%),linear-gradient(145deg,#050816,#081329 45%,#050816) !important;}
:root[data-vm-bg-style="vm-night"] body{background:radial-gradient(circle at 18% 18%,rgba(47,140,255,0.2),transparent 33%),radial-gradient(circle at 82% 14%,rgba(255,122,24,0.17),transparent 30%),linear-gradient(145deg,#030611,#07132b 45%,#030814) !important;}
:root[data-vm-bg-style="blue-orange-aurora"] body{background:radial-gradient(circle at 14% 20%,rgba(255,122,24,0.28),transparent 34%),radial-gradient(circle at 88% 16%,rgba(47,140,255,0.34),transparent 36%),radial-gradient(circle at 48% 80%,rgba(52,245,197,0.12),transparent 38%),linear-gradient(135deg,#040815,#07152d 46%,#050816) !important;}
:root[data-vm-bg-style="deep-club"] body{background:radial-gradient(circle at 15% 18%,rgba(90,48,255,0.28),transparent 35%),radial-gradient(circle at 84% 12%,rgba(255,63,180,0.2),transparent 34%),radial-gradient(circle at 50% 96%,rgba(47,140,255,0.18),transparent 40%),linear-gradient(155deg,#02030b,#08142b 52%,#030512) !important;}
:root[data-vm-bg-style="galaxy-premium"] body{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,0.1),transparent 2px),radial-gradient(circle at 62% 22%,rgba(255,255,255,0.08),transparent 1px),radial-gradient(circle at 86% 28%,rgba(255,255,255,0.1),transparent 2px),radial-gradient(circle at 18% 22%,rgba(47,140,255,0.26),transparent 36%),radial-gradient(circle at 82% 16%,rgba(255,122,24,0.21),transparent 34%),linear-gradient(145deg,#02030b,#071026 55%,#040714) !important;}
:root[data-vm-bg-style="soft-waves"] body{background:radial-gradient(ellipse at 18% 20%,rgba(47,140,255,0.24),transparent 38%),radial-gradient(ellipse at 82% 18%,rgba(52,245,197,0.13),transparent 36%),linear-gradient(135deg,#050816,#0a1830 55%,#050816) !important;}
:root[data-vm-bg-style="neon-stage"] body{background:radial-gradient(circle at 50% -8%,rgba(255,122,24,0.28),transparent 32%),radial-gradient(circle at 12% 22%,rgba(47,140,255,0.24),transparent 34%),radial-gradient(circle at 88% 22%,rgba(255,63,180,0.18),transparent 34%),linear-gradient(180deg,#02040d,#07142b 55%,#030511) !important;}
:root[data-vm-bg-style="liquid-blue"] body{background:radial-gradient(ellipse at 28% 16%,rgba(52,245,197,0.18),transparent 34%),radial-gradient(ellipse at 78% 18%,rgba(47,140,255,0.34),transparent 40%),linear-gradient(135deg,#020817,#05203b 50%,#030711) !important;}
:root[data-vm-bg-style="fire-ice-bg"] body{background:radial-gradient(circle at 16% 16%,rgba(47,140,255,0.34),transparent 34%),radial-gradient(circle at 86% 14%,rgba(255,122,24,0.34),transparent 34%),linear-gradient(135deg,#030611,#071427 50%,#050816) !important;}
:root[data-vm-bg-style="carbon-lux"] body{background:linear-gradient( 135deg,rgba(255,255,255,0.025) 0 25%,transparent 25% 50%,rgba(255,255,255,0.018) 50% 75%,transparent 75% ),radial-gradient(circle at 78% 12%,rgba(47,140,255,0.2),transparent 32%),radial-gradient(circle at 18% 16%,rgba(255,122,24,0.15),transparent 30%),linear-gradient(145deg,#04050b,#0c1224 48%,#03040a) !important;background-size:auto,auto,auto,42px 42px !important;}
:root[data-vm-bg-style="ocean-glow"] body{background:radial-gradient(circle at 22% 12%,rgba(52,245,197,0.17),transparent 34%),radial-gradient(circle at 76% 15%,rgba(47,140,255,0.3),transparent 38%),linear-gradient(160deg,#02101f,#06264a 48%,#030713) !important;}
:root[data-vm-bg-style="sunset-energy"] body{background:radial-gradient(circle at 25% 14%,rgba(255,122,24,0.32),transparent 35%),radial-gradient(circle at 74% 17%,rgba(255,63,180,0.18),transparent 34%),radial-gradient(circle at 54% 88%,rgba(47,140,255,0.17),transparent 38%),linear-gradient(145deg,#090613,#17112b 45%,#040714) !important;}
:root[data-vm-bg-style="purple-neon"] body{background:radial-gradient(circle at 18% 16%,rgba(150,76,255,0.3),transparent 35%),radial-gradient(circle at 86% 18%,rgba(47,140,255,0.2),transparent 34%),radial-gradient(circle at 52% 85%,rgba(255,63,180,0.16),transparent 36%),linear-gradient(145deg,#050515,#100d2e 50%,#050816) !important;}
:root[data-vm-bg-style="diamond-fog"] body{background:radial-gradient(circle at 22% 12%,rgba(255,255,255,0.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(47,140,255,0.2),transparent 34%),radial-gradient(circle at 50% 88%,rgba(255,122,24,0.14),transparent 36%),linear-gradient(145deg,#070b17,#0b1830 50%,#050816) !important;}
:root[data-vm-bg-style="music-spectrum-bg"] body{background:linear-gradient(90deg,rgba(52,245,197,0.055) 0 2px,transparent 2px 38px),radial-gradient(circle at 18% 16%,rgba(255,122,24,0.24),transparent 34%),radial-gradient(circle at 82% 16%,rgba(47,140,255,0.28),transparent 34%),linear-gradient(145deg,#030611,#071429 48%,#050816) !important;}
:root[data-vm-bg-style="glass-depth"] body{background:radial-gradient(circle at 16% 12%,rgba(255,255,255,0.1),transparent 32%),radial-gradient(circle at 84% 18%,rgba(47,140,255,0.22),transparent 34%),radial-gradient(circle at 52% 82%,rgba(255,122,24,0.16),transparent 35%),linear-gradient(145deg,#06101f,#091832 50%,#050816) !important;}
:root[data-vm-bg-style="cyber-grid-soft"] body{background:linear-gradient(rgba(47,140,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,122,24,0.042) 1px,transparent 1px),radial-gradient(circle at 16% 16%,rgba(47,140,255,0.22),transparent 34%),radial-gradient(circle at 84% 18%,rgba(255,122,24,0.2),transparent 34%),linear-gradient(145deg,#030611,#07142b 48%,#050816) !important;background-size:72px 72px,72px 72px,auto,auto,auto !important;}
:root[data-vm-bg-style="orange-blue-smoke"] body{background:radial-gradient(ellipse at 18% 18%,rgba(255,122,24,0.3),transparent 38%),radial-gradient(ellipse at 84% 14%,rgba(47,140,255,0.34),transparent 40%),radial-gradient(ellipse at 50% 90%,rgba(255,255,255,0.07),transparent 42%),linear-gradient(145deg,#040714,#08152d 48%,#050816) !important;}
:root[data-vm-bg-custom="1"] body{background:var(--vm-bg-custom-url) center center/cover fixed no-repeat !important;}
:root[data-vm-bg-custom="1"] body:before{content:none !important;display:none !important;background:none !important;opacity:0 !important;}
:root[data-vm-bg-custom="1"] body:after{content:none !important;display:none !important;background:none !important;opacity:0 !important;animation:none !important;filter:none !important;}
:root:not([data-vm-bg-custom="1"]):not([data-vm-bg-style="standard"]) body:before{background-image:linear-gradient(rgba(255,255,255,var(--vmBgGrid)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,var(--vmBgGrid)) 1px,transparent 1px),radial-gradient(circle at 50% 20%,rgba(255,255,255,0.08),transparent 46%) !important;background-size:86px 86px,86px 86px,auto !important;opacity:0.78;}
:root:not([data-vm-bg-custom="1"]):not([data-vm-bg-style="standard"]) body:after{opacity:var(--vmBgOpacity) !important;filter:blur(120px) !important;animation:spin var(--vmBgSpeed) linear infinite !important;}
.vmBgStylePreview{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--line);padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:230px;background:linear-gradient(145deg,#050816,#081329 45%,#050816);isolation:isolate;}
.vmBgStylePreview:before, .vmBgStylePreview:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;}
.vmBgStylePreview:after{inset:-40%;background:conic-gradient( from 180deg,rgba(255,122,24,0.18),rgba(47,140,255,0.22),rgba(255,63,180,0.12),rgba(52,245,197,0.12),rgba(255,122,24,0.18) );filter:blur(80px);opacity:0.7;animation:spin 28s linear infinite;}
.vmBgStylePreview[data-vm-bg-custom="1"]{background:linear-gradient(180deg,rgba(3,6,15,0.58),rgba(3,6,15,0.76)),var(--vm-bg-custom-url) center center/cover no-repeat !important;}
.vmBgStylePreview .card{margin:0 !important;min-height:150px;}
.vmBgStyleAdminSection .formHint{font-size:0.88rem;color:var(--muted);margin:0 0 6px !important;line-height:1.45;}
.vmBgStyleAdminSection input[type="url"]{width:100%;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,0.07);color:#fff;padding:13px 14px;outline:0;}
@media (max-width: 760px) { .vmBgStylePreview { grid-template-columns: 1fr; } }
:root[data-vm-header-style="standard"] .subHero > .card, :root[data-vm-header-style="standard"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="standard"] .modalCard .modalHead{background:linear-gradient( 135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045) ) !important;box-shadow:0 24px 85px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14) !important;}
.vmHeroStyleAdminSection{scroll-margin-top:90px;}
.vmHeroStyleAdminSection .card{position:relative;overflow:hidden;}
.vmHeroStyleAdminSection .eventsForm select, .vmHeroStyleAdminSection .eventsForm input[type="url"]{min-height:48px;}
.vmHeroStylePreview .vmLogoText{font-size:clamp(2.5rem,6vw,5.8rem);line-height:0.92;margin:8px 0 12px;letter-spacing:0.035em;}
.vmHeroStylePreview .eyebrow{display:inline-flex;border:1px solid rgba(255,255,255,0.18);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,0.08);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:0.12em;font-size:0.78rem;}
.vmHeroStylePreview p{max-width:650px;color:rgba(255,255,255,0.8);font-weight:700;}
.vmHeroStylePreview .heroActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated, .vmHeroStylePreview .vmLogoText.vmLogoAnimated, html[data-vm-hero-logo] body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated{position:relative !important;display:inline-flex !important;align-items:baseline !important;justify-content:flex-start !important;gap:0 !important;width:max-content !important;max-width:none !important;overflow:visible !important;isolation:isolate !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:transparent !important;-webkit-text-fill-color:initial !important;text-shadow:none !important;filter:none !important;mix-blend-mode:normal !important;clip-path:none !important;}
body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated::before, body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated::after, .vmHeroStylePreview .vmLogoText.vmLogoAnimated::before, .vmHeroStylePreview .vmLogoText.vmLogoAnimated::after{display:none !important;content:none !important;}
body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated > span, .vmHeroStylePreview .vmLogoText.vmLogoAnimated > span, html[data-vm-hero-logo] body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated > span{position:relative !important;z-index:3 !important;display:inline-block !important;background:none !important;-webkit-background-clip:initial !important;background-clip:initial !important;-webkit-text-fill-color:currentColor !important;color:#ff8a18 !important;text-shadow:0 0 5px rgba(255,255,255,0.28),0 0 15px currentColor,0 0 34px currentColor !important;filter:saturate(1.55) contrast(1.12) !important;animation:vmV119LetterColor 1.55s linear infinite !important;animation-delay:calc(var(--i,0) * -0.13s) !important;transform:translateZ(0) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated > span, .vmHeroStylePreview[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated > span, html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow .vmLogoText.vmLogoAnimated > span, body.homePremiumBody .heroWow:not([data-vm-hero-logo]) .vmLogoText.vmLogoAnimated > span{color:#ff8a18 !important;-webkit-text-fill-color:currentColor !important;text-shadow:0 0 4px rgba(255,255,255,0.18),0 0 10px currentColor,0 0 24px currentColor !important;filter:saturate(1.45) contrast(1.1) !important;animation:vmV119LetterColor 1.55s linear infinite !important;animation-delay:calc(var(--i,0) * -0.13s) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="neon-blue-orange"] .vmLogoText > span:nth-child(-n + 7), .vmHeroStylePreview[data-vm-hero-logo="neon-blue-orange"] .vmLogoText > span:nth-child(-n + 7), html[data-vm-hero-logo="neon-blue-orange"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(-n + 7), body.homePremiumBody .heroWow[data-vm-hero-logo="electric-blue-orange"] .vmLogoText > span:nth-child(-n + 7), .vmHeroStylePreview[data-vm-hero-logo="electric-blue-orange"] .vmLogoText > span:nth-child(-n + 7), html[data-vm-hero-logo="electric-blue-orange"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(-n + 7){color:#28eaff !important;text-shadow:0 0 8px rgba(255,255,255,0.72),0 0 24px rgba(40,234,255,0.98),0 0 58px rgba(47,140,255,0.76) !important;animation:vmV478LogoNeon 1.35s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="neon-blue-orange"] .vmLogoText > span:nth-child(n + 8), .vmHeroStylePreview[data-vm-hero-logo="neon-blue-orange"] .vmLogoText > span:nth-child(n + 8), html[data-vm-hero-logo="neon-blue-orange"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(n + 8), body.homePremiumBody .heroWow[data-vm-hero-logo="electric-blue-orange"] .vmLogoText > span:nth-child(n + 8), .vmHeroStylePreview[data-vm-hero-logo="electric-blue-orange"] .vmLogoText > span:nth-child(n + 8), html[data-vm-hero-logo="electric-blue-orange"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(n + 8){color:#ff7a18 !important;text-shadow:0 0 8px rgba(255,255,255,0.7),0 0 24px rgba(255,122,24,0.98),0 0 58px rgba(255,72,20,0.76) !important;animation:vmV478LogoNeon 1.35s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 1), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 1), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 1){color:#ffe600 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 2), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 2), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 2){color:#ff7a18 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 3), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 3), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 3){color:#ff2ec8 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 4), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 4), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 4){color:#8e65ff !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 5), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 5), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 5){color:#2f8cff !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 6), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 6), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 6){color:#34f5c5 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 7), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 7), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 7){color:#9cff35 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 8), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 8), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 8){color:#ffffff !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 9), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n + 9), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n + 9){color:#ff9b2f !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n), .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span:nth-child(10n), html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(10n){color:#48ff9d !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="disco-rainbow"] .vmLogoText > span, html[data-vm-hero-logo="disco-rainbow"] body.homePremiumBody .heroWow .vmLogoText > span{text-shadow:0 0 10px currentColor,0 0 30px currentColor,0 0 60px rgba(255,255,255,0.34) !important;animation:vmV478LogoDisco 0.95s linear infinite !important;animation-delay:calc(var(--i,0) * -0.1s) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n + 1), .vmHeroStylePreview[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n + 1), html[data-vm-hero-logo="hologram"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(3n + 1){color:#55f7ff !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n + 2), .vmHeroStylePreview[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n + 2), html[data-vm-hero-logo="hologram"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(3n + 2){color:#b184ff !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n), .vmHeroStylePreview[data-vm-hero-logo="hologram"] .vmLogoText > span:nth-child(3n), html[data-vm-hero-logo="hologram"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(3n){color:#ff68df !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="hologram"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="hologram"] .vmLogoText > span, html[data-vm-hero-logo="hologram"] body.homePremiumBody .heroWow .vmLogoText > span{text-shadow:-2px 0 rgba(255,56,220,0.82),2px 0 rgba(0,225,255,0.82),0 0 26px currentColor !important;animation:vmV478LogoHolo 1.6s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="gold-premium"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="gold-premium"] .vmLogoText > span, html[data-vm-hero-logo="gold-premium"] body.homePremiumBody .heroWow .vmLogoText > span{color:#ffd467 !important;text-shadow:0 2px 0 rgba(92,42,0,0.95),0 8px 20px rgba(0,0,0,0.65),0 0 28px rgba(255,190,70,0.98),0 0 58px rgba(255,122,24,0.48) !important;animation:vmV478LogoGold 1.85s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="chrome-3d"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="chrome-3d"] .vmLogoText > span, html[data-vm-hero-logo="chrome-3d"] body.homePremiumBody .heroWow .vmLogoText > span{color:#b9dcff !important;text-shadow:0 1px 0 #fff,0 3px 0 #7896c2,0 7px 0 rgba(0,0,0,0.48),0 16px 26px rgba(0,0,0,0.68),0 0 24px rgba(47,140,255,0.44) !important;animation:vmV478LogoChrome 2.3s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="laser-sweep"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="laser-sweep"] .vmLogoText > span, html[data-vm-hero-logo="laser-sweep"] body.homePremiumBody .heroWow .vmLogoText > span{color:#fff3a8 !important;text-shadow:0 0 8px rgba(255,243,168,0.95),0 0 30px rgba(0,225,255,0.9),0 0 62px rgba(255,122,24,0.78) !important;animation:vmV478LogoLaser 0.82s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span:nth-child(-n + 7), .vmHeroStylePreview[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span:nth-child(-n + 7), html[data-vm-hero-logo="fire-ice-logo"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(-n + 7){color:#22eaff !important;text-shadow:0 0 12px rgba(34,234,255,0.96),0 0 36px rgba(47,140,255,0.7) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span:nth-child(n + 8), .vmHeroStylePreview[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span:nth-child(n + 8), html[data-vm-hero-logo="fire-ice-logo"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(n + 8){color:#ff6a16 !important;text-shadow:0 0 12px rgba(255,106,22,0.98),0 0 36px rgba(255,50,10,0.72) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="fire-ice-logo"] .vmLogoText > span, html[data-vm-hero-logo="fire-ice-logo"] body.homePremiumBody .heroWow .vmLogoText > span{animation:vmV478LogoNeon 1.15s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="plasma-energy"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="plasma-energy"] .vmLogoText > span, html[data-vm-hero-logo="plasma-energy"] body.homePremiumBody .heroWow .vmLogoText > span{color:#ff3fd4 !important;text-shadow:0 0 12px #ff3fd4,0 0 36px #2f8cff,0 0 72px rgba(52,245,197,0.64) !important;animation:vmV478LogoPlasma 1.05s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span:nth-child(odd), .vmHeroStylePreview[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span:nth-child(odd), html[data-vm-hero-logo="spectrum-bars"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(odd){color:#34f5c5 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span:nth-child(even), .vmHeroStylePreview[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span:nth-child(even), html[data-vm-hero-logo="spectrum-bars"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(even){color:#ff8a18 !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="spectrum-bars"] .vmLogoText > span, html[data-vm-hero-logo="spectrum-bars"] body.homePremiumBody .heroWow .vmLogoText > span{text-shadow:0 0 12px currentColor,0 0 38px currentColor !important;animation:vmV478LogoBars 0.62s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span:nth-child(-n + 7), .vmHeroStylePreview[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span:nth-child(-n + 7), html[data-vm-hero-logo="neon-pink-cyan"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(-n + 7){color:#ff42d0 !important;text-shadow:0 0 12px #ff42d0,0 0 44px rgba(255,66,208,0.84) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span:nth-child(n + 8), .vmHeroStylePreview[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span:nth-child(n + 8), html[data-vm-hero-logo="neon-pink-cyan"] body.homePremiumBody .heroWow .vmLogoText > span:nth-child(n + 8){color:#44f7ff !important;text-shadow:0 0 12px #44f7ff,0 0 44px rgba(68,247,255,0.84) !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="neon-pink-cyan"] .vmLogoText > span, html[data-vm-hero-logo="neon-pink-cyan"] body.homePremiumBody .heroWow .vmLogoText > span{animation:vmV478LogoNeon 1.2s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-logo="club-flash"] .vmLogoText > span, .vmHeroStylePreview[data-vm-hero-logo="club-flash"] .vmLogoText > span, html[data-vm-hero-logo="club-flash"] body.homePremiumBody .heroWow .vmLogoText > span{color:#fff238 !important;text-shadow:0 0 12px currentColor,0 0 38px currentColor,0 0 78px rgba(255,255,255,0.52) !important;animation:vmV478LogoFlash 0.42s steps(2,end) infinite !important;}
@keyframes vmV478LogoNeon { 0%, 100% { transform: translateY(0) scale(1); filter: brightness(1) saturate(1.25); } 50% { transform: translateY(-3px) scale(1.035); filter: brightness(1.55) saturate(1.55); } }
@keyframes vmV478LogoDisco { 0% { filter: hue-rotate(0deg) brightness(1.08); transform: translateY(0); } 50% { filter: hue-rotate(150deg) brightness(1.55); transform: translateY(-2px); } 100% { filter: hue-rotate(360deg) brightness(1.12); transform: translateY(0); } }
@keyframes vmV478LogoHolo { 0%, 100% { transform: translate(0, 0); filter: hue-rotate(0deg) brightness(1.04); } 18% { transform: translate(-1px, 1px); filter: hue-rotate(32deg) brightness(1.35); } 20% { transform: translate(1px, -1px); } 22% { transform: translate(0, 0); } 64% { transform: translate(1px, 0); filter: hue-rotate(-18deg) brightness(1.24); } 66% { transform: translate(-1px, 0); } }
@keyframes vmV478LogoGold { 0%, 100% { filter: brightness(1) saturate(1.05); } 50% { filter: brightness(1.75) saturate(1.4); } }
@keyframes vmV478LogoChrome { 0%, 100% { filter: brightness(0.98) contrast(1.08); } 50% { filter: brightness(1.45) contrast(1.22); } }
@keyframes vmV478LogoLaser { 0%, 100% { filter: brightness(1); transform: translateY(0); } 50% { filter: brightness(2); transform: translateY(-4px); } }
@keyframes vmV478LogoPlasma { 0% { filter: hue-rotate(0deg) brightness(1.08); transform: skewX(0deg); } 50% { filter: hue-rotate(95deg) brightness(1.5); transform: skewX(-2deg); } 100% { filter: hue-rotate(360deg) brightness(1.12); transform: skewX(0deg); } }
@keyframes vmV478LogoBars { 0% { transform: scaleY(0.88); } 100% { transform: scaleY(1.2) translateY(-2px); } }
@keyframes vmV478LogoFlash { 0%, 49% { filter: brightness(0.9); } 50%, 100% { filter: brightness(1.95); } }
@property --vmLogoColor { syntax: "<color>"; inherits: false; initial-value: #ff8a18; }
@property --vmLogoHue { syntax: "<angle>"; inherits: false; initial-value: 0deg; }
@property --vmLogoGlow { syntax: "<number>"; inherits: false; initial-value: 1; }
@property --vmLogoShinePos { syntax: "<percentage>"; inherits: false; initial-value: -36%; }
@property --vmLogoShineOpacity { syntax: "<number>"; inherits: false; initial-value: 0; }
html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated, html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] .heroContent h1 .vmLogoText.vmLogoAnimated, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] h1 .vmLogoText.vmLogoAnimated, .vmHeroStylePreview[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated{position:relative !important;display:inline-flex !important;align-items:baseline !important;gap:0 !important;width:max-content !important;max-width:max-content !important;overflow:hidden !important;clip-path:inset(-22% 0 -28% 0) !important;isolation:isolate !important;padding:0 !important;line-height:0.96 !important;background:transparent !important;-webkit-background-clip:initial !important;background-clip:initial !important;color:transparent !important;-webkit-text-fill-color:initial !important;box-shadow:none !important;text-shadow:none !important;filter:none !important;mix-blend-mode:normal !important;contain:layout style !important;animation:none !important;transform:translateZ(0) !important;-webkit-font-smoothing:antialiased !important;text-rendering:geometricPrecision !important;}
html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated > span, html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] .heroContent h1 .vmLogoText.vmLogoAnimated > span, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] h1 .vmLogoText.vmLogoAnimated > span, .vmHeroStylePreview[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated > span{--vmLogoColor:#ff8a18;--vmLogoHue:0deg;--vmLogoGlow:1;position:relative !important;z-index:3 !important;display:inline-block !important;color:var(--vmLogoColor) !important;-webkit-text-fill-color:var(--vmLogoColor) !important;background:transparent !important;-webkit-background-clip:initial !important;background-clip:initial !important;box-shadow:none !important;filter:hue-rotate(var(--vmLogoHue)) saturate(2.35) contrast(1.32) !important;text-shadow:0 0 calc(1px + (var(--vmLogoGlow) * 1.4px)) rgba(255,255,255,0.26),0 0 calc(4px + (var(--vmLogoGlow) * 4px)) color-mix(in srgb,var(--vmLogoColor) 82%,transparent),0 0 calc(9px + (var(--vmLogoGlow) * 7px)) color-mix(in srgb,var(--vmLogoColor) 56%,transparent) !important;opacity:1 !important;animation:vmV479StandardLogoLive 1.15s linear infinite !important;animation-delay:calc(var(--i) * -0.095s) !important;will-change:color,filter,text-shadow !important;}
html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::before, html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] .heroContent h1 .vmLogoText.vmLogoAnimated::before, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] h1 .vmLogoText.vmLogoAnimated::before, .vmHeroStylePreview[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated::before{--vmLogoShinePos:-36%;--vmLogoShineOpacity:0;content:"VIRTUALMIX" !important;position:absolute !important;left:0 !important;right:auto !important;top:0 !important;width:100% !important;max-width:100% !important;height:100% !important;z-index:6 !important;pointer-events:none !important;overflow:hidden !important;clip-path:inset(0 0 0 0) !important;transform:none !important;color:transparent !important;-webkit-text-fill-color:transparent !important;background-image:linear-gradient( 100deg,transparent 0%,transparent 39%,rgba(255,255,255,0.2) 44%,rgba(255,255,255,1) 49%,rgba(255,238,116,1) 52%,rgba(255,255,255,1) 55%,rgba(70,235,255,0.42) 60%,transparent 66%,transparent 100% ) !important;background-size:155% 100% !important;background-position:var(--vmLogoShinePos) 50% !important;-webkit-background-clip:text !important;background-clip:text !important;opacity:var(--vmLogoShineOpacity) !important;filter:drop-shadow(0 0 4px rgba(255,255,255,0.88)) drop-shadow(0 0 9px rgba(255,209,71,0.62)) drop-shadow(0 0 14px rgba(60,218,255,0.24)) !important;mix-blend-mode:screen !important;animation:vmV479StandardLogoShine 2.15s cubic-bezier(0.18,0.72,0.2,1) infinite !important;will-change:background-position,opacity !important;}
html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated::after, html[data-vm-hero-logo="standard"] body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] .heroContent h1 .vmLogoText.vmLogoAnimated::after, body.homePremiumBody .heroWow[data-vm-hero-logo="standard"] h1 .vmLogoText.vmLogoAnimated::after, .vmHeroStylePreview[data-vm-hero-logo="standard"] .vmLogoText.vmLogoAnimated::after{display:none !important;content:none !important;}
@keyframes vmV479StandardLogoLive { 0% { --vmLogoColor: #ffe45a; --vmLogoHue: 0deg; --vmLogoGlow: 0.95; } 12% { --vmLogoColor: #ff8a18; --vmLogoHue: 18deg; --vmLogoGlow: 1.1; } 24% { --vmLogoColor: #ff315c; --vmLogoHue: 42deg; --vmLogoGlow: 1.2; } 36% { --vmLogoColor: #ff35d6; --vmLogoHue: 80deg; --vmLogoGlow: 1.12; } 48% { --vmLogoColor: #865cff; --vmLogoHue: 130deg; --vmLogoGlow: 1.06; } 60% { --vmLogoColor: #2494ff; --vmLogoHue: 180deg; --vmLogoGlow: 1.15; } 72% { --vmLogoColor: #22ecff; --vmLogoHue: 220deg; --vmLogoGlow: 1.22; } 84% { --vmLogoColor: #40ffc1; --vmLogoHue: 290deg; --vmLogoGlow: 1.08; } 100% { --vmLogoColor: #ffe45a; --vmLogoHue: 360deg; --vmLogoGlow: 0.95; } }
@keyframes vmV479StandardLogoShine { 0%, 15% { --vmLogoShinePos: -36%; --vmLogoShineOpacity: 0; } 22% { --vmLogoShinePos: -20%; --vmLogoShineOpacity: 0.92; } 48% { --vmLogoShinePos: 34%; --vmLogoShineOpacity: 1; } 70% { --vmLogoShinePos: 82%; --vmLogoShineOpacity: 0.88; } 80%, 100% { --vmLogoShinePos: 98%; --vmLogoShineOpacity: 0; } }
:root[data-vm-hero-logo="aurora-premium"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#34f5c5,#4aa3ff,#c04dff,#34f5c5);-webkit-background-clip:text;color:transparent;text-shadow:0 0 20px #34f5c5,0 0 45px #4aa3ff;}
:root[data-vm-hero-logo="diamond-white"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#fff,#dff4ff,#fff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px #fff,0 0 45px #9fe7ff;}
:root[data-vm-hero-logo="vip-gold-elite"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#fff3a0,#ffbf2f,#fff3a0);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px #ffbf2f,0 0 55px rgba(255,191,47,0.9);}
:root[data-vm-hero-logo="ocean-energy"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#00d0ff,#0066ff,#00ffd5);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px #00d0ff,0 0 55px #0066ff;}
:root[data-vm-hero-logo="inferno-x"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#ff3b00,#ffae00,#ff3b00);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px #ff3b00,0 0 55px #ffae00;}
:root[data-vm-hero-logo="galaxy-ultra"] .homePremiumBody .vmLogoText{background:linear-gradient(90deg,#7a5cff,#ff4dd2,#5ce1ff);-webkit-background-clip:text;color:transparent;text-shadow:0 0 18px #7a5cff,0 0 55px #ff4dd2;}
.heroWow[data-vm-hero-logo="aurora-premium"] .vmLogoText{animation:vmAurora 6s linear infinite !important;}
@keyframes vmAurora { 0% { filter: hue-rotate(0); } 100% { filter: hue-rotate(360deg); } }
.heroWow[data-vm-hero-logo="vip-gold-elite"] .vmLogoText{color:#ffd34d !important;text-shadow:0 0 10px #ffd34d,0 0 30px #ffb300,0 0 60px #ffb300 !important;}
.heroWow[data-vm-hero-logo="galaxy-ultra"] .vmLogoText{color:#c26bff !important;text-shadow:0 0 12px #8b5cff,0 0 40px #ff4dd2,0 0 80px #5ce1ff !important;}
.heroWow[data-vm-hero-logo="inferno-x"] .vmLogoText{color:#ff7a00 !important;text-shadow:0 0 12px #ff3b00,0 0 40px #ffae00,0 0 80px #ff3b00 !important;}
.heroWow[data-vm-hero-logo="ocean-energy"] .vmLogoText{color:#00d8ff !important;text-shadow:0 0 12px #00d8ff,0 0 40px #0066ff,0 0 80px #00ffd5 !important;}
.heroWow[data-vm-hero-logo="diamond-white"] .vmLogoText{color:#ffffff !important;text-shadow:0 0 10px #fff,0 0 30px #9fe7ff,0 0 60px #fff !important;}
.vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"]){position:relative !important;display:inline-flex !important;gap:0 !important;overflow:visible !important;isolation:isolate !important;color:transparent !important;-webkit-text-fill-color:initial !important;background:transparent !important;-webkit-background-clip:initial !important;background-clip:initial !important;filter:none !important;text-shadow:none !important;}
.vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"])::before, .vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"])::after{content:none !important;display:none !important;}
.vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"]) > span:not(.vm493Fx){position:relative !important;display:inline-block !important;z-index:3 !important;background:transparent !important;-webkit-background-clip:initial !important;background-clip:initial !important;will-change:transform,filter,text-shadow,color,opacity !important;}
.vmLogoText .vm493Fx{position:absolute !important;pointer-events:none !important;z-index:7 !important;display:block !important;}
.vmLogoText .vm493Sweep{inset:-10% -18% !important;opacity:0;transform:translateX(-120%) skewX(-18deg);background:linear-gradient( 105deg,transparent 0%,rgba(255,255,255,0) 35%,rgba(255,255,255,0.7) 47%,rgba(255,255,255,0.12) 55%,transparent 70% ) !important;mix-blend-mode:screen !important;animation:vm493Sweep 4.8s ease-in-out infinite !important;}
.vmLogoText .vm493Underline{left:3% !important;right:3% !important;bottom:-7px !important;height:2px !important;border-radius:99px !important;opacity:0.65 !important;transform-origin:center !important;animation:vm493PulseLine 2.8s ease-in-out infinite !important;}
.vmLogoText .vm493Spark{width:6px !important;height:6px !important;border-radius:50% !important;opacity:0;transform:translate(-50%,-50%) scale(0.8);animation:vm493Spark 3.6s ease-in-out infinite !important;}
.vmLogoText .vm493Glitch{inset:0 !important;z-index:1 !important;opacity:0;color:transparent !important;-webkit-text-fill-color:transparent !important;-webkit-text-stroke:1px currentColor !important;animation:vm493Glitch 5.4s steps(1,end) infinite !important;}
@keyframes vm493Sweep { 0%, 56%, 100% { opacity: 0; transform: translateX(-125%) skewX(-18deg); } 66% { opacity: 0.62; } 82% { opacity: 0.2; transform: translateX(120%) skewX(-18deg); } }
@keyframes vm493PulseLine { 0%, 100% { opacity: 0.32; transform: scaleX(0.62); } 50% { opacity: 0.85; transform: scaleX(1); } }
@keyframes vm493Spark { 0%, 55%, 100% { opacity: 0; transform: translate(-50%, -50%) scale(0.55); } 62% { opacity: 0.95; transform: translate(-50%, -50%) scale(1); } 80% { opacity: 0.25; transform: translate(-50%, -50%) scale(0.75); } }
@keyframes vm493Glitch { 0%, 86%, 100% { opacity: 0; transform: none; clip-path: inset(0); } 88% { opacity: 0.4; transform: translate(2px, -1px); clip-path: inset(0 0 62% 0); } 89% { opacity: 0; } 92% { opacity: 0.35; transform: translate(-2px, 1px); clip-path: inset(58% 0 0 0); } 93% { opacity: 0; } }
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]), .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]){position:relative !important;overflow:hidden !important;isolation:isolate !important;background:#050816 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{position:relative !important;z-index:5 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene{position:absolute !important;inset:0 !important;z-index:0 !important;overflow:hidden !important;pointer-events:none !important;border-radius:inherit !important;background:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after{content:"" !important;position:absolute !important;pointer-events:none !important;border-radius:inherit !important;mix-blend-mode:screen !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before{inset:0 !important;z-index:1 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{inset:-18% -24% !important;z-index:2 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before{inset:-22% -26% !important;z-index:0 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after{inset:-16% -22% !important;z-index:0 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .orb, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .wave, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .beam, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .spark, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .pulseCircle, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .orb, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .wave, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .beam, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .spark, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .pulseCircle{display:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"], .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"], .homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"], .homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"], .homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"], .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"], .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"], .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"], .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"], .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]{background:radial-gradient(circle at 13% 80%,rgba(255,112,18,0.24),transparent 34%),radial-gradient(circle at 86% 16%,rgba(0,205,255,0.22),transparent 34%),linear-gradient(135deg,#020716,#071f45 56%,#10030b) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::before, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::before, .homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::before, .homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"]::before, .homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::before, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]::before{opacity:0.42 !important;background:radial-gradient(circle at 14% 82%,rgba(255,122,24,0.7) 0 3px,transparent 22px),radial-gradient(circle at 86% 18%,rgba(0,216,255,0.7) 0 3px,transparent 22px),radial-gradient(circle at 50% 10%,rgba(255,255,255,0.28) 0 2px,transparent 20px) !important;filter:blur(2px) !important;animation:vm509GlowBreathe 5.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::after, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::after, .homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::after, .homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"]::after, .homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::after, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]::after{opacity:0.62 !important;background:linear-gradient( 76deg,transparent 0 43%,rgba(255,122,24,0.58) 44.2%,rgba(255,185,90,0.36) 45%,transparent 46.5% ),linear-gradient( 103deg,transparent 0 54%,rgba(0,216,255,0.58) 55.2%,rgba(150,235,255,0.34) 56%,transparent 57.4% ),linear-gradient(92deg,transparent 0 48%,rgba(255,255,255,0.2) 49%,transparent 50.3%) !important;filter:blur(0.45px) !important;animation:vm509LaserFan 5.4s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"] .heroScene::before{opacity:0.36 !important;background:radial-gradient(circle at 20% 72%,rgba(255,122,24,0.42),transparent 32%),radial-gradient(circle at 82% 24%,rgba(0,216,255,0.38),transparent 36%) !important;filter:blur(30px) !important;animation:vm509FloatDepth 7s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"], .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"], .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"], .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]{background:linear-gradient(135deg,#02030b,#07112d 48%,#17031f) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::before, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::before{opacity:0.44 !important;background:radial-gradient(circle,rgba(255,255,255,0.55) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,40,190,0.3) 0 1.5px,transparent 2.6px),radial-gradient(circle,rgba(25,140,255,0.25) 0 1.5px,transparent 2.6px) !important;background-size:54px 54px,82px 82px,110px 110px !important;animation:vm509DotsFloat 12s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::after, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::after, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::after{opacity:0.68 !important;background:linear-gradient(64deg,transparent 0 35%,rgba(255,40,190,0.6) 37%,transparent 39%),linear-gradient(96deg,transparent 0 48%,rgba(25,140,255,0.58) 50%,transparent 53%),linear-gradient(122deg,transparent 0 60%,rgba(255,210,0,0.48) 62%,transparent 65%),linear-gradient(82deg,transparent 0 65%,rgba(40,255,190,0.42) 67%,transparent 70%) !important;filter:blur(0.35px) !important;animation:vm509DiscoFan 4.6s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"] .heroScene::before{opacity:0.36 !important;background:radial-gradient(circle at 18% 28%,rgba(255,40,190,0.38),transparent 30%),radial-gradient(circle at 78% 20%,rgba(25,140,255,0.34),transparent 34%),radial-gradient(circle at 50% 82%,rgba(255,210,0,0.22),transparent 34%) !important;filter:blur(32px) !important;animation:vm509FloatDepth 6.4s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"], .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]{background:linear-gradient(135deg,#00120f,#051d3b 55%,#160723) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::before, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::before{opacity:0.55 !important;background:linear-gradient( 120deg,rgba(52,245,197,0.34),rgba(47,140,255,0.3),rgba(188,77,255,0.3),rgba(52,245,197,0.28) ) !important;background-size:280% 280% !important;filter:blur(10px) !important;animation:vm509Aurora 11s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::after, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::after{opacity:0.28 !important;background:linear-gradient( 100deg,transparent,rgba(255,255,255,0.14),transparent ) !important;filter:blur(10px) !important;animation:vm509AuroraSweep 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"] .heroScene::before{opacity:0.44 !important;background:radial-gradient(circle at 20% 25%,rgba(52,245,197,0.35),transparent 35%),radial-gradient(circle at 82% 18%,rgba(188,77,255,0.28),transparent 38%) !important;filter:blur(34px) !important;animation:vm509FloatDepth 8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"], .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]{background:radial-gradient(circle at 50% 35%,rgba(122,92,255,0.3),transparent 32%),radial-gradient(circle at 82% 20%,rgba(255,77,210,0.22),transparent 36%),linear-gradient(135deg,#030315,#130a30 54%,#02172c) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::before{opacity:0.58 !important;background:radial-gradient(circle,rgba(255,255,255,0.9) 0 1px,transparent 1.9px),radial-gradient(circle,rgba(78,223,255,0.55) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,77,210,0.34) 0 1px,transparent 2px) !important;background-size:52px 52px,86px 86px,128px 128px !important;animation:vm509Stars 28s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::after{opacity:0.36 !important;background:linear-gradient( 100deg,transparent,rgba(78,223,255,0.26),transparent ) !important;filter:blur(4px) !important;animation:vm509Holo 7s ease-in-out infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"] .heroScene::before{opacity:0.34 !important;background:radial-gradient(circle at 26% 32%,rgba(122,92,255,0.28),transparent 28%),radial-gradient(circle at 72% 28%,rgba(255,77,210,0.2),transparent 32%),radial-gradient(circle at 50% 80%,rgba(78,223,255,0.18),transparent 34%) !important;filter:blur(28px) !important;animation:vm509FloatDepth 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"], .homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"], .homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"], .vmPreviewHeroV506[data-vm-hero-style="electric-waves"], .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"], .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]{background:linear-gradient(135deg,#020812,#061d42 56%,#050816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::before, .homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"]::before, .homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"]::before, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::before, .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"]::before, .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]::before{opacity:0.48 !important;background:repeating-linear-gradient( 100deg,transparent 0 42px,rgba(0,229,255,0.24) 44px,transparent 50px ),repeating-linear-gradient( 80deg,transparent 0 58px,rgba(255,122,24,0.14) 60px,transparent 66px ),repeating-linear-gradient( 0deg,transparent 0 14px,rgba(255,255,255,0.055) 15px,transparent 18px ) !important;animation:vm509Cyber 9s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::after, .homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"]::after, .homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"]::after, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::after, .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"]::after, .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]::after{opacity:0.34 !important;background:linear-gradient(90deg,transparent,rgba(0,216,255,0.32),transparent),linear-gradient(100deg,transparent,rgba(255,63,180,0.2),transparent) !important;animation:vm509Scan 4.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"], .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]{background:radial-gradient(circle at 16% 68%,rgba(255,70,0,0.34),transparent 32%),radial-gradient(circle at 84% 20%,rgba(0,216,255,0.32),transparent 34%),linear-gradient(135deg,#160400,#07162f 56%,#020816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"]::after, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]::after{opacity:0.54 !important;background:linear-gradient(74deg,transparent 0 43%,rgba(255,204,0,0.48) 45%,transparent 50%),linear-gradient(108deg,transparent 0 52%,rgba(0,216,255,0.46) 55%,transparent 60%) !important;animation:vm509LaserFan 6s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"] .heroScene::before{opacity:0.4 !important;background:radial-gradient(circle at 22% 70%,rgba(255,70,0,0.38),transparent 33%),radial-gradient(circle at 82% 20%,rgba(0,216,255,0.34),transparent 36%) !important;filter:blur(30px) !important;animation:vm509FloatDepth 7s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"], .homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"], .homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"], .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"], .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"], .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]{background:radial-gradient(circle at 50% -10%,rgba(255,255,255,0.24),transparent 32%),linear-gradient(135deg,#030713,#0a1930 58%,#050816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"], .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]{background:radial-gradient(circle at 52% -12%,rgba(255,242,176,0.3),transparent 34%),linear-gradient(135deg,#120904,#271908 56%,#071124) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"]::before, .homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"]::before, .homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"]::before, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]::before, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]::before, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]::before{opacity:0.38 !important;background:linear-gradient( 105deg,transparent,rgba(255,255,255,0.32),transparent ) !important;filter:blur(1px) !important;animation:vm509Sweep 8s ease-in-out infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"] .heroScene::before, .homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"] .heroScene::before{opacity:0.24 !important;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.22),transparent 32%),radial-gradient(circle at 82% 18%,rgba(157,239,255,0.14),transparent 36%) !important;filter:blur(24px) !important;animation:vm509FloatDepth 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"], .homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"], .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"], .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]{background:linear-gradient(135deg,#02040d,#071a36 56%,#050816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"]::before, .homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]::before{opacity:0.44 !important;background:linear-gradient(rgba(0,229,255,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,63,180,0.16) 1px,transparent 1px) !important;background-size:58px 58px !important;transform-origin:bottom !important;animation:vm509Tunnel 8s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"]::after, .homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"]::after, .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]::after, .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]::after{opacity:0.24 !important;background:radial-gradient( ellipse at 50% 70%,rgba(255,122,24,0.18),transparent 40% ) !important;animation:vm509GlowBreathe 6s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"], .homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"], .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"], .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]{background:linear-gradient(135deg,#02040d,#061936 56%,#050816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"]::after, .homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"]::after, .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]::after{inset:auto -10% -3% -10% !important;height:38% !important;opacity:0.55 !important;background:linear-gradient(to top,rgba(255,122,24,0.38) 0 18%,transparent 18%),linear-gradient(to top,rgba(47,140,255,0.34) 0 32%,transparent 32%),linear-gradient(to top,rgba(52,245,197,0.26) 0 24%,transparent 24%),linear-gradient(to top,rgba(255,63,180,0.2) 0 38%,transparent 38%) !important;background-size:48px 100%,68px 100%,92px 100%,118px 100% !important;background-repeat:repeat-x !important;filter:drop-shadow(0 0 13px rgba(47,140,255,0.3)) !important;animation:vm509Bars 1.45s steps(4,end) infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"], .homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"], .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"], .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]{background:linear-gradient(135deg,#02040d,#071329 56%,#040714) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"]::before, .homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"]::before, .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"]::before, .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]::before{opacity:0.5 !important;background:radial-gradient(circle,rgba(255,122,24,0.42) 0 1.6px,transparent 3px),radial-gradient(circle,rgba(47,140,255,0.38) 0 1.6px,transparent 3px),radial-gradient(circle,rgba(255,255,255,0.28) 0 1px,transparent 2px) !important;background-size:42px 42px,56px 56px,86px 86px !important;animation:vm509Led 5s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"], .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]{background:linear-gradient(135deg,#030611,#071329 56%,#050816) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::before, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::before{opacity:0.52 !important;background:radial-gradient(ellipse at 30% 65%,rgba(255,255,255,0.18),transparent 38%),radial-gradient(ellipse at 78% 62%,rgba(255,255,255,0.12),transparent 36%) !important;filter:blur(16px) !important;animation:vm509FloatDepth 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::after, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::after{opacity:0.34 !important;background:linear-gradient(70deg,transparent 0 44%,rgba(255,255,255,0.2) 48%,transparent 54%),linear-gradient(110deg,transparent 0 42%,rgba(47,140,255,0.2) 47%,transparent 53%) !important;filter:blur(8px) !important;animation:vm509LaserFan 8s ease-in-out infinite alternate !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506{position:relative !important;overflow:hidden !important;isolation:isolate !important;min-height:0 !important;height:var(--vmPreviewHeightV506,300px) !important;padding:0 !important;border-radius:24px !important;background:#050816 !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 > .heroContent{display:none !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506{position:absolute !important;left:0 !important;top:0 !important;width:1280px !important;height:520px !important;transform:scale(var(--vmPreviewScaleV506,0.58)) !important;transform-origin:left top !important;z-index:2 !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroWow{width:1280px !important;height:520px !important;min-height:520px !important;max-height:520px !important;margin:0 !important;border-radius:24px !important;display:grid !important;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr) !important;gap:70px !important;padding:54px 82px !important;box-sizing:border-box !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroContent{display:block !important;max-width:570px !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroContent h1{font-size:50px !important;line-height:0.92 !important;margin-bottom:18px !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroSlogan{display:block !important;max-width:520px !important;white-space:normal !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText, .eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .grad.vmLogoText{display:block !important;visibility:visible !important;opacity:1 !important;font-size:64px !important;line-height:0.88 !important;margin-top:8px !important;white-space:nowrap !important;color:#fff !important;-webkit-text-fill-color:initial !important;text-shadow:0 0 12px rgba(255,122,24,0.38),0 0 22px rgba(0,216,255,0.22) !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .lead{margin-top:10px !important;max-width:500px !important;font-size:15px !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .actions{display:flex !important;flex-wrap:wrap !important;gap:12px !important;max-width:500px !important;align-items:center !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .actions .coffee{flex-basis:100% !important;width:max-content !important;margin-top:0 !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .stats{margin-top:14px !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroPlayer{align-self:center !important;transform:scale(0.72) !important;transform-origin:right center !important;}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .heroScene{display:block !important;}
@keyframes vm509LaserFan { 0% { transform: translateX(-15px) rotate(-1.6deg); filter: brightness(0.98); } 100% { transform: translateX(15px) rotate(1.8deg); filter: brightness(1.16); } }
@keyframes vm509DiscoFan { 0% { transform: translateX(-20px) rotate(-2.4deg) scale(1); filter: brightness(0.98) saturate(1.05); } 100% { transform: translateX(20px) rotate(2.5deg) scale(1.02); filter: brightness(1.22) saturate(1.25); } }
@keyframes vm509Sweep { 0%, 60%, 100% { opacity: 0; transform: translateX(-120%) skewX(-16deg); } 72% { opacity: 0.42; } 88% { opacity: 0.1; transform: translateX(120%) skewX(-16deg); } }
@keyframes vm509Grid { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 80px 0, -42px 24px, 36px -18px; } }
@keyframes vm509DotsFloat { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 52px 0, -38px 26px, 26px -18px; } }
@keyframes vm509Led { 0% { background-position: 0 0, 0 0, 0 0; filter: brightness(0.95); } 50% { background-position: 22px 0, -16px 12px, 20px -10px; filter: brightness(1.22); } 100% { background-position: 44px 0, -32px 24px, 40px -20px; filter: brightness(1.05); } }
@keyframes vm509Aurora { 0% { background-position: 0% 50%; filter: hue-rotate(0deg); } 100% { background-position: 100% 50%; filter: hue-rotate(18deg); } }
@keyframes vm509AuroraSweep { 0% { transform: translateX(-8px); filter: blur(10px) hue-rotate(0deg); } 100% { transform: translateX(8px); filter: blur(10px) hue-rotate(18deg); } }
@keyframes vm509Stars { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 52px 0, -86px 30px, 128px -48px; } }
@keyframes vm509Cyber { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 100px 0, -80px 0, 0 36px; } }
@keyframes vm509Scan { 0% { transform: translateX(-14px); filter: brightness(0.95); } 100% { transform: translateX(14px); filter: brightness(1.24); } }
@keyframes vm509Bars { 0% { filter: brightness(0.92) drop-shadow(0 0 10px rgba(47, 140, 255, 0.3)); } 100% { filter: brightness(1.18) drop-shadow(0 0 18px rgba(255, 122, 24, 0.32)); } }
@keyframes vm509Tunnel { 0% { background-position: 0 0, 0 0; filter: brightness(0.95); } 100% { background-position: 58px 0, -58px 0; filter: brightness(1.14); } }
@keyframes vm509GlowBreathe { 0% { transform: scale(0.98); opacity: 0.32; } 100% { transform: scale(1.04); opacity: 0.5; } }
@keyframes vm509FloatDepth { 0% { transform: translate(-10px, -6px) scale(0.98); opacity: 0.28; } 100% { transform: translate(14px, 10px) scale(1.06); opacity: 0.44; } }
@keyframes vm509Holo { 0%, 100% { opacity: 0.26; transform: translateY(0); } 50% { opacity: 0.46; transform: translateY(8px); } }
:root[data-vm-hero-animate="0"] .homePremiumBody .heroWow::before, :root[data-vm-hero-animate="0"] .homePremiumBody .heroWow::after, :root[data-vm-hero-animate="0"] .homePremiumBody .heroScene::before, :root[data-vm-hero-animate="0"] .homePremiumBody .heroScene::after, .vmPreviewHeroV506[data-vm-hero-animate="0"]::before, .vmPreviewHeroV506[data-vm-hero-animate="0"]::after, .vmPreviewHeroV506[data-vm-hero-animate="0"] .heroScene::before, .vmPreviewHeroV506[data-vm-hero-animate="0"] .heroScene::after{animation:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]), .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]){--vm510ContentShade:linear-gradient( 90deg,rgba(3,6,18,0.72) 0%,rgba(3,6,18,0.52) 26%,rgba(3,6,18,0.2) 48%,rgba(3,6,18,0.04) 70%,transparent 100% );}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{z-index:0 !important;opacity:0.32 !important;filter:blur(10px) saturate(1.05) !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before{z-index:0 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after{inset:0 !important;z-index:1 !important;opacity:0.72 !important;background:var(--vm510ContentShade) !important;filter:none !important;animation:none !important;mix-blend-mode:normal !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before{z-index:0 !important;opacity:0.3 !important;filter:blur(42px) !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{z-index:5 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .btn, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .mini, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .kicker, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .btn, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .mini, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .kicker{backdrop-filter:blur(16px) saturate(1.08) !important;-webkit-backdrop-filter:blur(16px) saturate(1.08) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::after, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::after, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::after{opacity:0.3 !important;filter:blur(14px) saturate(1.15) !important;background:linear-gradient( 64deg,transparent 0 39%,rgba(255,40,190,0.42) 41%,rgba(255,40,190,0.12) 44%,transparent 48% ),linear-gradient( 96deg,transparent 0 50%,rgba(25,140,255,0.4) 52%,rgba(25,140,255,0.12) 55%,transparent 59% ),linear-gradient( 122deg,transparent 0 60%,rgba(255,210,0,0.34) 62%,rgba(255,210,0,0.1) 65%,transparent 69% ) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::after, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::after{opacity:0.28 !important;filter:blur(13px) saturate(1.12) !important;background:linear-gradient( 68deg,transparent 0 40%,rgba(255,122,24,0.42) 42%,rgba(255,122,24,0.1) 46%,transparent 50% ),linear-gradient( 112deg,transparent 0 53%,rgba(0,216,255,0.4) 55%,rgba(0,216,255,0.1) 59%,transparent 63% ) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::after, .homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"]::after, .homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"]::after, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::after, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]::after{opacity:0.28 !important;filter:blur(13px) saturate(1.12) !important;background:linear-gradient( 70deg,transparent 0 42%,rgba(255,122,24,0.38) 44%,rgba(255,122,24,0.1) 48%,transparent 52% ),linear-gradient( 110deg,transparent 0 52%,rgba(47,140,255,0.36) 55%,rgba(47,140,255,0.1) 59%,transparent 63% ) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::before, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::before{opacity:0.28 !important;mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 90%,transparent 100% ) !important;-webkit-mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 90%,transparent 100% ) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::before, .homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::before, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::before, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::before{opacity:0.34 !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{box-shadow:0 0 0 1px rgba(255,255,255,0.1),0 24px 70px rgba(0,0,0,0.36),0 0 34px rgba(0,216,255,0.07) !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .vmLogoText, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .vmLogoText{text-shadow:0 0 10px rgba(255,122,24,0.26),0 0 22px rgba(0,216,255,0.14),0 4px 18px rgba(0,0,0,0.42) !important;}
@keyframes vm506Laser { 0% { transform: translateX(-18px) rotate(-2deg); filter: brightness(0.96); } 100% { transform: translateX(18px) rotate(2deg); filter: brightness(1.14); } }
@keyframes vm506Disco { 0% { transform: translateX(-16px) rotate(-2.5deg) scale(1); filter: brightness(0.96) saturate(1.05); } 100% { transform: translateX(16px) rotate(2.5deg) scale(1.02); filter: brightness(1.16) saturate(1.2); } }
html:not(.vmHeroReady) body.homePremiumBody .heroWow{opacity:0 !important;}
html.vmHeroReady body.homePremiumBody .heroWow{opacity:1 !important;transition:opacity 0.18s ease-out !important;}
.homePremiumBody .heroWow, .vmPreviewHeroV506{isolation:isolate !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::after{content:"" !important;display:block !important;inset:0 !important;opacity:0 !important;background:transparent !important;box-shadow:none !important;filter:none !important;animation:none !important;pointer-events:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent{background:transparent !important;box-shadow:none !important;border:0 !important;outline:0 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before{z-index:0 !important;opacity:0.95 !important;filter:none !important;border-radius:0 !important;mask-image:none !important;-webkit-mask-image:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{z-index:0 !important;opacity:0.42 !important;border-radius:0 !important;mix-blend-mode:screen !important;pointer-events:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroScene::before{z-index:0 !important;opacity:0.34 !important;filter:blur(46px) saturate(1.22) !important;pointer-events:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{position:relative !important;z-index:4 !important;}
.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::before, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::before{background:radial-gradient(circle at 18% 18%,rgba(255,122,24,0.22),transparent 30%),radial-gradient(circle at 82% 18%,rgba(0,216,255,0.24),transparent 34%),radial-gradient(circle at 54% 106%,rgba(255,40,190,0.18),transparent 44%),linear-gradient(135deg,#030611 0%,#07162d 58%,#040613 100%) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::after, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::after{background:linear-gradient(72deg,transparent 0 38%,rgba(255,122,24,0.26) 43%,transparent 50%),linear-gradient(112deg,transparent 0 52%,rgba(0,216,255,0.24) 57%,transparent 64%),radial-gradient(ellipse at 50% 100%,rgba(255,255,255,0.08),transparent 55%) !important;animation:vmV511StageSweep 8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::before, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::before{background:radial-gradient(circle at 12% 76%,rgba(255,123,24,0.3),transparent 34%),radial-gradient(circle at 86% 20%,rgba(0,190,255,0.3),transparent 38%),linear-gradient(122deg,#050715 0%,#09213b 55%,#120804 100%) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::after, .homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::after{opacity:0.48 !important;background:linear-gradient(64deg,transparent 0 40%,rgba(255,133,32,0.4) 45%,transparent 52%),linear-gradient(118deg,transparent 0 50%,rgba(0,216,255,0.38) 56%,transparent 64%) !important;filter:blur(18px) saturate(1.22) !important;animation:vmV511LaserSlow 7.5s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::before, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::before{background:radial-gradient(circle at 18% 28%,rgba(255,38,190,0.25),transparent 32%),radial-gradient(circle at 82% 22%,rgba(47,140,255,0.24),transparent 34%),radial-gradient(circle at 50% 108%,rgba(255,210,0,0.18),transparent 42%),linear-gradient(135deg,#07030f 0%,#111235 54%,#040714 100%) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::after, .homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::after, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::after{opacity:0.52 !important;background:linear-gradient(54deg,transparent 0 35%,rgba(255,40,190,0.44) 40%,transparent 46%),linear-gradient(90deg,transparent 0 47%,rgba(47,140,255,0.38) 52%,transparent 59%),linear-gradient(126deg,transparent 0 57%,rgba(255,210,0,0.32) 62%,transparent 68%) !important;filter:blur(16px) saturate(1.32) !important;animation:vmV511DiscoFan 5.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::before, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::before{background:linear-gradient( 118deg,rgba(9,255,183,0.16),transparent 28%,rgba(81,135,255,0.2) 50%,transparent 68%,rgba(197,72,255,0.18) ),linear-gradient(135deg,#020611 0%,#071c2f 58%,#050816 100%) !important;background-size:170% 170% !important;animation:vmV511Aurora 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::after, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::after{opacity:0.5 !important;background:radial-gradient(ellipse at 30% 20%,rgba(35,255,190,0.25),transparent 42%),radial-gradient(ellipse at 72% 18%,rgba(150,80,255,0.24),transparent 46%) !important;filter:blur(28px) !important;animation:vmV511GlowDrift 10s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::before{background:radial-gradient(circle,rgba(255,255,255,0.4) 0 1px,transparent 2px),radial-gradient(circle,rgba(0,216,255,0.26) 0 1px,transparent 2px),radial-gradient(circle at 72% 24%,rgba(124,78,255,0.3),transparent 34%),linear-gradient(135deg,#030611 0%,#09132e 58%,#050816 100%) !important;background-size:78px 78px,116px 116px,100% 100%,100% 100% !important;animation:vmV511Stars 14s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::after{background:radial-gradient(ellipse at 65% 25%,rgba(95,80,255,0.34),transparent 45%),radial-gradient(ellipse at 25% 78%,rgba(255,60,200,0.18),transparent 40%) !important;filter:blur(22px) !important;animation:vmV511GlowDrift 11s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::before, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::before{background:repeating-linear-gradient( 100deg,transparent 0 28px,rgba(0,224,255,0.08) 30px,transparent 34px ),radial-gradient(circle at 80% 24%,rgba(0,216,255,0.3),transparent 36%),linear-gradient(135deg,#020611,#061b32 58%,#050816) !important;animation:vmV511ElectricBg 6.5s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::after, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::after{opacity:0.46 !important;background:linear-gradient(90deg,transparent 0 8%,rgba(0,216,255,0.32) 11%,transparent 14%),linear-gradient(108deg,transparent 0 47%,rgba(255,122,24,0.22) 51%,transparent 56%) !important;filter:blur(12px) !important;animation:vmV511ElectricPulse 2.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"]::before, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]::before{background:radial-gradient(circle at 18% 78%,rgba(255,70,0,0.38),transparent 35%),radial-gradient(circle at 86% 22%,rgba(0,216,255,0.36),transparent 38%),linear-gradient(125deg,#170401 0%,#07172d 58%,#031020 100%) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"]::after, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]::after{opacity:0.48 !important;background:linear-gradient(65deg,transparent 0 40%,rgba(255,78,0,0.4) 45%,transparent 52%),linear-gradient(115deg,transparent 0 52%,rgba(0,216,255,0.42) 57%,transparent 64%) !important;filter:blur(18px) !important;animation:vmV511FireIce 6.4s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"]::before, .homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"]::before, .homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"]::before, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]::before, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]::before, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]::before{background:radial-gradient(circle at 50% -10%,rgba(255,255,255,0.22),transparent 34%),radial-gradient(circle at 82% 24%,rgba(100,210,255,0.16),transparent 38%),linear-gradient(135deg,#030713 0%,#0b1830 58%,#050816 100%) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"]::after, .homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"]::after, .homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"]::after, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]::after, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]::after, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]::after{opacity:0.36 !important;background:linear-gradient(105deg,transparent 0 38%,rgba(255,255,255,0.34) 46%,transparent 56%),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.18),transparent 48%) !important;filter:blur(10px) !important;animation:vmV511GlassSweep 9s ease-in-out infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"]::before, .homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]::before{background:linear-gradient(rgba(0,229,255,0.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,63,180,0.16) 1px,transparent 1px),linear-gradient(135deg,#02040d,#071a36 56%,#050816) !important;background-size:62px 62px,62px 62px,100% 100% !important;transform-origin:bottom center !important;animation:vmV511Tunnel 7s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"]::after, .homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"]::after, .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]::after{inset:auto -4% -3% -4% !important;height:42% !important;opacity:0.62 !important;background:linear-gradient(to top,rgba(255,122,24,0.42) 0 18%,transparent 18%),linear-gradient(to top,rgba(47,140,255,0.38) 0 34%,transparent 34%),linear-gradient(to top,rgba(52,245,197,0.3) 0 24%,transparent 24%),linear-gradient(to top,rgba(255,63,180,0.25) 0 42%,transparent 42%) !important;background-size:42px 100%,63px 100%,88px 100%,112px 100% !important;background-repeat:repeat-x !important;filter:drop-shadow(0 0 16px rgba(47,140,255,0.32)) !important;animation:vmV511Bars 1.25s steps(5,end) infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"]::before, .homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"]::before, .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"]::before, .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]::before{background:radial-gradient(circle,rgba(255,122,24,0.5) 0 1.7px,transparent 3px),radial-gradient(circle,rgba(47,140,255,0.45) 0 1.7px,transparent 3px),radial-gradient(circle,rgba(255,255,255,0.32) 0 1px,transparent 2px),linear-gradient(135deg,#02040d,#071329 56%,#040714) !important;background-size:38px 38px,54px 54px,84px 84px,100% 100% !important;animation:vmV511Led 4.2s linear infinite !important;}
.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::before, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::before{background:radial-gradient(ellipse at 28% 64%,rgba(255,255,255,0.2),transparent 38%),radial-gradient(ellipse at 78% 62%,rgba(255,255,255,0.14),transparent 36%),linear-gradient(135deg,#030611,#071329 56%,#050816) !important;filter:blur(8px) !important;animation:vmV511Smoke 10s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::after, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::after{opacity:0.38 !important;background:linear-gradient(70deg,transparent 0 44%,rgba(255,255,255,0.22) 48%,transparent 54%),linear-gradient(110deg,transparent 0 42%,rgba(47,140,255,0.22) 47%,transparent 53%) !important;filter:blur(14px) !important;animation:vmV511SmokeBeam 8s ease-in-out infinite alternate !important;}
@keyframes vmV511StageSweep { 0% { transform: translateX(-22px); filter: brightness(0.96); } 100% { transform: translateX(22px); filter: brightness(1.14); } }
@keyframes vmV511LaserSlow { 0% { transform: translateX(-24px) rotate(-1.8deg); } 100% { transform: translateX(24px) rotate(1.8deg); } }
@keyframes vmV511DiscoFan { 0% { transform: translateX(-28px) rotate(-2.4deg) scale(1); filter: brightness(0.95) saturate(1.05); } 100% { transform: translateX(28px) rotate(2.4deg) scale(1.02); filter: brightness(1.18) saturate(1.25); } }
@keyframes vmV511Aurora { 0% { background-position: 0% 40%; filter: hue-rotate(0deg); } 100% { background-position: 100% 60%; filter: hue-rotate(22deg); } }
@keyframes vmV511GlowDrift { 0% { transform: translate(-18px, -8px) scale(0.98); } 100% { transform: translate(18px, 10px) scale(1.04); } }
@keyframes vmV511Stars { 0% { background-position: 0 0, 0 0, 0 0, 0 0; } 100% { background-position: 78px 0, -116px 42px, 0 0, 0 0; } }
@keyframes vmV511ElectricBg { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 90px 0, 0 0, 0 0; } }
@keyframes vmV511ElectricPulse { 0% { opacity: 0.25; transform: translateX(-12px); } 100% { opacity: 0.54; transform: translateX(12px); } }
@keyframes vmV511FireIce { 0% { transform: translateX(-20px); filter: hue-rotate(0deg) blur(18px); } 100% { transform: translateX(20px); filter: hue-rotate(8deg) blur(18px); } }
@keyframes vmV511GlassSweep { 0%, 55%, 100% { transform: translateX(-105%); opacity: 0; } 66% { opacity: 0.36; } 86% { transform: translateX(105%); opacity: 0.12; } }
@keyframes vmV511Tunnel { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 62px 0, -62px 0, 0 0; } }
@keyframes vmV511Bars { 0% { filter: brightness(0.9) drop-shadow(0 0 10px rgba(47, 140, 255, 0.28)); } 100% { filter: brightness(1.2) drop-shadow(0 0 18px rgba(255, 122, 24, 0.34)); } }
@keyframes vmV511Led { 0% { background-position: 0 0, 0 0, 0 0, 0 0; filter: brightness(0.92); } 50% { background-position: 19px 0, -18px 10px, 18px -10px, 0 0; filter: brightness(1.22); } 100% { background-position: 38px 0, -36px 20px, 36px -20px, 0 0; filter: brightness(1.05); } }
@keyframes vmV511Smoke { 0% { transform: translate(-12px, -4px) scale(0.99); } 100% { transform: translate(16px, 8px) scale(1.04); } }
@keyframes vmV511SmokeBeam { 0% { transform: translateX(-18px) rotate(-1deg); } 100% { transform: translateX(18px) rotate(1deg); } }
.homePremiumBody .heroWow.page, .vmPreviewHeroV506{overflow:visible !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
.homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after{inset:-150px -210px -135px -170px !important;border-radius:0 !important;pointer-events:none !important;-webkit-mask-image:radial-gradient( ellipse at 34% 38%,#000 0%,#000 34%,rgba(0,0,0,0.82) 48%,rgba(0,0,0,0.38) 66%,transparent 86% ),linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.35) 7%,#000 18%,#000 82%,rgba(0,0,0,0.35) 93%,transparent 100% ),linear-gradient( 180deg,transparent 0%,rgba(0,0,0,0.45) 10%,#000 23%,#000 78%,rgba(0,0,0,0.42) 91%,transparent 100% ) !important;mask-image:radial-gradient( ellipse at 34% 38%,#000 0%,#000 34%,rgba(0,0,0,0.82) 48%,rgba(0,0,0,0.38) 66%,transparent 86% ),linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.35) 7%,#000 18%,#000 82%,rgba(0,0,0,0.35) 93%,transparent 100% ),linear-gradient( 180deg,transparent 0%,rgba(0,0,0,0.45) 10%,#000 23%,#000 78%,rgba(0,0,0,0.42) 91%,transparent 100% ) !important;-webkit-mask-composite:source-in !important;mask-composite:intersect !important;}
.homePremiumBody .heroWow.page::before, .vmPreviewHeroV506::before{filter:blur(10px) saturate(1.08) !important;opacity:0.72 !important;}
.homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::after{filter:blur(18px) saturate(1.1) !important;opacity:0.3 !important;}
.homePremiumBody .heroWow .heroScene, .vmPreviewHeroV506 .heroScene{inset:-135px -260px -125px -170px !important;overflow:visible !important;border-radius:0 !important;opacity:0.5 !important;-webkit-mask-image:radial-gradient( ellipse at 38% 38%,#000 0%,#000 35%,rgba(0,0,0,0.72) 55%,rgba(0,0,0,0.26) 72%,transparent 90% ) !important;mask-image:radial-gradient( ellipse at 38% 38%,#000 0%,#000 35%,rgba(0,0,0,0.72) 55%,rgba(0,0,0,0.26) 72%,transparent 90% ) !important;}
.homePremiumBody .heroWow .heroScene::before, .vmPreviewHeroV506 .heroScene::before{filter:blur(58px) saturate(1.16) !important;opacity:0.24 !important;}
.homePremiumBody .heroWow h1, .homePremiumBody .heroWow .heroSlogan, .homePremiumBody .heroWow .vmLogoText, .vmPreviewHeroV506 .vmLogoText{background-color:transparent !important;box-shadow:none !important;outline:0 !important;border:0 !important;-webkit-mask-image:none !important;mask-image:none !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated{overflow:visible !important;isolation:isolate !important;filter:none !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated > span{text-shadow:0 0 3px rgba(255,255,255,0.16),0 0 10px currentColor,0 0 24px color-mix(in srgb,currentColor 62%,transparent),0 7px 24px rgba(0,0,0,0.38) !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated::before, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated::after{display:none !important;content:none !important;background:transparent !important;box-shadow:none !important;filter:none !important;}
.homePremiumBody .heroWow .heroContent, .vmPreviewHeroV506 .heroContent{background:transparent !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
@supports not (color: color-mix(in srgb, red 50%, transparent)) { .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated > span { text-shadow: 0 0 3px rgba(255, 255, 255, 0.16), 0 0 10px currentColor, 0 0 20px currentColor, 0 7px 24px rgba(0, 0, 0, 0.38) !important; } }
@media (max-width: 1050px) { .homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after { inset: -110px -120px -95px -105px !important; } .homePremiumBody .heroWow .heroScene, .vmPreviewHeroV506 .heroScene { inset: -105px -140px -90px -105px !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow.page, .vmPreviewHeroV506 { overflow: hidden !important; } .homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after { inset: -80px -70px -70px -70px !important; } }
.homePremiumBody .heroWow.page, .vmPreviewHeroV506{position:relative !important;isolation:isolate !important;overflow:hidden !important;background:transparent !important;border-color:transparent !important;box-shadow:none !important;}
.homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after{content:"" !important;position:absolute !important;pointer-events:none !important;border-radius:0 !important;inset:-34% -12% -34% -12% !important;width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;-webkit-mask-image:none !important;mask-image:none !important;-webkit-mask-composite:initial !important;mask-composite:initial !important;clip-path:none !important;transform-origin:center center !important;mix-blend-mode:normal !important;}
.homePremiumBody .heroWow.page::before, .vmPreviewHeroV506::before{z-index:0 !important;opacity:0.98 !important;filter:none !important;}
.homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::after{z-index:1 !important;opacity:0.34 !important;filter:blur(34px) saturate(1.12) !important;mix-blend-mode:screen !important;}
.homePremiumBody .heroWow .heroScene, .vmPreviewHeroV506 .heroScene{position:absolute !important;inset:-38% -14% -38% -14% !important;width:auto !important;height:auto !important;max-width:none !important;max-height:none !important;overflow:visible !important;border-radius:0 !important;opacity:0.34 !important;pointer-events:none !important;mix-blend-mode:screen !important;-webkit-mask-image:none !important;mask-image:none !important;clip-path:none !important;}
.homePremiumBody .heroWow .heroScene::before, .homePremiumBody .heroWow .heroScene::after, .vmPreviewHeroV506 .heroScene::before, .vmPreviewHeroV506 .heroScene::after{pointer-events:none !important;border-radius:0 !important;-webkit-mask-image:none !important;mask-image:none !important;clip-path:none !important;box-shadow:none !important;}
.homePremiumBody .heroWow .heroScene::before, .vmPreviewHeroV506 .heroScene::before{inset:-12% -10% !important;width:auto !important;height:auto !important;opacity:0.22 !important;filter:blur(72px) saturate(1.18) !important;}
.homePremiumBody .heroWow .heroScene::after, .vmPreviewHeroV506 .heroScene::after{display:none !important;content:none !important;opacity:0 !important;background:transparent !important;filter:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{inset:-34% -12% -34% -12% !important;-webkit-mask-image:none !important;mask-image:none !important;clip-path:none !important;border-radius:0 !important;}
.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"]::after, .homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"]::after, .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]::after{inset:-34% -12% -34% -12% !important;height:auto !important;background-position:center bottom !important;}
.homePremiumBody .heroWow .heroContent, .homePremiumBody .heroWow h1, .homePremiumBody .heroWow .heroSlogan, .homePremiumBody .heroWow .vmLogoText, .vmPreviewHeroV506 .heroContent, .vmPreviewHeroV506 h1, .vmPreviewHeroV506 .vmLogoText{background:transparent !important;background-color:transparent !important;border:0 !important;outline:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;-webkit-mask-image:none !important;mask-image:none !important;clip-path:none !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated{overflow:visible !important;background:none !important;box-shadow:none !important;filter:none !important;mix-blend-mode:normal !important;isolation:isolate !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated::after, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated::before, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated::after{display:none !important;content:none !important;opacity:0 !important;background:transparent !important;box-shadow:none !important;filter:none !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated > span{background:transparent !important;box-shadow:none !important;outline:0 !important;-webkit-mask-image:none !important;mask-image:none !important;clip-path:none !important;text-shadow:0 0 4px rgba(255,255,255,0.14),0 0 11px currentColor,0 0 25px color-mix(in srgb,currentColor 52%,transparent),0 9px 26px rgba(0,0,0,0.32) !important;}
.homePremiumBody .heroWow .heroContent, .homePremiumBody .heroWow .heroPlayer, .vmPreviewHeroV506 .heroContent, .vmPreviewHeroV506 .heroPlayer{position:relative !important;z-index:5 !important;}
@supports not (color: color-mix(in srgb, red 50%, transparent)) { .homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated > span, .vmPreviewHeroV506 .vmLogoText.vmLogoAnimated > span { text-shadow: 0 0 4px rgba(255, 255, 255, 0.14), 0 0 11px currentColor, 0 0 22px currentColor, 0 9px 26px rgba(0, 0, 0, 0.32) !important; } }
@media (max-width: 1050px) { .homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after { inset: -28% -14% -28% -14% !important; } .homePremiumBody .heroWow .heroScene, .vmPreviewHeroV506 .heroScene { inset: -30% -16% -30% -16% !important; } }
@media (max-width: 640px) { .homePremiumBody .heroWow.page::before, .homePremiumBody .heroWow.page::after, .vmPreviewHeroV506::before, .vmPreviewHeroV506::after { inset: -22% -18% -22% -18% !important; } }
body.homePremiumBody .heroWow, body.homePremiumBody .heroWow.page{position:relative !important;overflow:hidden !important;isolation:isolate !important;}
body.homePremiumBody .heroWow .heroContent{position:relative !important;z-index:6 !important;background:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important;outline:0 !important;overflow:visible !important;-webkit-mask-image:none !important;mask-image:none !important;}
body.homePremiumBody .heroWow .heroContent::before, body.homePremiumBody .heroWow .heroContent::after{content:none !important;display:none !important;background:none !important;box-shadow:none !important;}
body.homePremiumBody .heroWow .heroScene, body.homePremiumBody .heroWow .heroScene::before, body.homePremiumBody .heroWow .heroScene::after, body.homePremiumBody .heroWow .heroScene .orb, body.homePremiumBody .heroWow .heroScene .wave, body.homePremiumBody .heroWow .heroScene .beam, body.homePremiumBody .heroWow .heroScene .spark, body.homePremiumBody .heroWow .heroScene .pulseCircle{display:none !important;visibility:hidden !important;opacity:0 !important;background:none !important;box-shadow:none !important;filter:none !important;animation:none !important;}
body.homePremiumBody .heroWow::before, body.homePremiumBody .heroWow::after{border-radius:0 !important;pointer-events:none !important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%) !important;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 93%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 10%,#000 88%,transparent 100%) !important;-webkit-mask-composite:source-in !important;mask-composite:intersect !important;}
body.homePremiumBody .heroWow::before{inset:-26% -12% !important;z-index:0 !important;}
body.homePremiumBody .heroWow::after{inset:-32% -16% !important;z-index:1 !important;}
body.homePremiumBody .heroWow h1, body.homePremiumBody .heroWow .kicker, body.homePremiumBody .heroWow .lead, body.homePremiumBody .heroWow .actions, body.homePremiumBody .heroWow .stats, body.homePremiumBody .heroWow .heroPlayer{position:relative !important;z-index:7 !important;}
body.homePremiumBody .heroWow h1 .vmLogoText, body.homePremiumBody .heroWow h1 .vmLogoText::before, body.homePremiumBody .heroWow h1 .vmLogoText::after{border:0 !important;outline:0 !important;box-shadow:none !important;background-clip:text !important;-webkit-background-clip:text !important;}
body.homePremiumBody .heroWow h1 .vmLogoText::before, body.homePremiumBody .heroWow h1 .vmLogoText::after{border-radius:0 !important;-webkit-mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 88%,transparent 100% ) !important;mask-image:linear-gradient( 90deg,transparent 0%,#000 12%,#000 88%,transparent 100% ) !important;}
.vmPreviewHeroV506 .heroContent{background:transparent !important;background-image:none !important;box-shadow:none !important;border:0 !important;overflow:visible !important;}
.vmPreviewHeroV506 .heroContent::before, .vmPreviewHeroV506 .heroContent::after, .vmPreviewHeroV506 .heroScene, .vmPreviewHeroV506 .heroScene::before, .vmPreviewHeroV506 .heroScene::after, .vmPreviewHeroV506 .heroScene .orb, .vmPreviewHeroV506 .heroScene .wave, .vmPreviewHeroV506 .heroScene .beam, .vmPreviewHeroV506 .heroScene .spark, .vmPreviewHeroV506 .heroScene .pulseCircle{content:none !important;display:none !important;visibility:hidden !important;opacity:0 !important;background:none !important;box-shadow:none !important;filter:none !important;animation:none !important;}
body.homePremiumBody .heroWow[data-vm-hero-style], .vmPreviewHeroV506[data-vm-hero-style]{--vm515fx:0.52;--vm515speed:9s;--vm515glow:1;background:#050816 !important;}
body.homePremiumBody .heroWow[data-vm-hero-intensity="soft"], .vmPreviewHeroV506[data-vm-hero-intensity="soft"]{--vm515fx:0.34;--vm515glow:0.72;}
body.homePremiumBody .heroWow[data-vm-hero-intensity="strong"], .vmPreviewHeroV506[data-vm-hero-intensity="strong"]{--vm515fx:0.72;--vm515glow:1.24;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]), .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]){background:#050816 !important;box-shadow:0 38px 130px rgba(0,0,0,0.46),inset 0 0 0 1px rgba(255,255,255,0.08) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{content:"" !important;display:block !important;position:absolute !important;pointer-events:none !important;border-radius:0 !important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%) !important;mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 8%,#000 90%,transparent 100%) !important;-webkit-mask-composite:source-in !important;mask-composite:intersect !important;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::before{inset:-22% -10% !important;z-index:0 !important;opacity:1 !important;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"])::after{inset:-30% -15% !important;z-index:1 !important;opacity:var(--vm515fx) !important;mix-blend-mode:screen !important;filter:saturate(calc(1.05 * var(--vm515glow))) brightness(calc(1.02 * var(--vm515glow))) !important;}
body.homePremiumBody .heroWow[data-vm-hero-animate="0"]::before, body.homePremiumBody .heroWow[data-vm-hero-animate="0"]::after, .vmPreviewHeroV506[data-vm-hero-animate="0"]::before, .vmPreviewHeroV506[data-vm-hero-animate="0"]::after{animation:none !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"], .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]{background:linear-gradient(135deg,#020511,#071731 58%,#10030c) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::before, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::before{background:radial-gradient(circle at 18% 18%,rgba(255,122,24,0.34),transparent 30%),radial-gradient(circle at 82% 20%,rgba(0,216,255,0.32),transparent 34%),radial-gradient(ellipse at 50% 108%,rgba(255,255,255,0.14),transparent 48%),linear-gradient(135deg,#020511,#071731 58%,#10030c) !important;animation:vm515Breath 7s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="vm-stage-neon"]::after, .vmPreviewHeroV506[data-vm-hero-style="vm-stage-neon"]::after{background:linear-gradient(73deg,transparent 0 36%,rgba(255,122,24,0.42) 40%,transparent 48%),linear-gradient(109deg,transparent 0 52%,rgba(0,216,255,0.42) 57%,transparent 65%),radial-gradient(ellipse at 50% 94%,rgba(255,255,255,0.14),transparent 50%) !important;filter:blur(10px) saturate(1.16) !important;animation:vm515LaserFan 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"], .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]{background:linear-gradient(120deg,#060714 0%,#071c38 54%,#160804 100%) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::before{background:radial-gradient(circle at 10% 75%,rgba(255,122,24,0.54),transparent 34%),radial-gradient(circle at 88% 20%,rgba(0,188,255,0.48),transparent 38%),linear-gradient(120deg,#060714,#071c38 54%,#160804) !important;animation:vm515BlueOrange 6.5s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-show"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-show"]::after{background:linear-gradient( 98deg,transparent 0 20%,rgba(0,216,255,0.18) 28%,transparent 36% 52%,rgba(255,122,24,0.28) 62%,transparent 76% ),linear-gradient(72deg,transparent 0 46%,rgba(255,255,255,0.18) 50%,transparent 54%) !important;filter:blur(8px) !important;animation:vm515WideSweep 7.4s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"], .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]{background:radial-gradient(circle at 50% 0%,rgba(255,255,255,0.05),transparent 34%),linear-gradient(135deg,#03030d,#08081e 60%,#10030f) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::before{background:radial-gradient(circle at 16% 80%,rgba(255,44,188,0.36),transparent 28%),radial-gradient(circle at 50% 6%,rgba(255,220,0,0.3),transparent 26%),radial-gradient(circle at 88% 74%,rgba(0,216,255,0.34),transparent 30%),linear-gradient(135deg,#03030d,#08081e 60%,#10030f) !important;animation:vm515DiscoPulse 3.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="disco-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="disco-lasers"]::after{background:linear-gradient(62deg,transparent 0 31%,rgba(255,40,190,0.55) 34%,transparent 40%),linear-gradient(88deg,transparent 0 45%,rgba(255,220,0,0.42) 48%,transparent 53%),linear-gradient(116deg,transparent 0 58%,rgba(0,216,255,0.52) 61%,transparent 67%),linear-gradient(133deg,transparent 0 26%,rgba(60,255,170,0.34) 28%,transparent 34%) !important;filter:blur(7px) saturate(1.25) !important;animation:vm515LaserDance 4.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="club-energy"], .vmPreviewHeroV506[data-vm-hero-style="club-energy"]{background:linear-gradient(130deg,#050816,#10163e 54%,#270818) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="club-energy"]::before, .vmPreviewHeroV506[data-vm-hero-style="club-energy"]::before{background:radial-gradient(circle at 24% 35%,rgba(255,122,24,0.32),transparent 30%),radial-gradient(circle at 78% 35%,rgba(255,40,190,0.3),transparent 32%),radial-gradient(ellipse at 52% 100%,rgba(47,140,255,0.28),transparent 48%),linear-gradient(130deg,#050816,#10163e 54%,#270818) !important;animation:vm515Pump 2.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="club-energy"]::after, .vmPreviewHeroV506[data-vm-hero-style="club-energy"]::after{background:repeating-linear-gradient(90deg,rgba(255,255,255,0.07) 0 2px,transparent 2px 42px),linear-gradient(75deg,transparent 0 40%,rgba(255,122,24,0.26) 48%,transparent 57%) !important;filter:blur(2px) !important;animation:vm515ClubMove 3.2s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"], .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]{background:#030914 !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::before, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::before{background:linear-gradient( 115deg,#030914 0%,#06241d 30%,#0b1641 58%,#26072d 100% ) !important;animation:vm515AuroraBase 9s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="aurora-motion"]::after, .vmPreviewHeroV506[data-vm-hero-style="aurora-motion"]::after{background:linear-gradient( 100deg,transparent 0 12%,rgba(52,245,197,0.28) 24%,rgba(47,140,255,0.2) 42%,transparent 58% ),linear-gradient( 77deg,transparent 0 30%,rgba(255,63,180,0.22) 44%,rgba(255,122,24,0.14) 58%,transparent 75% ) !important;filter:blur(22px) saturate(1.28) !important;animation:vm515AuroraRibbon 10.5s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"], .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]{background:linear-gradient(145deg,#02030b,#08122d 56%,#110625) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::before{background:radial-gradient(circle at 18% 25%,rgba(160,90,255,0.3),transparent 34%),radial-gradient(circle at 84% 18%,rgba(0,216,255,0.22),transparent 32%),radial-gradient(circle at 50% 80%,rgba(255,122,24,0.18),transparent 42%),linear-gradient(145deg,#02030b,#08122d 56%,#110625) !important;animation:vm515Breath 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="galaxy-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="galaxy-live"]::after{background:radial-gradient(circle,rgba(255,255,255,0.8) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(130,210,255,0.55) 0 1px,transparent 2px),linear-gradient(76deg,transparent 0 45%,rgba(170,90,255,0.22) 50%,transparent 58%) !important;background-size:72px 72px,116px 116px,auto !important;filter:blur(0.1px) !important;animation:vm515Stars 16s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"], .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]{background:linear-gradient(135deg,#020812,#061d2e 55%,#020812) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::before, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::before{background:radial-gradient(circle at 14% 82%,rgba(52,245,197,0.28),transparent 35%),radial-gradient(circle at 84% 20%,rgba(47,140,255,0.34),transparent 38%),linear-gradient(135deg,#020812,#061d2e 55%,#020812) !important;animation:vm515Breath 5.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="electric-waves"]::after, .vmPreviewHeroV506[data-vm-hero-style="electric-waves"]::after{background:repeating-radial-gradient( ellipse at 50% 100%,transparent 0 30px,rgba(52,245,197,0.22) 32px,transparent 35px ),linear-gradient(90deg,transparent,rgba(47,140,255,0.16),transparent) !important;filter:blur(3px) !important;animation:vm515Wave 3.4s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"], .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]{background:linear-gradient(120deg,#061627 0%,#071329 50%,#2b0a03 100%) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"]::before, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]::before{background:radial-gradient(circle at 14% 42%,rgba(170,235,255,0.42),transparent 36%),radial-gradient(circle at 88% 44%,rgba(255,98,18,0.48),transparent 37%),linear-gradient(120deg,#061627 0%,#071329 50%,#2b0a03 100%) !important;animation:vm515FireIce 5.6s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="fire-ice-hero"]::after, .vmPreviewHeroV506[data-vm-hero-style="fire-ice-hero"]::after{background:linear-gradient(100deg,rgba(180,240,255,0.25),transparent 42%,rgba(255,122,24,0.28)),linear-gradient(75deg,transparent 0 43%,rgba(255,255,255,0.16) 50%,transparent 57%) !important;filter:blur(12px) !important;animation:vm515WideSweep 6.6s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"], .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]{background:linear-gradient(135deg,#06111f,#0b2139 60%,#09111d) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"]::before, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]::before{background:radial-gradient(ellipse at 22% 28%,rgba(255,255,255,0.2),transparent 34%),radial-gradient(ellipse at 78% 72%,rgba(0,216,255,0.18),transparent 38%),linear-gradient(135deg,#06111f,#0b2139 60%,#09111d) !important;animation:vm515Glass 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="liquid-glass-hero"]::after, .vmPreviewHeroV506[data-vm-hero-style="liquid-glass-hero"]::after{background:linear-gradient(110deg,transparent 0 20%,rgba(255,255,255,0.2) 34%,transparent 46%),radial-gradient(ellipse at 50% 50%,rgba(52,245,197,0.12),transparent 60%) !important;filter:blur(18px) contrast(1.08) !important;animation:vm515Liquid 9s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"], .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]{background:linear-gradient(135deg,#050816,#101a2b 60%,#0b0e18) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"]::before, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]::before{background:linear-gradient(45deg,rgba(255,255,255,0.1) 0 1px,transparent 1px 62px),linear-gradient(135deg,rgba(255,255,255,0.08) 0 1px,transparent 1px 62px),radial-gradient(circle at 72% 20%,rgba(180,238,255,0.28),transparent 34%),linear-gradient(135deg,#050816,#101a2b 60%,#0b0e18) !important;background-size:62px 62px,62px 62px,auto,auto !important;animation:vm515Diamond 10s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="diamond-stage"]::after, .vmPreviewHeroV506[data-vm-hero-style="diamond-stage"]::after{background:linear-gradient( 100deg,transparent 0 42%,rgba(255,255,255,0.32) 50%,transparent 58% ) !important;filter:blur(10px) !important;animation:vm515Shine 4.8s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"], .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]{background:linear-gradient(135deg,#02030c,#06142a 58%,#02030c) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]::before{background:repeating-radial-gradient( ellipse at 50% 52%,transparent 0 26px,rgba(0,216,255,0.2) 28px,transparent 32px ),radial-gradient(circle at 50% 52%,rgba(255,122,24,0.22),transparent 26%),linear-gradient(135deg,#02030c,#06142a 58%,#02030c) !important;animation:vm515Tunnel 4.4s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-tunnel"]::after, .vmPreviewHeroV506[data-vm-hero-style="neon-tunnel"]::after{background:linear-gradient(90deg,transparent 0 47%,rgba(255,255,255,0.16) 50%,transparent 53%),linear-gradient(120deg,transparent 0 40%,rgba(255,63,180,0.2) 48%,transparent 56%) !important;filter:blur(8px) !important;animation:vm515TunnelGlow 3.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"], .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]{background:linear-gradient(135deg,#060713,#10121f 55%,#070811) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"]::before, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]::before{background:radial-gradient(ellipse at 28% 0%,rgba(255,255,255,0.24),transparent 38%),radial-gradient(ellipse at 78% 0%,rgba(255,122,24,0.2),transparent 38%),linear-gradient(135deg,#060713,#10121f 55%,#070811) !important;animation:vm515Spot 7.5s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="premium-spotlight"]::after, .vmPreviewHeroV506[data-vm-hero-style="premium-spotlight"]::after{background:linear-gradient(70deg,transparent 0 38%,rgba(255,255,255,0.22) 48%,transparent 58%),linear-gradient(112deg,transparent 0 44%,rgba(255,122,24,0.16) 54%,transparent 66%) !important;filter:blur(18px) !important;animation:vm515SpotSweep 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"], .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]{background:linear-gradient(135deg,#02040d,#07142a 60%,#050816) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]::before{background:repeating-linear-gradient(90deg,rgba(255,122,24,0.16) 0 4px,transparent 4px 44px),radial-gradient(ellipse at 68% 94%,rgba(47,140,255,0.24),transparent 46%),linear-gradient(135deg,#02040d,#07142a 60%,#050816) !important;animation:vm515Console 2.6s steps(4,end) infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="dj-console-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="dj-console-live"]::after{background:linear-gradient(80deg,transparent 0 36%,rgba(0,216,255,0.24) 45%,transparent 52%),linear-gradient(103deg,transparent 0 58%,rgba(255,122,24,0.26) 66%,transparent 74%) !important;filter:blur(8px) !important;animation:vm515LaserFan 5.2s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"], .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]{background:linear-gradient(135deg,#02030b,#070721 56%,#13031a) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::before, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::before{background:radial-gradient(circle at 18% 85%,rgba(255,42,190,0.3),transparent 34%),radial-gradient(circle at 50% 5%,rgba(255,255,255,0.12),transparent 22%),radial-gradient(circle at 85% 80%,rgba(0,216,255,0.28),transparent 34%),linear-gradient(135deg,#02030b,#070721 56%,#13031a) !important;animation:vm515Breath 5.2s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="laser-club-night"]::after, .vmPreviewHeroV506[data-vm-hero-style="laser-club-night"]::after{background:linear-gradient(54deg,transparent 0 33%,rgba(255,42,190,0.46) 36%,transparent 43%),linear-gradient(88deg,transparent 0 50%,rgba(0,216,255,0.42) 53%,transparent 60%),linear-gradient(126deg,transparent 0 61%,rgba(255,255,255,0.26) 64%,transparent 70%) !important;filter:blur(6px) saturate(1.24) !important;animation:vm515LaserNight 4.2s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"], .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]{background:linear-gradient(135deg,#050816,#071329 56%,#050816) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"]::before, .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]::before{background:radial-gradient(circle at 15% 28%,rgba(255,122,24,0.22),transparent 30%),radial-gradient(circle at 80% 22%,rgba(47,140,255,0.24),transparent 34%),linear-gradient(135deg,#050816,#071329 56%,#050816) !important;animation:vm515Breath 7s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="spectrum-stage-live"]::after, .vmPreviewHeroV506[data-vm-hero-style="spectrum-stage-live"]::after{background:linear-gradient(to top,rgba(255,122,24,0.35) 0 12%,transparent 12%),linear-gradient(to top,rgba(47,140,255,0.32) 0 28%,transparent 28%),linear-gradient(to top,rgba(52,245,197,0.28) 0 20%,transparent 20%),linear-gradient(to top,rgba(255,63,180,0.25) 0 36%,transparent 36%) !important;background-size:34px 100%,54px 100%,82px 100%,112px 100% !important;background-repeat:repeat-x !important;background-position:0 100%,0 100%,0 100%,0 100% !important;filter:drop-shadow(0 0 14px rgba(47,140,255,0.34)) !important;animation:vm515Bars 1.25s steps(4,end) infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"], .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]{background:linear-gradient(135deg,#02040d,#08172e 60%,#02040d) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"]::before, .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]::before{background:linear-gradient(rgba(0,216,255,0.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,63,180,0.1) 1px,transparent 1px),radial-gradient(ellipse at 52% 100%,rgba(255,122,24,0.24),transparent 50%),linear-gradient(135deg,#02040d,#08172e 60%,#02040d) !important;background-size:54px 54px,54px 54px,auto,auto !important;animation:vm515Dancefloor 3.8s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="neon-dancefloor"]::after, .vmPreviewHeroV506[data-vm-hero-style="neon-dancefloor"]::after{background:radial-gradient(circle at 24% 78%,rgba(255,63,180,0.3),transparent 28%),radial-gradient(circle at 78% 76%,rgba(0,216,255,0.28),transparent 30%),linear-gradient(84deg,transparent 0 45%,rgba(255,255,255,0.16) 50%,transparent 56%) !important;filter:blur(12px) !important;animation:vm515DanceGlow 4.2s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"], .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]{background:linear-gradient(130deg,#020715,#062044 56%,#180803) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::before{background:radial-gradient(circle at 15% 78%,rgba(255,122,24,0.36),transparent 34%),radial-gradient(circle at 88% 18%,rgba(0,216,255,0.36),transparent 36%),linear-gradient(130deg,#020715,#062044 56%,#180803) !important;animation:vm515BlueOrange 5s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-lasers"]::after, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-lasers"]::after{background:linear-gradient(58deg,transparent 0 34%,rgba(255,122,24,0.52) 37%,transparent 44%),linear-gradient(112deg,transparent 0 56%,rgba(0,216,255,0.52) 59%,transparent 66%),linear-gradient(92deg,transparent 0 48%,rgba(255,255,255,0.18) 51%,transparent 56%) !important;filter:blur(5px) saturate(1.2) !important;animation:vm515LaserFan 4.5s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"], .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]{background:linear-gradient(145deg,#02040d,#071329 52%,#160414) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"]::before, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]::before{background:radial-gradient(circle at 18% 30%,rgba(255,122,24,0.24),transparent 30%),radial-gradient(circle at 82% 28%,rgba(47,140,255,0.24),transparent 32%),radial-gradient(circle at 52% 82%,rgba(255,63,180,0.2),transparent 42%),linear-gradient(145deg,#02040d,#071329 52%,#160414) !important;animation:vm515VideoPan 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="virtualmix-club-video"]::after, .vmPreviewHeroV506[data-vm-hero-style="virtualmix-club-video"]::after{background:linear-gradient(90deg,rgba(255,255,255,0.05) 0 1px,transparent 1px 6px),linear-gradient(68deg,transparent 0 40%,rgba(255,122,24,0.22) 48%,transparent 56%),linear-gradient(112deg,transparent 0 48%,rgba(47,140,255,0.22) 56%,transparent 65%) !important;background-size:6px 100%,auto,auto !important;filter:blur(4px) !important;animation:vm515VideoScan 2.8s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"], .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"]{background:linear-gradient(135deg,#03050d,#071329 58%,#03050d) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"]::before, .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"]::before{background:radial-gradient(circle,rgba(255,122,24,0.42) 0 1.5px,transparent 3px),radial-gradient(circle,rgba(47,140,255,0.36) 0 1.5px,transparent 3px),radial-gradient(circle,rgba(255,63,180,0.24) 0 1.3px,transparent 3px),linear-gradient(135deg,#03050d,#071329 58%,#03050d) !important;background-size:38px 38px,54px 54px,74px 74px,auto !important;animation:vm515Led 4s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="led-wall-party"]::after, .vmPreviewHeroV506[data-vm-hero-style="led-wall-party"]::after{background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.16),transparent ) !important;filter:blur(14px) !important;animation:vm515Shine 5.2s ease-in-out infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"], .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]{background:linear-gradient(135deg,#030611,#071329 56%,#050816) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::before, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::before{background:radial-gradient(ellipse at 28% 64%,rgba(255,255,255,0.18),transparent 42%),radial-gradient(ellipse at 78% 60%,rgba(255,255,255,0.13),transparent 38%),linear-gradient(135deg,#030611,#071329 56%,#050816) !important;filter:blur(12px) !important;animation:vm515Smoke 10s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="smoke-beams"]::after, .vmPreviewHeroV506[data-vm-hero-style="smoke-beams"]::after{background:linear-gradient(68deg,transparent 0 38%,rgba(255,255,255,0.22) 48%,transparent 58%),linear-gradient(112deg,transparent 0 40%,rgba(47,140,255,0.2) 50%,transparent 60%) !important;filter:blur(18px) !important;animation:vm515SmokeBeam 8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"], .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]{background:linear-gradient(135deg,#03050e,#09152a 58%,#03050e) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"]::before, .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]::before{background:linear-gradient(to top,rgba(47,140,255,0.26) 0 24%,transparent 24%),linear-gradient(to top,rgba(255,122,24,0.24) 0 40%,transparent 40%),linear-gradient(to top,rgba(52,245,197,0.18) 0 32%,transparent 32%),linear-gradient(135deg,#03050e,#09152a 58%,#03050e) !important;background-size:64px 100%,98px 100%,140px 100%,auto !important;background-repeat:repeat-x !important;background-position:0 bottom !important;animation:vm515City 1.8s steps(3,end) infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="equalizer-city"]::after, .vmPreviewHeroV506[data-vm-hero-style="equalizer-city"]::after{background:radial-gradient(ellipse at 50% 100%,rgba(255,255,255,0.14),transparent 50%),linear-gradient(90deg,transparent,rgba(47,140,255,0.16),transparent) !important;filter:blur(10px) !important;animation:vm515WideSweep 6s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"], .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]{background:linear-gradient(135deg,#021018,#061329 56%,#020812) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"]::before, .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]::before{background:repeating-linear-gradient(0deg,rgba(52,245,197,0.07) 0 1px,transparent 1px 9px),radial-gradient(circle at 74% 26%,rgba(52,245,197,0.28),transparent 34%),linear-gradient(135deg,#021018,#061329 56%,#020812) !important;animation:vm515HoloScan 3s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="hologram-stage-pro"]::after, .vmPreviewHeroV506[data-vm-hero-style="hologram-stage-pro"]::after{background:linear-gradient(105deg,transparent 0 36%,rgba(52,245,197,0.24) 45%,transparent 56%),linear-gradient(75deg,transparent 0 48%,rgba(0,216,255,0.2) 56%,transparent 66%) !important;filter:blur(11px) !important;animation:vm515HoloWave 5.4s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"], .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]{background:linear-gradient(135deg,#03030d,#090821 56%,#12040f) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"]::before, .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]::before{background:radial-gradient(circle at 50% 8%,rgba(255,255,255,0.38),transparent 14%),radial-gradient( circle at 50% 8%,transparent 0 18%,rgba(255,255,255,0.09) 19% 20%,transparent 21% ),radial-gradient(circle at 20% 80%,rgba(255,63,180,0.28),transparent 34%),radial-gradient(circle at 84% 78%,rgba(0,216,255,0.28),transparent 34%),linear-gradient(135deg,#03030d,#090821 56%,#12040f) !important;animation:vm515MirrorBall 4.8s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="mirrorball-disco"]::after, .vmPreviewHeroV506[data-vm-hero-style="mirrorball-disco"]::after{background:radial-gradient(circle,rgba(255,255,255,0.42) 0 1px,transparent 2px),linear-gradient(58deg,transparent 0 36%,rgba(255,255,255,0.24) 44%,transparent 52%),linear-gradient(118deg,transparent 0 46%,rgba(255,122,24,0.18) 55%,transparent 64%) !important;background-size:86px 86px,auto,auto !important;filter:blur(3px) !important;animation:vm515MirrorDots 5.6s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"], .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"]{background:linear-gradient(135deg,#020714,#061c27 56%,#080414) !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"]::before, .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"]::before{background:linear-gradient(rgba(52,245,197,0.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,122,24,0.08) 1px,transparent 1px),radial-gradient(circle at 82% 20%,rgba(52,245,197,0.28),transparent 35%),linear-gradient(135deg,#020714,#061c27 56%,#080414) !important;background-size:44px 44px,44px 44px,auto,auto !important;animation:vm515CyberGrid 4.2s linear infinite !important;}
body.homePremiumBody .heroWow[data-vm-hero-style="cyber-dj-booth"]::after, .vmPreviewHeroV506[data-vm-hero-style="cyber-dj-booth"]::after{background:linear-gradient(92deg,transparent 0 48%,rgba(52,245,197,0.28) 52%,transparent 58%),linear-gradient(66deg,transparent 0 40%,rgba(255,122,24,0.22) 48%,transparent 56%) !important;filter:blur(8px) !important;animation:vm515CyberSweep 3.6s ease-in-out infinite alternate !important;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroContent, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{position:relative !important;z-index:6 !important;}
body.homePremiumBody .heroWow[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer, .vmPreviewHeroV506[data-vm-hero-style]:not([data-vm-hero-style="standard"]) .heroPlayer{background:linear-gradient(145deg,rgba(8,13,31,0.82),rgba(8,12,26,0.66)) !important;backdrop-filter:blur(18px) saturate(1.08) !important;-webkit-backdrop-filter:blur(18px) saturate(1.08) !important;}
@keyframes vm515Breath { 0% { filter: brightness(0.95) saturate(1); transform: scale(1); } 100% { filter: brightness(1.12) saturate(1.18); transform: scale(1.025); } }
@keyframes vm515LaserFan { 0% { transform: translateX(-34px) rotate(-2.4deg); filter: blur(8px) brightness(0.96); } 100% { transform: translateX(34px) rotate(2.6deg); filter: blur(8px) brightness(1.24); } }
@keyframes vm515BlueOrange { 0% { filter: hue-rotate(-6deg) brightness(0.94); transform: scale(1); } 100% { filter: hue-rotate(8deg) brightness(1.16); transform: scale(1.03); } }
@keyframes vm515WideSweep { 0%, 100% { transform: translateX(-5%) skewX(-7deg); opacity: calc(var(--vm515fx) * 0.8); } 50% { transform: translateX(6%) skewX(-7deg); opacity: var(--vm515fx); } }
@keyframes vm515DiscoPulse { 0% { filter: brightness(0.92) saturate(1); } 50% { filter: brightness(1.22) saturate(1.35); } 100% { filter: brightness(1.02) saturate(1.15); } }
@keyframes vm515LaserDance { 0% { transform: translateX(-28px) rotate(-3deg); filter: blur(6px) hue-rotate(0deg); } 100% { transform: translateX(28px) rotate(3deg); filter: blur(6px) hue-rotate(20deg); } }
@keyframes vm515Pump { 0% { filter: brightness(0.92) saturate(1); transform: scale(1); } 100% { filter: brightness(1.22) saturate(1.25); transform: scale(1.035); } }
@keyframes vm515ClubMove { 0% { background-position: 0 0, 0 0; filter: brightness(0.95); } 100% { background-position: 88px 0, 40px 0; filter: brightness(1.18); } }
@keyframes vm515AuroraBase { 0% { filter: hue-rotate(0deg) brightness(0.96); } 100% { filter: hue-rotate(22deg) brightness(1.12); } }
@keyframes vm515AuroraRibbon { 0% { transform: translateX(-45px) translateY(-8px) rotate(-1deg); } 100% { transform: translateX(45px) translateY(10px) rotate(1deg); } }
@keyframes vm515Stars { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 120px -80px, -160px 90px, 70px 0; } }
@keyframes vm515Wave { 0% { transform: translateY(16px) scale(0.98); filter: blur(3px) brightness(0.95); } 100% { transform: translateY(-14px) scale(1.03); filter: blur(3px) brightness(1.2); } }
@keyframes vm515FireIce { 0% { filter: hue-rotate(-6deg) brightness(0.95); } 100% { filter: hue-rotate(6deg) brightness(1.16); } }
@keyframes vm515Glass { 0% { filter: brightness(0.94) contrast(1); } 100% { filter: brightness(1.12) contrast(1.08); } }
@keyframes vm515Liquid { 0% { transform: translateX(-35px) translateY(-10px) scale(1); } 100% { transform: translateX(38px) translateY(14px) scale(1.05); } }
@keyframes vm515Diamond { 0% { background-position: 0 0, 0 0, 0 0, 0 0; } 100% { background-position: 62px 0, -62px 0, 0 0, 0 0; } }
@keyframes vm515Shine { 0% { transform: translateX(-85%) skewX(-14deg); opacity: 0.05; } 35% { opacity: var(--vm515fx); } 100% { transform: translateX(85%) skewX(-14deg); opacity: 0.06; } }
@keyframes vm515Tunnel { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 0 60px, 0 0, 0 0; } }
@keyframes vm515TunnelGlow { 0% { transform: scale(0.98); filter: blur(8px) brightness(0.92); } 100% { transform: scale(1.05); filter: blur(8px) brightness(1.18); } }
@keyframes vm515Spot { 0% { filter: brightness(0.92); transform: translateX(-12px); } 100% { filter: brightness(1.12); transform: translateX(14px); } }
@keyframes vm515SpotSweep { 0% { transform: translateX(-30px) rotate(-2deg); } 100% { transform: translateX(30px) rotate(2deg); } }
@keyframes vm515Console { 0% { background-position: 0 bottom, 0 0, 0 0; filter: brightness(0.94); } 100% { background-position: 48px bottom, 0 0, 0 0; filter: brightness(1.16); } }
@keyframes vm515LaserNight { 0% { transform: translateX(-30px) rotate(-2.8deg); filter: blur(6px) hue-rotate(0deg); } 100% { transform: translateX(30px) rotate(2.8deg); filter: blur(6px) hue-rotate(18deg); } }
@keyframes vm515Bars { 0% { filter: brightness(0.9) drop-shadow(0 0 10px rgba(47, 140, 255, 0.28)); background-position: 0 100%, 0 100%, 0 100%, 0 100%; } 100% { filter: brightness(1.22) drop-shadow(0 0 18px rgba(255, 122, 24, 0.34)); background-position: 34px 100%, -54px 100%, 82px 100%, -112px 100%; } }
@keyframes vm515Dancefloor { 0% { background-position: 0 0, 0 0, 0 0, 0 0; } 100% { background-position: 54px 54px, -54px 54px, 0 0, 0 0; } }
@keyframes vm515DanceGlow { 0% { transform: translateX(-22px); filter: blur(12px) brightness(0.95); } 100% { transform: translateX(22px); filter: blur(12px) brightness(1.18); } }
@keyframes vm515VideoPan { 0% { transform: scale(1) translateX(-10px); filter: brightness(0.95); } 100% { transform: scale(1.035) translateX(12px); filter: brightness(1.14); } }
@keyframes vm515VideoScan { 0% { background-position: 0 0, 0 0, 0 0; filter: blur(4px) brightness(0.95); } 100% { background-position: 24px 0, 45px 0, -42px 0; filter: blur(4px) brightness(1.15); } }
@keyframes vm515Led { 0% { background-position: 0 0, 0 0, 0 0, 0 0; filter: brightness(0.92); } 50% { filter: brightness(1.24); } 100% { background-position: 38px 0, -54px 26px, 74px -30px, 0 0; filter: brightness(1.04); } }
@keyframes vm515Smoke { 0% { transform: translate(-22px, -10px) scale(1); opacity: 0.92; } 100% { transform: translate(28px, 15px) scale(1.08); opacity: 1; } }
@keyframes vm515SmokeBeam { 0% { transform: translateX(-35px) rotate(-1.5deg); opacity: calc(var(--vm515fx) * 0.72); } 100% { transform: translateX(35px) rotate(1.5deg); opacity: var(--vm515fx); } }
@keyframes vm515City { 0% { background-position: 0 bottom, 0 bottom, 0 bottom, 0 0; filter: brightness(0.92); } 100% { background-position: 64px bottom, -98px bottom, 140px bottom, 0 0; filter: brightness(1.18); } }
@keyframes vm515HoloScan { 0% { background-position: 0 0, 0 0, 0 0; filter: brightness(0.95); } 100% { background-position: 0 90px, 0 0, 0 0; filter: brightness(1.14); } }
@keyframes vm515HoloWave { 0% { transform: translateX(-25px) skewX(-4deg); filter: blur(11px) hue-rotate(0deg); } 100% { transform: translateX(25px) skewX(4deg); filter: blur(11px) hue-rotate(18deg); } }
@keyframes vm515MirrorBall { 0% { filter: brightness(0.95); transform: translateX(-8px); } 100% { filter: brightness(1.18); transform: translateX(8px); } }
@keyframes vm515MirrorDots { 0% { background-position: 0 0, 0 0, 0 0; filter: blur(3px) brightness(0.95); } 100% { background-position: 86px 60px, 45px 0, -45px 0; filter: blur(3px) brightness(1.2); } }
@keyframes vm515CyberGrid { 0% { background-position: 0 0, 0 0, 0 0, 0 0; filter: brightness(0.94); } 100% { background-position: 44px 44px, -44px 44px, 0 0, 0 0; filter: brightness(1.16); } }
@keyframes vm515CyberSweep { 0% { transform: translateX(-28px) skewX(-5deg); } 100% { transform: translateX(28px) skewX(5deg); } }
.vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"]){transform:translateZ(0) !important;perspective:900px !important;}
.vmLogoText[data-vm-logo-style]:not([data-vm-logo-style="standard"]) .vm493Spark{background:currentColor !important;box-shadow:0 0 8px currentColor,0 0 18px currentColor,0 0 36px rgba(255,255,255,0.35) !important;}
.vmLogoText[data-vm-logo-style="laser-vip-show"] .vm493Sweep, .vmLogoText[data-vm-logo-style="electric-comet-orange"] .vm493Sweep, .vmLogoText[data-vm-logo-style="gold-diamond-sweep"] .vm493Sweep, .vmLogoText[data-vm-logo-style="chrome-rainbow-3d"] .vm493Sweep{filter:blur(0.3px) saturate(1.35) !important;mix-blend-mode:screen !important;}
.vmLogoText[data-vm-logo-style="gold-diamond-sweep"] > span:not(.vm493Fx), .vmLogoText[data-vm-logo-style="chrome-rainbow-3d"] > span:not(.vm493Fx), .vmLogoText[data-vm-logo-style="ocean-crystal"] > span:not(.vm493Fx){transform-style:preserve-3d !important;}
.vmLogoText[data-vm-logo-style="hologram-glitch-pro"] .vm493Glitch, .vmLogoText[data-vm-logo-style="galaxy-neon-flow"] .vm493Glitch{text-shadow:2px 0 rgba(255,45,210,0.65),-2px 0 rgba(0,230,255,0.65) !important;}
.vmLogoText[data-vm-logo-style="disco-prism"] > span:not(.vm493Fx), .vmLogoText[data-vm-logo-style="matrix-club"] > span:not(.vm493Fx){transition:color 0.08s linear,text-shadow 0.08s linear,transform 0.08s linear !important;}
.vmLogoText[data-vm-logo-style="premium-wave"] .vm493Underline, .vmLogoText[data-vm-logo-style="royal-purple-lux"] .vm493Spark, .vmLogoText[data-vm-logo-style="fire-ice-storm"] .vm493Spark{opacity:0.9 !important;}
.listenBody .subHero .card{padding:22px 30px 24px !important;overflow:hidden !important;}
.listenBody .listenHeroTools{display:grid !important;grid-template-columns:auto minmax(0,760px) auto !important;align-items:center !important;gap:12px !important;width:100% !important;margin-top:13px !important;}
.listenBody .listenGreetingBtn{height:42px !important;white-space:nowrap !important;padding:10px 18px !important;}
.listenBody .listenHeroActions{display:flex !important;align-items:center !important;gap:10px !important;white-space:nowrap !important;}
.listenBody .listenHeroActions .btn{height:42px !important;min-width:96px !important;padding:10px 17px !important;}
.listenBody .listenHeroTools .listenGreetingsOnline{width:100% !important;max-width:760px !important;height:42px !important;min-height:42px !important;padding:0 !important;margin:0 !important;display:block !important;border-radius:18px !important;border:1px solid rgba(255,145,25,0.55) !important;background:#ff8a18 !important;overflow:hidden !important;box-shadow:0 10px 25px rgba(255,122,24,0.2),inset 0 0 0 1px rgba(255,255,255,0.12) !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{width:100% !important;height:34px !important;min-height:34px !important;max-height:34px !important;margin:3px 0 0 !important;padding:0 !important;border:0 !important;border-radius:14px !important;background:#ff8a18 !important;overflow:hidden !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, .listenBody iframe[data-embed="greetingsOnline"]{display:block !important;width:calc(100% + 4px) !important;height:72px !important;min-height:72px !important;max-height:none !important;margin:0 !important;border:0 !important;background:#ff8a18 !important;transform:translate(-2px,-16px) !important;}
.listenBody .listenLayout{grid-template-columns:minmax(0,1fr) 320px !important;gap:16px !important;}
.listenBody .listenPremiumPlayer{min-height:258px !important;padding:18px 22px 16px !important;border-radius:26px !important;position:relative !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer:before{opacity:0.75 !important;}
.listenBody .listenPremiumPlayer .now b{position:absolute !important;right:154px !important;top:28px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;margin:0 !important;color:var(--good) !important;letter-spacing:0.14em !important;z-index:4 !important;}
.listenBody .listenPremiumPlayer .avatar{position:absolute !important;right:34px !important;top:54px !important;width:118px !important;height:118px !important;border-radius:26px !important;z-index:4 !important;box-shadow:0 18px 42px rgba(0,0,0,0.38),0 0 0 1px rgba(255,255,255,0.2) inset !important;}
.listenBody .listenPremiumPlayer .controls{position:absolute !important;left:34px !important;top:94px !important;width:150px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;gap:9px !important;padding:0 !important;margin:0 !important;z-index:4 !important;}
.listenBody .listenPremiumPlayer .controls:after{content:"GŁOŚNOŚĆ";order:2;font-size:0.68rem;font-weight:900;letter-spacing:0.13em;color:rgba(255,255,255,0.68);margin-top:1px;}
.listenBody .listenPremiumPlayer .play{order:1 !important;width:60px !important;height:60px !important;flex:0 0 auto !important;box-shadow:0 0 0 14px rgba(255,255,255,0.055),0 16px 36px rgba(0,0,0,0.32) !important;}
.listenBody .listenPremiumPlayer .volume{order:3 !important;width:120px !important;margin:0 !important;}
.listenBody .listenPlayerTickers{position:absolute !important;left:210px !important;right:178px !important;top:66px !important;display:grid !important;gap:10px !important;z-index:4 !important;}
.listenBody .listenTickerRow{height:39px !important;display:flex !important;align-items:center !important;gap:10px !important;min-width:0 !important;border-radius:17px !important;border:1px solid rgba(255,255,255,0.11) !important;background:rgba(5,12,28,0.36) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.055) !important;padding:0 14px !important;overflow:hidden !important;}
.listenBody .listenTickerRow b{flex:0 0 auto !important;color:rgba(255,255,255,0.62) !important;font-size:0.74rem !important;line-height:1 !important;font-weight:950 !important;letter-spacing:0.11em !important;}
.listenBody .listenTickerRow span{display:block !important;min-width:100% !important;white-space:nowrap !important;font-size:1rem !important;font-weight:900 !important;color:#fff !important;text-shadow:0 7px 18px rgba(0,0,0,0.35) !important;animation:vmListenTickerMove 14s linear infinite !important;}
@keyframes vmListenTickerMove { 0% { transform: translateX(100%); } 8% { transform: translateX(35%); } 100% { transform: translateX(-115%); } }
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{position:absolute !important;left:210px !important;right:178px !important;top:160px !important;height:34px !important;min-height:34px !important;margin:0 !important;display:flex !important;align-items:end !important;gap:7px !important;z-index:4 !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer .meter i{min-height:5px !important;flex:1 1 auto !important;}
.listenBody .listenPremiumPlayer .chips{position:absolute !important;left:210px !important;right:26px !important;bottom:26px !important;display:flex !important;justify-content:center !important;gap:9px !important;margin:0 !important;z-index:4 !important;}
.listenBody .listenPremiumPlayer .chip{font-size:0.78rem !important;padding:7px 10px !important;}
.listenBody .listenFeatureGrid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:16px !important;margin-top:16px !important;}
.listenBody .listenFeatureGrid .span3, .listenBody .listenFeatureGrid .span4{grid-column:auto !important;}
.listenBody .listenFeatureCard{min-height:150px !important;padding:18px !important;border-radius:22px !important;}
.listenBody .listenFeatureCard h3{font-size:18px !important;}
.listenBody .listenFeatureCard p{font-size:13px !important;line-height:1.45 !important;}
.listenBody .listenFeatureCard .ico{background:linear-gradient(135deg,#ff8a18,#ffb34c) !important;color:#160900 !important;}
.listenBody .listenBottomBanner{margin-top:46px !important;padding:0 !important;overflow:hidden !important;border-radius:28px !important;min-height:178px !important;}
.listenBody .listenBottomBanner .vmBannerStage{min-height:178px !important;}
.listenBody .listenBottomBanner .vmHomeBanner{min-height:178px !important;padding:22px 26px !important;grid-template-columns:minmax(0,1fr) 130px !important;}
.listenBody .listenBottomBanner .vmHomeBanner h3{font-size:1.34rem !important;}
.listenBody .listenBottomBanner .vmHomeBannerText{font-size:0.95rem !important;line-height:1.45 !important;max-width:650px !important;}
.listenBody .listenBottomBanner .vmHomeBannerMedia{width:120px !important;height:120px !important;border-radius:26px !important;}
.listenBody .listenBottomBanner .vmBannerNav{left:50% !important;right:auto !important;bottom:13px !important;top:auto !important;transform:translateX(-50%) !important;opacity:0 !important;visibility:hidden !important;transition:opacity 0.18s ease,visibility 0.18s ease !important;}
.listenBody .listenBottomBanner:hover .vmBannerNav, .listenBody .listenBottomBanner:focus-within .vmBannerNav{opacity:1 !important;visibility:visible !important;}
.listenBody .listenEventsCard{min-height:0 !important;max-height:360px !important;overflow:hidden !important;padding:19px !important;}
.listenBody .listenEventsCard h2{font-size:1.55rem !important;}
.listenBody .listenEventsCard .eventsList{max-height:205px !important;overflow:hidden !important;margin-top:12px !important;}
.listenBody .listenEventsCard .eventItem{padding:12px !important;border-radius:17px !important;}
.listenBody .listenEventsCard .eventTitle{font-size:0.98rem !important;line-height:1.15 !important;}
.listenBody .listenEventsCard .eventText{font-size:0.82rem !important;line-height:1.35 !important;}
.listenBody .listenEventsMore{margin-top:12px !important;position:relative !important;z-index:4 !important;}
.listenBody .listenCoffeeSide h2{font-size:1.45rem !important;}
.listenBody .listenCoffeeSide .btn{gap:8px !important;}
@media (max-width: 1050px) { .listenBody .listenHeroTools { grid-template-columns: 1fr !important; } .listenBody .listenHeroTools .listenGreetingsOnline { max-width: none !important; } .listenBody .listenHeroActions { justify-content: flex-start !important; } .listenBody .listenLayout { grid-template-columns: 1fr !important; } .listenBody .listenFeatureGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 760px) { .listenBody .listenPremiumPlayer { min-height: 430px !important; } .listenBody .listenPremiumPlayer .controls { left: 50% !important; top: 74px !important; transform: translateX(-50%) !important; } .listenBody .listenPremiumPlayer .avatar { right: 50% !important; top: 190px !important; transform: translateX(50%) !important; width: 96px !important; height: 96px !important; } .listenBody .listenPremiumPlayer .now b { left: 50% !important; right: auto !important; top: 300px !important; transform: translateX(-50%) !important; } .listenBody .listenPlayerTickers { left: 16px !important; right: 16px !important; top: 322px !important; } .listenBody .listenPremiumPlayer .meter { left: 16px !important; right: 16px !important; top: 260px !important; } .listenBody .listenPremiumPlayer .chips { left: 12px !important; right: 12px !important; bottom: 12px !important; } .listenBody .listenFeatureGrid { grid-template-columns: 1fr !important; } }
.listenBody .listenPremiumPlayer{min-height:240px !important;height:240px !important;padding:0 !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer .liveTop{display:block !important;position:static !important;}
.listenBody .listenPremiumPlayer .now{position:static !important;}
.listenBody .listenPremiumPlayer .now strong, .listenBody .listenPremiumPlayer .now span{display:none !important;}
.listenBody .listenPremiumPlayer .now b{position:absolute !important;right:48px !important;top:22px !important;padding:5px 10px !important;border-radius:999px !important;background:rgba(5,12,28,0.42) !important;border:1px solid rgba(72,255,157,0.22) !important;box-shadow:0 0 18px rgba(72,255,157,0.1) !important;color:var(--good) !important;font-size:0.74rem !important;line-height:1 !important;letter-spacing:0.14em !important;z-index:6 !important;max-width:150px !important;white-space:nowrap !important;}
.listenBody .listenPremiumPlayer .avatar{position:absolute !important;right:38px !important;top:68px !important;width:104px !important;height:104px !important;border-radius:24px !important;z-index:5 !important;}
.listenBody .listenPremiumPlayer .controls{position:absolute !important;left:34px !important;top:76px !important;width:132px !important;display:grid !important;grid-template-columns:1fr !important;place-items:center !important;gap:7px !important;margin:0 !important;padding:0 !important;z-index:7 !important;}
.listenBody .listenPremiumPlayer .play{width:58px !important;height:58px !important;pointer-events:auto !important;}
.listenBody .listenPremiumPlayer .volume{width:112px !important;}
.listenBody .listenPlayerTickers{position:absolute !important;left:194px !important;right:178px !important;top:64px !important;display:grid !important;gap:9px !important;z-index:5 !important;}
.listenBody .listenTickerRow{height:36px !important;display:grid !important;grid-template-columns:96px minmax(0,1fr) !important;align-items:center !important;gap:10px !important;padding:0 13px !important;overflow:hidden !important;border-radius:16px !important;background:rgba(5,12,28,0.44) !important;border:1px solid rgba(255,255,255,0.12) !important;}
.listenBody .listenTickerRow b{display:block !important;width:96px !important;min-width:96px !important;max-width:96px !important;overflow:hidden !important;color:rgba(255,255,255,0.74) !important;font-size:0.7rem !important;line-height:1 !important;font-weight:950 !important;letter-spacing:0.1em !important;white-space:nowrap !important;}
.listenBody .listenTickerRow span{display:block !important;min-width:0 !important;width:100% !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;font-size:0.96rem !important;line-height:1 !important;font-weight:900 !important;color:#fff !important;animation:none !important;transform:none !important;}
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{position:absolute !important;left:194px !important;right:178px !important;top:152px !important;height:30px !important;min-height:30px !important;max-height:30px !important;margin:0 !important;display:flex !important;align-items:end !important;gap:6px !important;overflow:hidden !important;z-index:4 !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:28px !important;min-height:5px !important;}
.listenBody .listenPremiumPlayer .chips{position:absolute !important;left:194px !important;right:24px !important;bottom:22px !important;display:flex !important;justify-content:center !important;gap:8px !important;margin:0 !important;z-index:5 !important;}
.listenBody .listenPremiumPlayer .chip{font-size:0.76rem !important;padding:7px 10px !important;}
@media (max-width: 760px) { .listenBody .listenPremiumPlayer { height: 410px !important; min-height: 410px !important; } .listenBody .listenPremiumPlayer .controls { left: 50% !important; top: 48px !important; transform: translateX(-50%) !important; } .listenBody .listenPremiumPlayer .avatar { right: 50% !important; top: 140px !important; transform: translateX(50%) !important; width: 94px !important; height: 94px !important; } .listenBody .listenPremiumPlayer .now b { left: 50% !important; right: auto !important; top: 248px !important; transform: translateX(-50%) !important; } .listenBody .listenPlayerTickers { left: 16px !important; right: 16px !important; top: 276px !important; } .listenBody .listenPremiumPlayer .meter { left: 16px !important; right: 16px !important; top: 356px !important; } .listenBody .listenPremiumPlayer .chips { left: 10px !important; right: 10px !important; bottom: 10px !important; } }
.listenBody .listenPremiumPlayer{height:258px !important;min-height:258px !important;}
.listenBody .listenPremiumPlayer .now b{right:48px !important;top:24px !important;z-index:8 !important;}
.listenBody .listenPremiumPlayer .avatar{right:34px !important;top:72px !important;width:104px !important;height:104px !important;z-index:6 !important;}
.listenBody .listenPlayerTickers{left:194px !important;right:228px !important;top:64px !important;gap:9px !important;z-index:7 !important;}
.listenBody .listenTickerRow{position:relative !important;grid-template-columns:98px minmax(0,1fr) !important;gap:10px !important;overflow:hidden !important;}
.listenBody .listenTickerRow b{width:98px !important;min-width:98px !important;max-width:98px !important;z-index:2 !important;}
.listenBody .listenTickerRow span{width:max-content !important;min-width:100% !important;max-width:none !important;overflow:visible !important;text-overflow:clip !important;padding-left:100% !important;white-space:nowrap !important;animation:vmListenTickerMove 14s linear infinite !important;will-change:transform !important;}
.listenBody .listenTickerRow:nth-child(2) span{animation-duration:16s !important;}
@keyframes vmListenTickerMove { 0% { transform: translateX(0) !important; } 100% { transform: translateX(-100%) !important; } }
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{left:194px !important;right:228px !important;top:154px !important;height:48px !important;min-height:48px !important;max-height:48px !important;gap:6px !important;z-index:5 !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:46px !important;min-height:7px !important;}
.listenBody .listenPremiumPlayer .chips{left:194px !important;right:24px !important;bottom:18px !important;z-index:7 !important;}
.listenBody .listenPremiumPlayer .chip b{margin-left:4px !important;}
@media (max-width: 760px) { .listenBody .listenPremiumPlayer { height: 424px !important; min-height: 424px !important; } .listenBody .listenPlayerTickers { left: 16px !important; right: 16px !important; top: 276px !important; } .listenBody .listenTickerRow span { animation-duration: 13s !important; } .listenBody .listenPremiumPlayer .meter { left: 16px !important; right: 16px !important; top: 358px !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; } }
.listenBody .listenPremiumPlayer .listenPlayerTickers{right:260px !important;}
.listenBody .listenPremiumPlayer .listenTickerRow{overflow:hidden !important;}
.listenBody .listenPremiumPlayer .listenTickerRow span[data-player-presenter], .listenBody .listenPremiumPlayer .listenTickerRow span[data-player-broadcast]{position:relative !important;display:block !important;width:auto !important;min-width:0 !important;max-width:100% !important;height:100% !important;min-height:26px !important;padding-left:0 !important;overflow:hidden !important;white-space:nowrap !important;animation:none !important;transform:none !important;}
.listenBody .listenPremiumPlayer .vmListenTickerText{position:absolute !important;left:0 !important;top:50% !important;display:inline-flex !important;align-items:center !important;white-space:nowrap !important;min-width:max-content !important;width:max-content !important;max-width:none !important;padding:0 !important;animation:none !important;will-change:transform !important;}
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{top:176px !important;height:58px !important;min-height:58px !important;max-height:58px !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:56px !important;min-height:8px !important;}
@media (max-width: 760px) { .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { top: 368px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; } }
.listenBody .subHero{padding-bottom:14px !important;}
.listenBody .listenLayout{padding-top:18px !important;}
.listenBody .listenLayout > div{display:flex !important;flex-direction:column !important;gap:18px !important;}
.listenBody .listenLayout > div > .player.card, .listenBody .listenFeatureGrid, .listenBody .listenBottomBanner{margin-top:0 !important;margin-left:0 !important;margin-right:0 !important;width:100% !important;}
.listenBody .listenFeatureGrid{gap:18px !important;}
.listenBody .listenPremiumPlayer .listenTickerRow span[data-player-presenter], .listenBody .listenPremiumPlayer .listenTickerRow span[data-player-broadcast]{position:relative !important;isolation:isolate !important;overflow:hidden !important;color:transparent !important;}
.listenBody .listenPremiumPlayer .listenTickerRow span[data-player-presenter]::before, .listenBody .listenPremiumPlayer .listenTickerRow span[data-player-broadcast]::before{content:none !important;display:none !important;}
.listenBody .listenPremiumPlayer .vmListenTickerText{color:#fff !important;font-weight:900 !important;line-height:1 !important;transform:translate3d(100%,-50%,0);backface-visibility:hidden !important;}
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{top:164px !important;height:74px !important;min-height:74px !important;max-height:74px !important;align-items:end !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:72px !important;min-height:9px !important;transform-origin:bottom center !important;}
.listenBody .listenPremiumPlayer .chips{bottom:18px !important;}
@media (max-width: 760px) { .listenBody .listenLayout > div { gap: 14px !important; } .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { top: 350px !important; height: 62px !important; min-height: 62px !important; max-height: 62px !important; } }
.listenBody .listenLayout > div{gap:12px !important;}
.listenBody .listenPremiumPlayer .listenPlayerTickers{right:228px !important;}
.listenBody .listenPremiumPlayer .listenTickerRow{grid-template-columns:98px minmax(0,1fr) !important;}
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{top:150px !important;height:88px !important;min-height:88px !important;max-height:88px !important;right:228px !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:86px !important;min-height:9px !important;}
.listenBody .listenFeatureGrid{margin-top:0 !important;}
@media (max-width: 760px) { .listenBody .listenLayout > div { gap: 10px !important; } .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { top: 344px !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; } }
.listenBody .listenLayout > div{gap:18px !important;}
.listenBody .listenFeatureGrid, .listenBody .listenBottomBanner{margin-top:0 !important;}
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{top:138px !important;height:106px !important;min-height:106px !important;max-height:106px !important;right:228px !important;overflow:hidden !important;}
.listenBody .listenPremiumPlayer .meter i{max-height:104px !important;min-height:9px !important;}
@media (max-width: 760px) { .listenBody .listenLayout > div { gap: 14px !important; } .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { top: 332px !important; height: 84px !important; min-height: 84px !important; max-height: 84px !important; } }
.listenBody main > .page{width:min(1320px,calc(100% - (var(--vm-listen-gap) * 2))) !important;}
.listenBody .listenLayout{gap:var(--vm-listen-gap) !important;padding-top:var(--vm-listen-gap) !important;}
.listenBody .listenSide{gap:var(--vm-listen-gap) !important;}
.listenBody .listenLayout > div > .player.card, .listenBody .listenFeatureGrid, .listenBody .listenBottomBanner{margin:0 !important;width:100% !important;}
@media (max-width: 760px) { .listenBody { --vm-listen-gap: 14px; } }
.listenBody{--vm-listen-gap:18px;}
.listenBody .listenLayout > div{display:flex !important;flex-direction:column !important;gap:var(--vm-listen-gap) !important;}
.listenBody .listenLayout > div > .player.card, .listenBody .listenFeatureGrid, .listenBody .listenBottomBanner{margin-top:0 !important;margin-bottom:0 !important;}
.listenBody .listenFeatureGrid{gap:var(--vm-listen-gap) !important;}
@media (max-width: 760px) { .listenBody { --vm-listen-gap: 14px; } }
.listenBody{--vm-listen-gap:18px !important;}
.listenBody .listenLayout > div{display:flex !important;flex-direction:column !important;gap:0 !important;row-gap:0 !important;}
.listenBody .listenLayout > div > .player.card{margin:0 !important;}
.listenBody .listenFeatureGrid{margin:var(--vm-listen-gap) 0 var(--vm-listen-gap) 0 !important;}
.listenBody .listenBottomBanner{margin:0 !important;}
@media (max-width: 760px) { .listenBody { --vm-listen-gap: 14px !important; } }
.listenBody .listenEventsCard .eventsList{max-height:178px !important;overflow:hidden !important;margin-top:12px !important;margin-bottom:12px !important;}
.listenBody .listenEventsMore{margin-top:0 !important;position:relative !important;z-index:4 !important;max-width:max-content !important;}
.vmEventsPublicModal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,0.64);backdrop-filter:blur(14px);}
.vmEventsPublicModal.open{display:flex;}
.vmEventsPublicBox{width:min(820px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(12,19,40,0.98),rgba(8,12,28,0.98));box-shadow:0 40px 120px rgba(0,0,0,0.58);}
.vmEventsPublicHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 16px;border-bottom:1px solid var(--line);background:rgba(255,255,255,0.045);}
.vmEventsPublicHead h3{margin:0 0 6px !important;font-size:1.7rem !important;line-height:1.05 !important;}
.vmEventsPublicHead p{margin:0 !important;color:var(--muted) !important;}
.vmEventsPublicClose{width:42px;height:42px;flex:0 0 auto;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,0.08);color:#fff;font-size:1.35rem;font-weight:900;cursor:pointer;}
.vmEventsPublicList{display:grid;gap:12px;max-height:calc(92vh - 126px);overflow:auto;padding:18px 22px 22px;scrollbar-width:thin;}
.vmEventsPublicList .eventItem{min-height:0 !important;}
@media (max-width: 640px) { .vmEventsPublicModal { padding: 10px; } .vmEventsPublicBox { border-radius: 22px; } .vmEventsPublicHead { padding: 17px 18px 14px; } .vmEventsPublicList { padding: 14px 18px 18px; } }
.listenBody .listenEventsCard .eventsList{max-height:178px !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:thin !important;}
.listenBody .listenEventsCard .eventsList::-webkit-scrollbar{width:6px !important;}
.listenBody .listenEventsCard .eventsList::-webkit-scrollbar-track{background:rgba(255,255,255,0.04) !important;border-radius:999px !important;}
.listenBody .listenEventsCard .eventsList::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.24) !important;border-radius:999px !important;}
.listenBody .listenEventsCard .eventsList::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.34) !important;}
.listenBody .listenHeroTools .listenGreetingsOnline{background:linear-gradient(90deg,rgba(255,138,24,0.98),rgba(255,177,59,0.94)) !important;border:1px solid rgba(255,145,25,0.72) !important;box-shadow:0 10px 25px rgba(255,122,24,0.2),inset 0 0 0 1px rgba(255,255,255,0.15) !important;overflow:hidden !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{height:34px !important;min-height:34px !important;max-height:34px !important;margin:3px 0 0 !important;background:transparent !important;border:0 !important;overflow:hidden !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, .listenBody iframe[data-embed="greetingsOnline"]{width:100% !important;height:34px !important;min-height:34px !important;max-height:34px !important;margin:0 !important;border:0 !important;background:transparent !important;transform:none !important;}
.listenBody .listenHeroTools .listenGreetingsOnline{height:42px !important;min-height:42px !important;max-height:42px !important;padding:4px 8px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(90deg,rgba(255,138,24,0.98),rgba(255,177,59,0.94)) !important;border:1px solid rgba(255,145,25,0.72) !important;border-radius:18px !important;overflow:hidden !important;box-shadow:0 10px 25px rgba(255,122,24,0.2),inset 0 0 0 1px rgba(255,255,255,0.15) !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap{position:relative !important;width:100% !important;height:32px !important;min-height:32px !important;max-height:32px !important;margin-top:5px !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;padding:0 !important;border:0 !important;border-radius:13px !important;background:transparent !important;overflow:hidden !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, .listenBody .listenHeroTools iframe[data-embed="greetingsOnline"]{display:block !important;width:100% !important;height:34px !important;min-height:34px !important;max-height:34px !important;margin:-1px 0 0 0 !important;padding:0 !important;border:0 !important;background:transparent !important;transform:none !important;}
.listenBody .listenHeroTools .listenGreetingsFrameWrap:after{content:"" !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;height:4px !important;pointer-events:none !important;background:linear-gradient(90deg,rgba(255,138,24,0.98),rgba(255,177,59,0.94)) !important;z-index:3 !important;}
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. body.listenBody #vmModal.vmV217GreetingBox .modalCard, body.listenBody #vmModal.vmV217OnlineBox .modalCard{background:#070b1c !important;background-image:none !important;}
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. body.listenBody #vmModal.vmV217GreetingBox iframe#vmModalFrame, body.listenBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{opacity:1 !important;visibility:visible !important;background:#070b1c !important;}
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. background: #070b1c !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. padding: 18px !important; align-items: center !important; justify-content: center !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. width: 520px !important; max-width: calc(100vw - 36px) !important; height: auto !important; min-height: 0 !important; max-height: calc(100vh - 36px) !important; overflow: hidden !important; border-radius: 18px !important; background: #070b1c !important; background-image: none !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.5) !important; transition: none !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. display: none !important; content: none !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 58px !important; min-height: 58px !important; padding: 0 20px !important; background: linear-gradient(90deg, rgba(255, 122, 24, 0.22), rgba(47, 140, 255, 0.2)) !important; border-bottom: 1px solid rgba(255, 255, 255, 0.14) !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. display: block !important; width: 100% !important; border: 0 !important; outline: 0 !important; background: #070b1c !important; box-shadow: none !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important; transition: none !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 335px !important; min-height: 335px !important; max-height: 335px !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 360px !important; min-height: 360px !important; max-height: 360px !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. height: 470px !important; min-height: 470px !important; max-height: 470px !important; } @media (max-width: 720px){# Notatka:okno modalne;pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka:okno modalne;pokazywać zawartość dopiero po poprawnym załadowaniu. padding:10px !important;}
# Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 335px !important; min-height: 335px !important; max-height: 335px !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. height: 360px !important; min-height: 360px !important; max-height: 360px !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. height: 535px !important; min-height: 535px !important; max-height: 535px !important; } } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. contain: layout paint !important; transform: translateZ(0) !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. display: block !important; margin: 0 !important; border: 0 !important; border-radius: 0 !important; background: #070b1c !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. height: 535px !important; min-height: 535px !important; max-height: 535px !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. opacity: 0 !important; } # Notatka: okno modalne; pokazywać zawartość dopiero po poprawnym załadowaniu. opacity: 1 !important; } body.listenBody .listenHeroTools{grid-template-columns:172px minmax(0,1fr) auto !important;gap:12px !important;}
body.listenBody .listenGreetingBtn{width:172px !important;min-width:172px !important;max-width:172px !important;height:42px !important;padding:10px 14px !important;}
body.listenBody .listenHeroTools .listenGreetingsOnline{width:100% !important;max-width:none !important;height:42px !important;min-height:42px !important;max-height:42px !important;}
body.listenBody .listenHeroTools .listenGreetingsFrameWrap{margin-top:4px !important;height:32px !important;min-height:32px !important;max-height:32px !important;}
@media (max-width: 1050px) { body.listenBody .listenHeroTools { grid-template-columns: 1fr !important; } body.listenBody .listenGreetingBtn { width: 100% !important; min-width: 0 !important; max-width: none !important; } }
.controls{position:relative;}
.play{position:relative;z-index:2;}
.play::before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid rgba(255,170,51,0.35);animation:vmRing 10s linear infinite;}
.play::after{content:"";position:absolute;inset:-16px;border-radius:50%;background:radial-gradient(circle,rgba(255,170,51,0.18) 0%,rgba(255,170,51,0) 70%);animation:vmPulse 3s ease-in-out infinite;z-index:-1;}
@keyframes vmRing { from { transform: rotate(0); } to { transform: rotate(360deg); } }
@keyframes vmPulse { 50% { transform: scale(1.08); opacity: 0.6; } }
.listenBody .listenPremiumPlayer .controls{overflow:visible !important;}
.listenBody .listenPremiumPlayer .controls::after{content:"GŁOŚNOŚĆ" !important;order:2 !important;display:block !important;font-size:0.68rem !important;font-weight:900 !important;letter-spacing:0.13em !important;line-height:1 !important;color:rgba(255,255,255,0.72) !important;margin-top:8px !important;margin-bottom:0 !important;transform:translateY(5px) !important;text-shadow:0 1px 6px rgba(0,0,0,0.45) !important;}
.listenBody .listenPremiumPlayer .volume{order:3 !important;margin-top:2px !important;}
.listenBody .listenPremiumPlayer .play{position:relative !important;isolation:isolate !important;overflow:visible !important;z-index:3 !important;box-shadow:0 0 0 12px rgba(255,255,255,0.055),0 0 20px rgba(255,153,45,0.34),0 16px 36px rgba(0,0,0,0.32) !important;}
.listenBody .listenPremiumPlayer .play::before{content:"" !important;position:absolute !important;inset:-12px !important;border-radius:50% !important;z-index:-1 !important;background:conic-gradient( from 0deg,rgba(255,122,24,0) 0deg,rgba(255,184,72,0.95) 52deg,rgba(255,122,24,0) 96deg,rgba(47,140,255,0) 158deg,rgba(52,245,197,0.78) 214deg,rgba(255,122,24,0) 282deg,rgba(255,122,24,0) 360deg ) !important;-webkit-mask:radial-gradient( farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px) ) !important;mask:radial-gradient( farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px) ) !important;animation:vmListenPlayRingSpin 4.8s linear infinite !important;filter:drop-shadow(0 0 8px rgba(255,153,45,0.55)) !important;pointer-events:none !important;}
.listenBody .listenPremiumPlayer .play::after{content:"" !important;position:absolute !important;inset:-21px !important;border-radius:50% !important;z-index:-2 !important;background:radial-gradient( circle,rgba(255,153,45,0.2),rgba(52,245,197,0.08) 48%,transparent 70% ) !important;animation:vmListenPlayRingPulse 2.4s ease-in-out infinite !important;pointer-events:none !important;}
@keyframes vmListenPlayRingSpin { to { transform: rotate(360deg); } }
@keyframes vmListenPlayRingPulse { 0%, 100% { opacity: 0.55; transform: scale(0.96); } 50% { opacity: 1; transform: scale(1.06); } }
.listenBody .listenPremiumPlayer .controls + div[style*="GŁOŚNOŚĆ"]{display:none !important;}
# Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. align-items: center !important; justify-content: center !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalCard{width:520px !important;max-width:calc(100vw - 36px) !important;height:594px !important;min-height:594px !important;max-height:594px !important;overflow:hidden !important;}
# Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalHead{height:58px !important;min-height:58px !important;max-height:58px !important;flex:0 0 58px !important;}
# Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{height:535px !important;min-height:535px !important;max-height:535px !important;overflow:hidden !important;}
@media (max-width: 720px) { # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalCard { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; height: 594px !important; min-height: 594px !important; max-height: 594px !important; } # Notatka: obsługa formularza pozdrowień; zachować obecny sposób wysyłania i komunikaty. body.listenBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame { height: 535px !important; min-height: 535px !important; max-height: 535px !important; } }
.ico.vmLineIcon, .greetingsCardIcon.vmLineIcon{width:52px !important;height:52px !important;min-width:52px !important;border-radius:18px !important;padding:0 !important;margin:0 18px 0 0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 52px !important;font-size:0 !important;line-height:1 !important;color:#ffffff !important;background:linear-gradient(135deg,rgba(20,31,58,0.96),rgba(14,20,39,0.96)) padding-box,linear-gradient(135deg,#ff8a18 0%,#ff9e38 35%,#c53cff 100%) border-box !important;border:2px solid transparent !important;box-shadow:0 10px 26px rgba(0,0,0,0.28),inset 0 0 0 1px rgba(255,255,255,0.08),0 0 18px rgba(196,60,255,0.12) !important;text-shadow:none !important;}
.greetingsCardIcon.vmLineIcon{margin:0 auto 18px auto !important;}
.vmSvgIcon{width:25px !important;height:25px !important;display:block !important;color:currentColor !important;filter:drop-shadow(0 2px 6px rgba(0,0,0,0.22)) !important;}
.vmSmallLineIcon{width:46px !important;height:46px !important;min-width:46px !important;border-radius:16px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;font-size:0 !important;color:#ffffff !important;background:linear-gradient(135deg,rgba(20,31,58,0.96),rgba(14,20,39,0.96)) padding-box,linear-gradient(135deg,#ff8a18 0%,#ff9e38 35%,#c53cff 100%) border-box !important;border:2px solid transparent !important;box-shadow:0 10px 24px rgba(0,0,0,0.25),inset 0 0 0 1px rgba(255,255,255,0.08) !important;}
.vmSmallLineIcon .vmSvgIcon{width:23px !important;height:23px !important;}
.quickDock .vmDockSvg{width:100% !important;height:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:0 !important;}
.quickDock .vmDockSvg .vmSvgIcon{width:22px !important;height:22px !important;}
.vmGreetingChoiceBtn .vmSmallLineIcon{margin:0 auto 10px auto !important;}
.vmLiveActionTiles .vmSmallLineIcon{margin:0 0 8px 0 !important;}
.card.feature .ico.vmLineIcon, .listenFeatureCard .ico.vmLineIcon{transform:none !important;}
@media (max-width: 700px) { .ico.vmLineIcon, .greetingsCardIcon.vmLineIcon { width: 48px !important; height: 48px !important; min-width: 48px !important; border-radius: 16px !important; } .vmSvgIcon { width: 23px !important; height: 23px !important; } }
.voiceTitle .vmVoiceTitleIcon{width:30px !important;height:30px !important;min-width:30px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border-radius:12px !important;color:#fff !important;background:linear-gradient(135deg,rgba(20,31,58,0.96),rgba(14,20,39,0.96)) padding-box,linear-gradient(135deg,#ff8a18,#c53cff) border-box !important;border:2px solid transparent !important;margin-right:8px !important;vertical-align:middle !important;}
.voiceTitle .vmVoiceTitleIcon .vmSvgIcon{width:18px !important;height:18px !important;}
.vmChatTool .vmSmallLineIcon{margin:0 0 10px 0 !important;}
.vmChatHeroIconOnly .vmSmallLineIcon{margin:0 !important;}
.chartPremiumBody .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium{isolation:isolate;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active{position:relative;z-index:2;transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList{position:relative;z-index:3;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow-anchor:none;content-visibility:visible;}
.chartPremiumBody .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow{position:relative;z-index:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);backface-visibility:hidden;-webkit-backface-visibility:hidden;content-visibility:visible;}
.chartPremiumBody .vmChartRow:hover, body.vmPopupPage.chartPremiumBody .vmChartRow:hover{transform:translate3d(0,-1px,0);-webkit-transform:translate3d(0,-1px,0);}
.chartPremiumBody .vmChartColTitle strong, .chartPremiumBody .vmChartCounter span, body.vmPopupPage.chartPremiumBody .vmChartColTitle strong, body.vmPopupPage.chartPremiumBody .vmChartCounter span{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}
.ico.vmLineIcon, .greetingsCardIcon.vmLineIcon, .vmSmallLineIcon, .voiceTitle .vmVoiceTitleIcon{position:relative !important;overflow:hidden !important;isolation:isolate !important;background:linear-gradient(135deg,rgba(20,31,58,0.98),rgba(14,20,39,0.98)) !important;border:0 !important;box-shadow:0 10px 26px rgba(0,0,0,0.28),0 0 18px rgba(47,140,255,0.12) !important;}
.ico.vmLineIcon:before, .greetingsCardIcon.vmLineIcon:before, .vmSmallLineIcon:before, .voiceTitle .vmVoiceTitleIcon:before{content:"";position:absolute;inset:-24%;border-radius:inherit;background:conic-gradient( from 0deg,rgba(255,122,24,0.96),rgba(255,210,80,0.98),rgba(52,245,197,0.96),rgba(47,140,255,0.98),rgba(197,60,255,0.96),rgba(255,63,180,0.94),rgba(255,122,24,0.96) );animation:vmIconPremiumOrbit 2.4s linear infinite;pointer-events:none;z-index:0;will-change:transform;}
.ico.vmLineIcon:after, .greetingsCardIcon.vmLineIcon:after, .vmSmallLineIcon:after, .voiceTitle .vmVoiceTitleIcon:after{content:"";position:absolute;inset:2px;border-radius:inherit;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.13),transparent 36%),radial-gradient(circle at 78% 84%,rgba(47,140,255,0.15),transparent 42%),linear-gradient(135deg,rgba(20,31,58,0.98),rgba(14,20,39,0.98));pointer-events:none;z-index:1;}
.ico.vmLineIcon .vmSvgIcon, .greetingsCardIcon.vmLineIcon .vmSvgIcon, .vmSmallLineIcon .vmSvgIcon, .voiceTitle .vmVoiceTitleIcon .vmSvgIcon{position:relative !important;z-index:3 !important;}
@keyframes vmIconPremiumOrbit { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ico.vmLineIcon:before, .greetingsCardIcon.vmLineIcon:before, .vmSmallLineIcon:before, .voiceTitle .vmVoiceTitleIcon:before { animation: none !important; } }
.ico.vmLineIcon, .greetingsCardIcon.vmLineIcon, .vmSmallLineIcon, .voiceTitle .vmVoiceTitleIcon{position:relative !important;overflow:hidden !important;isolation:isolate !important;color:#ffffff !important;background:transparent !important;border:0 !important;box-shadow:0 10px 26px rgba(0,0,0,0.28),0 0 18px rgba(47,140,255,0.12) !important;}
.ico.vmLineIcon::before, .greetingsCardIcon.vmLineIcon::before, .vmSmallLineIcon::before, .voiceTitle .vmVoiceTitleIcon::before{content:"" !important;position:absolute !important;inset:-45% !important;border-radius:inherit !important;background:conic-gradient( from 0deg,#ff8a18 0deg,#ffd35c 48deg,#34f5c5 104deg,#2f8cff 164deg,#c53cff 224deg,#ff3fb4 292deg,#ff8a18 360deg ) !important;animation:vmIconPremiumOrbit 2.2s linear infinite !important;pointer-events:none !important;z-index:0 !important;opacity:1 !important;will-change:transform !important;transform-origin:50% 50% !important;}
.ico.vmLineIcon::after, .greetingsCardIcon.vmLineIcon::after, .vmSmallLineIcon::after, .voiceTitle .vmVoiceTitleIcon::after{content:"" !important;position:absolute !important;inset:3px !important;border-radius:14px !important;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,0.13),transparent 36%),radial-gradient(circle at 78% 84%,rgba(47,140,255,0.15),transparent 42%),linear-gradient(135deg,rgba(20,31,58,0.985),rgba(14,20,39,0.985)) !important;pointer-events:none !important;z-index:1 !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08) !important;}
.ico.vmLineIcon > *, .greetingsCardIcon.vmLineIcon > *, .vmSmallLineIcon > *, .voiceTitle .vmVoiceTitleIcon > *, .ico.vmLineIcon .vmSvgIcon, .greetingsCardIcon.vmLineIcon .vmSvgIcon, .vmSmallLineIcon .vmSvgIcon, .voiceTitle .vmVoiceTitleIcon .vmSvgIcon{position:relative !important;z-index:3 !important;}
@keyframes vmIconPremiumOrbit { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ico.vmLineIcon::before, .greetingsCardIcon.vmLineIcon::before, .vmSmallLineIcon::before, .voiceTitle .vmVoiceTitleIcon::before { animation: vmIconPremiumOrbit 2.2s linear infinite !important; } }
.close, #vmModal .close, #vmModal.vmSchedulePopupBox .close, .vmChartListenHead button, .vmEventsPublicClose, .vmEventsLoginClose{position:relative !important;isolation:isolate !important;overflow:hidden !important;border-radius:999px !important;border:1px solid rgba(255,255,255,0.24) !important;background:linear-gradient( 135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.07) ) !important;color:#fff !important;font-weight:900 !important;text-shadow:0 6px 18px rgba(0,0,0,0.38) !important;box-shadow:0 14px 34px rgba(0,0,0,0.24),inset 0 1px 0 rgba(255,255,255,0.18),inset 0 -14px 28px rgba(0,0,0,0.1) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;}
.vmEventsPublicClose, .vmEventsLoginClose{width:auto !important;min-width:92px !important;height:auto !important;min-height:38px !important;padding:0 18px !important;font-size:0 !important;line-height:38px !important;}
.vmEventsPublicClose::after, .vmEventsLoginClose::after{content:"Zamknij";font-size:0.92rem !important;line-height:1 !important;}
.close::before, #vmModal .close::before, #vmModal.vmSchedulePopupBox .close::before, .vmChartListenHead button::before, .vmEventsPublicClose::before, .vmEventsLoginClose::before{content:"" !important;position:absolute !important;inset:1px !important;border-radius:inherit !important;z-index:-1 !important;pointer-events:none !important;background:linear-gradient( 115deg,transparent 0%,transparent 31%,rgba(255,255,255,0.34) 43%,rgba(255,255,255,0.12) 50%,transparent 63%,transparent 100% ),radial-gradient(circle at 18% 20%,rgba(255,255,255,0.28),transparent 34%),linear-gradient(135deg,rgba(255,122,24,0.18),rgba(47,140,255,0.14));transform:translateX(-118%);opacity:0.92 !important;animation:vmCloseCapsuleSweep 3.2s ease-in-out infinite !important;box-shadow:inset 0 0 18px rgba(255,255,255,0.08) !important;}
.close:hover, #vmModal .close:hover, #vmModal.vmSchedulePopupBox .close:hover, .vmChartListenHead button:hover, .vmEventsPublicClose:hover, .vmEventsLoginClose:hover{color:#ffcc8a !important;border-color:rgba(255,178,90,0.48) !important;background:linear-gradient( 135deg,rgba(255,122,24,0.26),rgba(47,140,255,0.16) ) !important;box-shadow:0 16px 42px rgba(0,0,0,0.3),0 0 28px rgba(255,122,24,0.16),inset 0 1px 0 rgba(255,255,255,0.22) !important;}
@keyframes vmCloseCapsuleSweep { 0%, 100% { transform: translateX(-118%); } 45%, 55% { transform: translateX(118%); } }
.modalCard .modalHead::before, .modalCard .modalHead::after{display:none !important;content:none !important;animation:none !important;background:none !important;}
.close, #vmModal .close, #vmModal.vmSchedulePopupBox .close, .vmChartListenHead button, .vmEventsPublicClose, .vmEventsLoginClose{position:relative !important;z-index:5 !important;isolation:isolate !important;overflow:hidden !important;border-radius:999px !important;border:1px solid rgba(255,255,255,0.24) !important;background:linear-gradient( 135deg,rgba(255,255,255,0.17),rgba(255,255,255,0.07) ) !important;color:#fff !important;font-weight:900 !important;text-shadow:0 6px 18px rgba(0,0,0,0.38) !important;box-shadow:0 13px 31px rgba(0,0,0,0.26),inset 0 1px 0 rgba(255,255,255,0.18),inset 0 -10px 22px rgba(0,0,0,0.1) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;}
.close, #vmModal .close, #vmModal.vmSchedulePopupBox .close, .vmChartListenHead button{min-width:92px !important;min-height:38px !important;padding:10px 18px 11px !important;}
.close::before, #vmModal .close::before, #vmModal.vmSchedulePopupBox .close::before, .vmChartListenHead button::before, .vmEventsPublicClose::before, .vmEventsLoginClose::before{content:"" !important;position:absolute !important;inset:1px !important;border-radius:999px !important;z-index:-1 !important;pointer-events:none !important;background:linear-gradient( 115deg,transparent 0%,transparent 34%,rgba(255,255,255,0.32) 46%,rgba(255,255,255,0.12) 53%,transparent 66%,transparent 100% ) !important;background-size:220% 100% !important;background-position:-120% 0 !important;opacity:0.82 !important;animation:vmCloseCapsuleOnlySweep 3.6s ease-in-out infinite !important;box-shadow:none !important;}
.close::after, #vmModal .close::after, #vmModal.vmSchedulePopupBox .close::after, .vmChartListenHead button::after{content:none !important;display:none !important;}
.close:hover, #vmModal .close:hover, #vmModal.vmSchedulePopupBox .close:hover, .vmChartListenHead button:hover, .vmEventsPublicClose:hover, .vmEventsLoginClose:hover{color:#ffcc8a !important;border-color:rgba(255,178,90,0.48) !important;background:linear-gradient( 135deg,rgba(255,122,24,0.25),rgba(47,140,255,0.15) ) !important;box-shadow:0 15px 38px rgba(0,0,0,0.3),0 0 24px rgba(255,122,24,0.13),inset 0 1px 0 rgba(255,255,255,0.22) !important;}
@keyframes vmCloseCapsuleOnlySweep { 0%, 100% { background-position: -130% 0; opacity: 0.2; } 46%, 54% { background-position: 130% 0; opacity: 0.88; } }
.homePremiumBody .homeMiniCardHead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px;}
.homePremiumBody .homeMiniCardHead h2{margin:0;color:#fff;font-size:clamp(1.65rem,2.4vw,2.55rem);line-height:1.02;letter-spacing:-0.04em;}
.homePremiumBody .homeMiniCardHead p{margin:7px 0 0;color:rgba(255,255,255,0.7);font-weight:700;}
.homePremiumBody .homeMiniCardHead .btn{flex:0 0 auto;white-space:nowrap;}
.homePremiumBody .homeChartPreviewCard, .homePremiumBody .homeLivePreviewCard{padding:22px;overflow:hidden;}
.homePremiumBody .homeChartPreviewList{display:flex;flex-direction:column;gap:10px;}
.homePremiumBody .homeChartPreviewRow{min-height:62px;padding:12px 14px;border-radius:20px;border:1px solid rgba(255,255,255,0.12);background:linear-gradient(135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045));display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 16px 38px rgba(0,0,0,0.14);}
.homePremiumBody .homeChartPreviewPos{width:38px;height:38px;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:950;background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.16);}
.homePremiumBody .homeChartPreviewPos.gold{background:linear-gradient(135deg,#ff8a1e,#ffd45a);color:#231100;}
.homePremiumBody .homeChartPreviewPos.silver{background:linear-gradient(135deg,#d8e3ff,#7fa8ff);color:#081329;}
.homePremiumBody .homeChartPreviewPos.bronze{background:linear-gradient(135deg,#ff965f,#b75a28);color:#fff;}
.homePremiumBody .homeChartPreviewRow strong{min-width:0;color:#fff;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.homePremiumBody .homeChartPreviewRow em{color:rgba(255,255,255,0.64);font-style:normal;font-size:0.88rem;font-weight:850;white-space:nowrap;}
.homePremiumBody .homeChartPreviewEmpty{min-height:94px;border-radius:20px;border:1px dashed rgba(255,255,255,0.18);display:grid;place-items:center;color:rgba(255,255,255,0.68);font-weight:850;text-align:center;padding:18px;}
.homePremiumBody .homeLivePreviewBox{position:relative;aspect-ratio:16/9;min-height:270px;border-radius:26px;overflow:hidden;background:#02040b;border:1px solid rgba(255,255,255,0.13);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 18px 50px rgba(0,0,0,0.2);}
.homePremiumBody .homeLivePreviewBox iframe{display:block;width:100%;height:100%;border:0;background:#000;}
.homePremiumBody .homeLivePreviewBox .vmLiveBadge{top:14px;left:14px;}
@media (max-width: 900px) { .homePremiumBody .homeMiniCardHead { flex-direction: column; align-items: flex-start; gap: 12px; } .homePremiumBody .homeChartPreviewRow { grid-template-columns: 40px minmax(0, 1fr); } .homePremiumBody .homeChartPreviewRow em { grid-column: 2; } .homePremiumBody .homeLivePreviewBox { min-height: 220px; } }
:root{--vmFloatShadowMain:0 18px 28px rgba(0,0,0,0.34),0 46px 118px rgba(0,0,0,0.64),0 0 0 1px rgba(255,255,255,0.13),inset 0 1px 0 rgba(255,255,255,0.24),inset 0 -18px 34px rgba(0,0,0,0.23);--vmFloatShadowSoft:0 14px 24px rgba(0,0,0,0.3),0 34px 86px rgba(0,0,0,0.56),0 0 0 1px rgba(255,255,255,0.12),inset 0 1px 0 rgba(255,255,255,0.22),inset 0 -12px 28px rgba(0,0,0,0.2);--vmFloatBorder:rgba(255,255,255,0.2);}
body .card, body .mini, body .player, body .embedBox, body .quickTiles a, body .quickTiles button, body .eventItem, body .modalCard, body .facebookSideCard, body .eventsCard, body .vmBannerHomeCard, body .homeChartPreviewCard, body .homeChatPremiumCard, body .homeLivePreviewCard, body .listenPremiumPlayer, body .listenGreetingMiniCard, body .vmSchedulePanel, body .vmSchedulePremium, body .vmChartPanel, body .greetingsCenterCard, body .greetingChoiceCard, body .vmContactPremiumCard, body .vmRecruitCard, body .vmTeamCard, body .vmLivePanel{border-color:var(--vmFloatBorder) !important;box-shadow:var(--vmFloatShadowMain) !important;transform:translateY(0) !important;}
body .eventItem, body .homeChartPreviewRow, body .quickTiles a, body .quickTiles button, body .listenGreetingMiniCard{box-shadow:var(--vmFloatShadowSoft) !important;}
:root[data-vm-tile-style] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard), :root[data-vm-tile-style] body .listenLayout .card, :root[data-vm-tile-style] body .quickTiles a, :root[data-vm-tile-style] body .quickTiles button, :root[data-vm-tile-style] body .embedBox, :root[data-vm-tile-style] body .player, :root[data-vm-tile-style] body .mini, :root[data-vm-tile-style] body .facebookSideCard, :root[data-vm-tile-style] body .eventsCard, :root[data-vm-tile-style] body .vmBannerHomeCard, :root[data-vm-tile-style] body .homeChartPreviewCard, :root[data-vm-tile-style] body .homeChatPremiumCard, :root[data-vm-tile-style] body .homeLivePreviewCard, :root[data-vm-tile-style] body .listenPremiumPlayer, :root[data-vm-tile-style] body .listenGreetingMiniCard, :root[data-vm-tile-style] body .vmSchedulePanel, :root[data-vm-tile-style] body .vmSchedulePremium, :root[data-vm-tile-style] body .vmChartPanel, :root[data-vm-tile-style] body .greetingsCenterCard, :root[data-vm-tile-style] body .greetingChoiceCard, :root[data-vm-tile-style] body .vmContactPremiumCard, :root[data-vm-tile-style] body .vmRecruitCard, :root[data-vm-tile-style] body .vmTeamCard, :root[data-vm-tile-style] body .vmLivePanel{border-color:var(--vmFloatBorder) !important;box-shadow:var(--vmFloatShadowMain) !important;}
body .card, body .player, body .embedBox, body .mini, body .quickTiles a, body .quickTiles button, body .eventItem, body .facebookSideCard, body .eventsCard, body .vmBannerHomeCard, body .homeChartPreviewCard, body .homeChatPremiumCard, body .homeLivePreviewCard, body .listenPremiumPlayer, body .listenGreetingMiniCard, body .vmSchedulePanel, body .vmSchedulePremium, body .vmChartPanel, body .greetingsCenterCard, body .greetingChoiceCard, body .vmContactPremiumCard, body .vmRecruitCard, body .vmTeamCard, body .vmLivePanel{background-clip:padding-box !important;}
@media (hover: hover) { body .card:hover, body .player:hover, body .embedBox:hover, body .quickTiles a:hover, body .quickTiles button:hover, body .eventItem:hover, body .listenGreetingMiniCard:hover { box-shadow: 0 20px 32px rgba(0, 0, 0, 0.36), 0 54px 130px rgba(0, 0, 0, 0.68), 0 0 0 1px rgba(255, 255, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.27), inset 0 -18px 36px rgba(0, 0, 0, 0.24) !important; } }
:root{--vmHoverCardShadow:0 24px 42px rgba(0,0,0,0.42),0 64px 150px rgba(0,0,0,0.74),0 0 0 1px rgba(255,255,255,0.2),inset 0 1px 0 rgba(255,255,255,0.31),inset 0 -18px 38px rgba(0,0,0,0.25);--vmHoverBtnShadow:0 14px 34px rgba(0,0,0,0.32),0 0 26px rgba(255,126,0,0.18),inset 0 1px 0 rgba(255,255,255,0.22);}
body .card, body .mini, body .player, body .embedBox, body .quickTiles a, body .quickTiles button, body .eventItem, body .facebookSideCard, body .eventsCard, body .vmBannerHomeCard, body .homeChartPreviewCard, body .homeChatPremiumCard, body .homeLivePreviewCard, body .listenPremiumPlayer, body .listenGreetingMiniCard, body .vmSchedulePanel, body .vmSchedulePremium, body .vmChartPanel, body .greetingsCenterCard, body .greetingChoiceCard, body .vmContactPremiumCard, body .vmRecruitCard, body .vmTeamCard, body .vmLivePanel, body .vmLiveActionTiles a, body .vmLiveActionTiles button, body .vmLiveHeroIcons a, body .vmLiveHeroIcons button, body .vmChatTool, body .vmCommunityGrid a, body .listenGreetingBtn, body .vmGreetingChoiceBtn, body .btn, body button{transition:transform 0.18s ease,box-shadow 0.18s ease,border-color 0.18s ease,background-color 0.18s ease,filter 0.18s ease,opacity 0.18s ease !important;will-change:transform;}
@media (hover: hover) { body .card:hover, body .mini:hover, body .player:hover, body .embedBox:hover, body .eventItem:hover, body .facebookSideCard:hover, body .eventsCard:hover, body .vmBannerHomeCard:hover, body .homeChartPreviewCard:hover, body .homeChatPremiumCard:hover, body .homeLivePreviewCard:hover, body .listenPremiumPlayer:hover, body .listenGreetingMiniCard:hover, body .vmSchedulePanel:hover, body .vmSchedulePremium:hover, body .vmChartPanel:hover, body .greetingsCenterCard:hover, body .greetingChoiceCard:hover, body .vmContactPremiumCard:hover, body .vmRecruitCard:hover, body .vmTeamCard:hover, body .vmLivePanel:hover { transform: translate3d(0, -4px, 0) !important; box-shadow: var(--vmHoverCardShadow) !important; border-color: rgba(255, 255, 255, 0.26) !important; } body .btn:hover, body .quickTiles a:hover, body .quickTiles button:hover, body .card button:hover, body .card .btn:hover, body .card a.btn:hover, body .mini button:hover, body .mini .btn:hover, body .player button:hover, body .embedBox button:hover, body .listenGreetingBtn:hover, body .vmGreetingChoiceBtn:hover, body .vmChartTabs button:hover, body .vmChartPlay:hover, body .vmChartVote:hover:not(:disabled), body .vmChartListenHead button:hover, body .vmChatTool:hover, body .vmCommunityGrid a:hover, body .chatPremiumBody .vmChatOpenSolo:hover, body .vmLiveActionTiles a:hover, body .vmLiveActionTiles button:hover, body .vmLiveHeroIcons a:hover, body .vmLiveHeroIcons button:hover, body .vmEventsPublicClose:hover, body .vmEventsLoginClose:hover, body .close:hover, body #vmModal .close:hover { transform: translate3d(0, -3px, 0) scale(1.025) !important; filter: brightness(1.1) saturate(1.08) !important; box-shadow: var(--vmHoverBtnShadow) !important; border-color: rgba(255, 178, 90, 0.56) !important; } body .vmChartRow:hover, body.chartPremiumBody .vmChartRow:hover, body .homeChartPreviewRow:hover { transform: translate3d(0, -3px, 0) !important; filter: brightness(1.06) saturate(1.04) !important; box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3), 0 0 30px rgba(255, 122, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.16) !important; border-color: rgba(255, 122, 24, 0.4) !important; } body .scheduleBody .vmScheduleDays button:hover, body.vmSchedulePopupMode .vmScheduleDays button:hover, html:not(.vmSchedulePopupMode) .scheduleBody .vmScheduleDays button:hover { transform: translate3d(3px, -1px, 0) !important; filter: brightness(1.08) saturate(1.06) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.26), 0 0 22px rgba(255, 139, 35, 0.16) !important; border-color: rgba(255, 139, 35, 0.62) !important; } }
.homePremiumBody .player .meter, .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{display:flex !important;align-items:flex-end !important;}
.homePremiumBody .player .meter i, .listenBody .listenPremiumPlayer .meter i, .listenBody .listenPremiumPlayer.audio-reactive .meter i{flex:1 1 0 !important;width:auto !important;min-width:0 !important;max-width:none !important;border-radius:9px 9px 4px 4px !important;transform-origin:bottom center !important;transition:none !important;will-change:height,opacity,filter !important;}
.homePremiumBody .player.vm-meter-fallback .meter i, .listenBody .listenPremiumPlayer.vm-meter-fallback .meter i{animation:vmEq621Fallback 0.42s cubic-bezier(0.16,0.85,0.18,1) infinite alternate !important;}
.homePremiumBody .player.vm-meter-fallback .meter i:nth-child(2n), .listenBody .listenPremiumPlayer.vm-meter-fallback .meter i:nth-child(2n){animation-duration:0.31s !important;}
.homePremiumBody .player.vm-meter-fallback .meter i:nth-child(3n), .listenBody .listenPremiumPlayer.vm-meter-fallback .meter i:nth-child(3n){animation-duration:0.53s !important;}
.homePremiumBody .player.vm-meter-fallback .meter i:nth-child(4n), .listenBody .listenPremiumPlayer.vm-meter-fallback .meter i:nth-child(4n){animation-duration:0.37s !important;}
.homePremiumBody .player.vm-meter-fallback .meter i:nth-child(5n), .listenBody .listenPremiumPlayer.vm-meter-fallback .meter i:nth-child(5n){animation-duration:0.47s !important;}
@keyframes vmEq621Fallback { 0% { height: 18% !important; opacity: 0.45; filter: saturate(1.05) brightness(0.94); } 45% { height: 64% !important; opacity: 0.82; filter: saturate(1.25) brightness(1.06); } 100% { height: 88% !important; opacity: 0.96; filter: saturate(1.42) brightness(1.13); } }
.listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter{justify-content:flex-start !important;gap:7px !important;}
.listenBody .listenPremiumPlayer .meter i, .listenBody .listenPremiumPlayer.audio-reactive .meter i{flex:0 0 calc((100% - 119px) / 18) !important;width:calc((100% - 119px) / 18) !important;max-width:calc((100% - 119px) / 18) !important;min-width:0 !important;}
.listenBody .listenPremiumPlayer .meter i:nth-child(18), .listenBody .listenPremiumPlayer.audio-reactive .meter i:nth-child(18){display:none !important;}
.listenBody .listenPremiumPlayer .meter i, .listenBody .listenPremiumPlayer.audio-reactive .meter i{max-height:88px !important;}
.vmCommunityNav{position:relative;display:inline-flex;align-items:center;z-index:80;}
.vmCommunityBtn{font:inherit;line-height:normal;}
.vmCommunityDrop{position:absolute;top:calc(100% + 10px);left:50%;min-width:178px;padding:8px;border:1px solid rgba(255,255,255,0.14);border-radius:18px;background:rgba(6,10,25,0.96);backdrop-filter:blur(22px);box-shadow:0 22px 70px rgba(0,0,0,0.42);transform:translate(-50%,-6px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.18s ease,transform 0.18s ease,visibility 0.18s ease;}
.vmCommunityNav.open .vmCommunityDrop{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.menu .vmCommunityDrop a{display:flex;align-items:center;justify-content:center;width:100%;margin:2px 0;padding:10px 12px;border-radius:13px;color:var(--muted);border:1px solid transparent;background:transparent;white-space:nowrap;}
.menu .vmCommunityDrop a:hover{color:#fff;background:rgba(255,255,255,0.09);border-color:rgba(255,255,255,0.13);}
@media (max-width: 1050px) { .vmCommunityNav { width: 100%; justify-content: center; flex-direction: column; } .vmCommunityDrop { position: static; left: auto; top: auto; width: min(100%, 240px); margin-top: 8px; transform: translateY(-4px); } .vmCommunityNav.open .vmCommunityDrop { transform: translateY(0); } }
body.rekrutacjaBody .vmRecruitBadge.ico.vmLineIcon{margin:0 !important;}
body.rekrutacjaBody .vmRecruitBadge.ico.vmLineIcon .vmSvgIcon{position:relative !important;z-index:3 !important;}
body.rekrutacjaBody .vmRecruitShell{--vmRecruitShellPad:26px;}
body.rekrutacjaBody .vmRecruitIntro{position:relative !important;padding-right:82px !important;}
body.rekrutacjaBody .vmRecruitBadge.ico.vmLineIcon{position:absolute !important;top:0 !important;right:0 !important;margin:0 !important;}
@media (max-width: 760px) { body.rekrutacjaBody .vmRecruitShell { --vmRecruitShellPad: 18px; } body.rekrutacjaBody .vmRecruitIntro { padding-right: 0 !important; } body.rekrutacjaBody .vmRecruitBadge.ico.vmLineIcon { position: relative !important; top: auto !important; right: auto !important; align-self: flex-end !important; } }
.chatPremiumBody .vmChatPremiumLayout{align-items:start;}
.chatPremiumBody .vmChatBox{align-self:start;}
#vmModal.vmGreetingsPagePopup{align-items:center !important;justify-content:center !important;padding:24px !important;}
#vmModal.vmGreetingsPagePopup .modalCard, body.listenBody #vmModal.vmGreetingsPagePopup .modalCard{width:min(1180px,calc(100vw - 64px)) !important;max-width:1180px !important;height:min(880px,calc(100vh - 64px)) !important;max-height:calc(100vh - 64px) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;}
#vmModal.vmGreetingsPagePopup .modalHead, body.listenBody #vmModal.vmGreetingsPagePopup .modalHead{flex:0 0 64px !important;height:64px !important;min-height:64px !important;}
#vmModal.vmGreetingsPagePopup iframe#vmModalFrame, body.listenBody #vmModal.vmGreetingsPagePopup iframe#vmModalFrame, .listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) iframe#vmModalFrame, .listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="greetings"]) iframe#vmModalFrame{display:block !important;flex:1 1 auto !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;border:0 !important;background:transparent !important;overflow:auto !important;}
.listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) .modalCard, .listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="greetings"]) .modalCard{width:min(1180px,calc(100vw - 64px)) !important;max-width:1180px !important;height:min(880px,calc(100vh - 64px)) !important;max-height:calc(100vh - 64px) !important;}
html.vmPopupPage:has(body.pozdrowieniaBody), body.vmPopupPage.pozdrowieniaBody{overflow:auto !important;background:transparent !important;}
body.vmPopupPage.pozdrowieniaBody .top, body.vmPopupPage.pozdrowieniaBody .quickDock, body.vmPopupPage.pozdrowieniaBody .footer{display:none !important;}
body.vmPopupPage.pozdrowieniaBody .subHero{display:block !important;padding:18px 16px 8px !important;}
body.vmPopupPage.pozdrowieniaBody .subHero .card{display:grid !important;grid-template-columns:1fr auto !important;gap:18px !important;align-items:center !important;box-shadow:var(--shadow) !important;}
body.vmPopupPage.pozdrowieniaBody main{padding:0 !important;margin:0 !important;}
body.vmPopupPage.pozdrowieniaBody .section.greetingsCenterSection, body.vmPopupPage.pozdrowieniaBody .greetingsCenterSection{padding:12px 16px 22px !important;}
body.vmPopupPage.pozdrowieniaBody .page{width:100% !important;max-width:1120px !important;margin:0 auto !important;}
body.vmPopupPage.pozdrowieniaBody .greetingsCenterGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard{min-height:252px !important;padding:26px !important;}
body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard p{min-height:62px !important;}
@media (max-width: 900px) { #vmModal.vmGreetingsPagePopup, body.listenBody #vmModal.vmGreetingsPagePopup { padding: 10px !important; } #vmModal.vmGreetingsPagePopup .modalCard, body.listenBody #vmModal.vmGreetingsPagePopup .modalCard { width: calc(100vw - 20px) !important; height: calc(100vh - 20px) !important; max-height: calc(100vh - 20px) !important; border-radius: 22px !important; } body.vmPopupPage.pozdrowieniaBody .subHero .card { grid-template-columns: 1fr !important; } body.vmPopupPage.pozdrowieniaBody .greetingsCenterGrid { grid-template-columns: 1fr !important; } body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard { min-height: auto !important; } body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard p { min-height: auto !important; } }
html.vmPopupPage body.pozdrowieniaBody{overflow:auto !important;background:transparent !important;}
html.vmPopupPage body.pozdrowieniaBody .top, html.vmPopupPage body.pozdrowieniaBody .quickDock, html.vmPopupPage body.pozdrowieniaBody .footer{display:none !important;}
html.vmPopupPage body.pozdrowieniaBody .subHero{display:block !important;padding:18px 16px 8px !important;}
html.vmPopupPage body.pozdrowieniaBody .subHero .card{display:grid !important;grid-template-columns:1fr auto !important;gap:18px !important;align-items:center !important;box-shadow:var(--shadow) !important;}
html.vmPopupPage body.pozdrowieniaBody main{padding:0 !important;margin:0 !important;}
html.vmPopupPage body.pozdrowieniaBody .section.greetingsCenterSection, html.vmPopupPage body.pozdrowieniaBody .greetingsCenterSection{padding:12px 16px 22px !important;}
html.vmPopupPage body.pozdrowieniaBody .greetingsCenterGrid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:18px !important;}
body:not(.listenBody) .vmStartGreetingsOnlineBlock{padding-top:24px !important;padding-bottom:16px !important;margin-top:0 !important;margin-bottom:0 !important;}
body:not(.listenBody) .vmStartGreetingsOnlineInner{width:100% !important;display:grid !important;grid-template-columns:172px minmax(0,1fr) !important;align-items:center !important;gap:14px !important;}
body:not(.listenBody) .vmStartGreetingBtn{width:172px !important;min-width:172px !important;max-width:172px !important;height:42px !important;min-height:42px !important;padding:10px 14px !important;justify-content:center !important;white-space:nowrap !important;border-radius:18px !important;box-shadow:0 10px 26px rgba(255,122,24,0.22) !important;}
body:not(.listenBody) .vmStartGreetingsOnline{width:100% !important;min-width:0 !important;max-width:none !important;height:42px !important;min-height:42px !important;max-height:42px !important;padding:4px 8px !important;display:flex !important;align-items:center !important;justify-content:center !important;background:linear-gradient(90deg,rgba(255,138,24,0.98),rgba(255,177,59,0.94)) !important;border:1px solid rgba(255,145,25,0.72) !important;border-radius:18px !important;overflow:hidden !important;box-shadow:0 10px 25px rgba(255,122,24,0.2),inset 0 0 0 1px rgba(255,255,255,0.15) !important;}
body:not(.listenBody) .vmStartGreetingsFrameWrap{position:relative !important;width:100% !important;height:32px !important;min-height:32px !important;max-height:32px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:13px !important;background:transparent !important;overflow:hidden !important;}
body:not(.listenBody) .vmStartGreetingsFrameWrap iframe, body:not(.listenBody) .vmStartGreetingsOnline iframe[data-embed="greetingsOnline"]{display:block !important;width:100% !important;height:34px !important;min-height:34px !important;max-height:34px !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;overflow:hidden !important;}
@media (max-width: 900px) { body:not(.listenBody) .vmStartGreetingsOnlineBlock { padding-top: 18px !important; padding-bottom: 14px !important; } body:not(.listenBody) .vmStartGreetingsOnlineInner { grid-template-columns: 1fr !important; gap: 10px !important; } body:not(.listenBody) .vmStartGreetingBtn { width: 100% !important; min-width: 0 !important; max-width: none !important; } }
@media (min-width: 641px) { body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleViewer { height: clamp(430px, calc(100vh - 350px), 1180px) !important; min-height: 430px !important; max-height: calc(100vh - 350px) !important; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 8px !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: clamp(430px, calc(100vh - 230px), 1180px) !important; min-height: 430px !important; max-height: calc(100vh - 230px) !important; overflow-y: auto !important; overflow-x: hidden !important; padding-right: 8px !important; } body.vmSchedulePopupMode .vmSchedulePremium, body.vmSchedulePopupMode .vmSchedulePanel, body.vmSchedulePopupMode .vmScheduleDays { height: auto !important; min-height: 0 !important; } }
@media (max-width: 640px) { body.scheduleBody .vmScheduleViewer, body.vmSchedulePopupMode .vmScheduleViewer { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } }
@media (max-width: 820px) { html, body { width: 100%; max-width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; } body { min-height: 100dvh; padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); } .page { width: min(100% - 18px, var(--vm-page-max)) !important; } .top { padding-left: max(10px, env(safe-area-inset-left)) !important; padding-right: max(10px, env(safe-area-inset-right)) !important; } .quickDock { right: calc(10px + env(safe-area-inset-right)) !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; gap: 8px !important; z-index: 70 !important; } .quickDock a, .quickDock button { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; } .modal { padding: max(10px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left)) !important; } .modalCard, #vmModal .modalCard, .listenBody #vmModal .modalCard { width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; max-width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; border-radius: 22px !important; overflow: hidden !important; } .modalHead, .listenBody #vmModal .modalHead { height: auto !important; min-height: 58px !important; padding: 10px 12px !important; } #vmModalFrame, #vmModal iframe, .listenBody #vmModal iframe#vmModalFrame { height: calc(100% - 58px) !important; min-height: 0 !important; max-height: none !important; } #vmCookieBanner { left: calc(10px + env(safe-area-inset-left)) !important; right: calc(10px + env(safe-area-inset-right)) !important; bottom: calc(10px + env(safe-area-inset-bottom)) !important; margin: 0 !important; padding: 14px !important; border-radius: 20px !important; gap: 12px !important; align-items: flex-start !important; z-index: 9999 !important; } #vmCookieBanner > div { width: 100% !important; min-width: 0 !important; font-size: 0.92rem !important; line-height: 1.4 !important; } #vmCookieAccept { width: 100% !important; min-height: 44px !important; text-align: center !important; } .heroWow, .subHero, .listenHero, .chatPremiumHero, .vmLiveHero { overflow: hidden !important; } .heroScene, .beam, .spark, .pc1, .pc2, .pc3 { pointer-events: none !important; } }
@media (max-width: 640px) { .heroWow { min-height: auto !important; } .heroPlayer, .player, .listenPremiumPlayer, .vmMiniPlayer { max-width: 100% !important; } .heroPlayer .avatar, .player .avatar, .listenPremiumPlayer .avatar, .vmMiniPlayer .avatar { flex: 0 0 auto !important; } .heroPlayer iframe[data-embed="live"], .player iframe[data-embed="live"], .listenPremiumPlayer iframe[data-embed="live"], .vmMiniPlayer iframe[data-embed="live"] { max-width: 100% !important; max-height: 100% !important; } .vmChatPremiumLayout { grid-template-columns: 1fr !important; gap: 12px !important; } .chatPremiumBody .vmChatPremiumSection { padding-top: 8px !important; } .chatPremiumBody .vmChatBox { padding: 10px !important; border-radius: 22px !important; } .chatPremiumBody .vmChatFrame, .chatPremiumBody .vmChatFrameSolo { height: calc(100dvh - 168px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; min-height: 520px !important; max-height: 760px !important; border-radius: 20px !important; } .chatPremiumBody .vmChatFrame iframe, .chatPremiumBody .vmChatFrameSolo iframe { width: 100% !important; height: 100% !important; } .chatPremiumBody .vmChatSide { padding: 12px !important; border-radius: 22px !important; } .vmLiveStudioGrid { grid-template-columns: 1fr !important; gap: 12px !important; } .vmLiveChatBox { height: calc(100dvh - 220px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; min-height: 500px !important; max-height: 740px !important; } .embedBox, .embedBox.small, .embedBox.tall { max-width: 100% !important; } .listenBody .listenGreetingsOnline, body:not(.listenBody) .vmStartGreetingsOnlineBlock { max-width: 100% !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmSchedulePremium { height: calc(100dvh - 10px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } body.vmSchedulePopupMode .schedulePremiumSection { height: 100dvh !important; } }
@media (max-width: 430px) { .page { width: min(100% - 14px, var(--vm-page-max)) !important; } .chatPremiumBody .vmChatFrame, .chatPremiumBody .vmChatFrameSolo { min-height: 500px !important; height: calc(100dvh - 150px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } .vmLiveChatBox { min-height: 480px !important; } .modalCard, #vmModal .modalCard, .listenBody #vmModal .modalCard { width: calc(100vw - 10px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; max-width: calc(100vw - 10px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } }
@media (max-width: 700px) { .vmBannerHomeCard, .vmBannerStage, .vmHomeBanner, .homePremiumBody .vmBannerHomeCard, .homePremiumBody .vmBannerStage, .homePremiumBody .vmHomeBanner { height: auto !important; min-height: 0 !important; max-height: none !important; } .vmBannerHomeCard, .homePremiumBody .vmBannerHomeCard { overflow: hidden !important; } .vmBannerStage, .homePremiumBody .vmBannerStage { overflow: visible !important; } .vmHomeBanner, .homePremiumBody .vmHomeBanner { grid-template-columns: 1fr !important; gap: 14px !important; padding: 24px 22px 28px !important; align-items: start !important; } .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia { width: 76px !important; height: 76px !important; border-radius: 22px !important; justify-self: start !important; order: -1 !important; } .vmHomeBannerMediaIcon, .homePremiumBody .vmHomeBannerMediaIcon { font-size: 2.6rem !important; } .vmHomeBanner h3, .homePremiumBody .vmHomeBanner h3 { font-size: clamp(1.7rem, 7.5vw, 2.15rem) !important; line-height: 1.08 !important; } .vmHomeBannerText, .homePremiumBody .vmHomeBannerText { font-size: 1rem !important; line-height: 1.48 !important; } .vmHomeBannerBtn, .homePremiumBody .vmHomeBannerBtn { width: auto !important; min-width: 0 !important; max-width: 100% !important; margin-top: 18px !important; } .homePremiumBody .homeLivePreviewBox { aspect-ratio: 16 / 9 !important; min-height: 0 !important; height: auto !important; max-height: none !important; border-radius: 24px !important; } .homePremiumBody .homeLivePreviewBox iframe { width: 100% !important; height: 100% !important; min-height: 0 !important; } .homePremiumBody .homeLivePreviewBox .vmLiveBadge { top: 12px !important; left: 12px !important; transform: scale(0.92) !important; transform-origin: left top !important; } .homePremiumBody .facebookSideCard { padding: 8px !important; min-height: 0 !important; height: auto !important; overflow: hidden !important; border-radius: 28px !important; } .homePremiumBody .facebookSideCard .fbFrame, .homePremiumBody .facebookSideCard .fbFrameSide { display: block !important; width: 100% !important; height: min(720px, calc(100dvh - 118px)) !important; min-height: 560px !important; max-height: 760px !important; border-radius: 22px !important; background: #fff !important; } .homePremiumBody .homeFacebookColumn .head { margin-bottom: 14px !important; } .homePremiumBody .homeScheduleFbSection { overflow: hidden !important; } .homePremiumBody .homeScheduleFbSection .embedBox:has(iframe[data-embed="scheduleToday"]) { max-height: none !important; } .homePremiumBody .homeScheduleFbSection iframe[data-embed="scheduleToday"] { max-width: 100% !important; } }
@media (max-width: 430px) { .vmHomeBanner, .homePremiumBody .vmHomeBanner { padding: 22px 18px 26px !important; border-radius: 26px !important; } .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia { width: 68px !important; height: 68px !important; border-radius: 20px !important; } .homePremiumBody .facebookSideCard .fbFrame, .homePremiumBody .facebookSideCard .fbFrameSide { height: min(700px, calc(100dvh - 104px)) !important; min-height: 540px !important; } }
@media (max-width: 760px) { html, body { max-width: 100% !important; overflow-x: hidden !important; } .page, main > .page, .section.page { width: min(100% - 18px, var(--vm-page-max)) !important; max-width: calc(100vw - 18px) !important; } .listenBody .listenPremiumPlayer { height: auto !important; min-height: 0 !important; padding: 20px 16px 16px !important; display: grid !important; grid-template-columns: 1fr !important; gap: 12px !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .liveTop, .listenBody .listenPremiumPlayer .now, .listenBody .listenPremiumPlayer .controls, .listenBody .listenPremiumPlayer .avatar, .listenBody .listenPremiumPlayer .listenPlayerTickers, .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter, .listenBody .listenPremiumPlayer .chips { position: relative !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; width: 100% !important; max-width: 100% !important; transform: none !important; } .listenBody .listenPremiumPlayer .now b { position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; margin: 0 auto !important; justify-content: center !important; width: fit-content !important; max-width: 100% !important; } .listenBody .listenPremiumPlayer .controls { order: 1 !important; display: grid !important; place-items: center !important; gap: 7px !important; margin: 2px 0 0 !important; } .listenBody .listenPremiumPlayer .avatar { order: 2 !important; justify-self: center !important; width: 112px !important; height: 112px !important; max-width: 112px !important; border-radius: 28px !important; margin: 2px auto 0 !important; } .listenBody .listenPremiumPlayer .now { order: 3 !important; display: block !important; } .listenBody .listenPremiumPlayer .listenPlayerTickers { order: 4 !important; display: grid !important; gap: 8px !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 92px minmax(0, 1fr) !important; height: 38px !important; min-width: 0 !important; } .listenBody .listenPremiumPlayer .listenTickerRow b { width: 92px !important; min-width: 92px !important; max-width: 92px !important; } .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { order: 5 !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .meter i { max-height: 48px !important; } .listenBody .listenPremiumPlayer .chips { order: 6 !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; margin-top: 2px !important; } .listenBody .listenPremiumPlayer .chip { max-width: 100% !important; } .listenBody .listenBottomBanner, .listenBody .listenBottomBanner .vmBannerStage, .listenBody .listenBottomBanner .vmHomeBanner, .homePremiumBody .vmBannerHomeCard, .homePremiumBody .vmBannerStage, .homePremiumBody .vmHomeBanner { height: auto !important; min-height: 0 !important; max-height: none !important; } .listenBody .listenBottomBanner .vmHomeBanner, .homePremiumBody .vmHomeBanner { display: grid !important; grid-template-columns: 1fr !important; gap: 14px !important; padding: 24px 20px 26px !important; align-items: start !important; } .listenBody .listenBottomBanner .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia { order: -1 !important; justify-self: start !important; width: 82px !important; height: 82px !important; border-radius: 24px !important; } .listenBody .listenBottomBanner .vmHomeBannerMedia img, .homePremiumBody .vmHomeBannerMedia img { object-fit: contain !important; } .listenBody .listenBottomBanner .vmHomeBanner h3, .homePremiumBody .vmHomeBanner h3 { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; font-size: clamp(1.75rem, 8vw, 2.2rem) !important; line-height: 1.08 !important; max-width: 100% !important; } .listenBody .listenBottomBanner .vmHomeBannerText, .homePremiumBody .vmHomeBannerText { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; max-height: none !important; font-size: 1rem !important; line-height: 1.5 !important; max-width: 100% !important; } .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium { min-height: 0 !important; height: auto !important; max-height: none !important; padding: 14px !important; border-radius: 24px !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium { height: calc(100dvh - 22px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } .vmChartTabs { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 7px !important; padding: 7px !important; border-radius: 24px !important; } .vmChartTabs button { width: 100% !important; min-width: 0 !important; padding: 10px 5px !important; font-size: clamp(0.78rem, 3.4vw, 0.98rem) !important; line-height: 1.1 !important; white-space: nowrap !important; } .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList { max-height: calc(100dvh - 210px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 6px 8px 0 !important; gap: 10px !important; } .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow { display: grid !important; grid-template-columns: 58px minmax(0, 1fr) !important; grid-template-areas: "pos title" "listen title" "listen vote" !important; gap: 8px 10px !important; align-items: center !important; min-height: 138px !important; padding: 12px !important; border-radius: 22px !important; overflow: hidden !important; } .vmChartColPos, body.vmPopupPage.chartPremiumBody .vmChartColPos { grid-area: pos !important; } .vmChartColTitle, body.vmPopupPage.chartPremiumBody .vmChartColTitle { grid-area: title !important; min-width: 0 !important; align-self: start !important; padding-top: 2px !important; } .vmChartColListen, body.vmPopupPage.chartPremiumBody .vmChartColListen { grid-area: listen !important; justify-content: center !important; } .vmChartColVote, body.vmPopupPage.chartPremiumBody .vmChartColVote { grid-area: vote !important; justify-content: flex-start !important; align-self: end !important; } .vmChartPos { width: 48px !important; height: 48px !important; border-radius: 16px !important; } .vmChartPlay { width: 46px !important; height: 46px !important; } .vmChartColTitle strong, body.vmPopupPage.chartPremiumBody .vmChartColTitle strong { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; text-overflow: clip !important; font-size: clamp(1rem, 4.2vw, 1.22rem) !important; line-height: 1.16 !important; max-width: 100% !important; } .vmChartColTitle span, body.vmPopupPage.chartPremiumBody .vmChartColTitle span { flex-wrap: wrap !important; gap: 6px !important; font-size: 0.9rem !important; } .vmChartVote, body.vmPopupPage.chartPremiumBody .vmChartVote { min-width: 116px !important; padding: 10px 14px !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; max-width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; border-radius: 26px !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { height: calc(100% - 54px) !important; overflow: hidden !important; } }
@media (max-width: 430px) { .listenBody .listenPremiumPlayer { padding: 18px 14px 14px !important; border-radius: 26px !important; } .listenBody .listenPremiumPlayer .avatar { width: 102px !important; height: 102px !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 86px minmax(0, 1fr) !important; padding: 0 10px !important; } .listenBody .listenPremiumPlayer .listenTickerRow b { width: 86px !important; min-width: 86px !important; max-width: 86px !important; font-size: 0.65rem !important; } .listenBody .listenBottomBanner .vmHomeBanner, .homePremiumBody .vmHomeBanner { padding: 22px 18px 24px !important; border-radius: 26px !important; } .listenBody .listenBottomBanner .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia { width: 74px !important; height: 74px !important; } .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow { grid-template-columns: 54px minmax(0, 1fr) !important; min-height: 132px !important; padding: 10px !important; } .vmChartVote, body.vmPopupPage.chartPremiumBody .vmChartVote { min-width: 108px !important; } }
@media (max-width: 760px) { html, body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; } .top, .hero, .section, .subHero, .listenHero, .homeMasonry, .homeMasonryRight, .listenLayout, .grid, .card, .feature, .embedBox, .vmBannerHomeCard, .vmBannerStage, .vmHomeBanner { max-width: 100% !important; } .homePremiumBody .homeLivePreviewCard, .homePremiumBody .homeEventsPremiumCard, .homePremiumBody .homeFacebookColumn, .homePremiumBody .homeScheduleFbSection, .listenBody .listenBottomBanner, .listenBody .listenNowCard, .listenBody .listenEventsCard { overflow: hidden !important; } .homePremiumBody .homeLivePreviewBox { width: 100% !important; aspect-ratio: 16 / 9 !important; min-height: 0 !important; height: auto !important; border-radius: 24px !important; } .homePremiumBody .homeLivePreviewBox iframe { display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; border: 0 !important; } .vmHomeBanner, .homePremiumBody .vmHomeBanner, .listenBody .listenBottomBanner .vmHomeBanner { display: flex !important; flex-direction: column !important; align-items: flex-start !important; justify-content: flex-start !important; gap: 16px !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 24px 20px 26px !important; overflow: hidden !important; } .vmHomeBannerContent, .homePremiumBody .vmHomeBannerContent, .listenBody .listenBottomBanner .vmHomeBannerContent { width: 100% !important; max-width: 100% !important; min-width: 0 !important; } .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia, .listenBody .listenBottomBanner .vmHomeBannerMedia { order: 0 !important; flex: 0 0 auto !important; width: 86px !important; height: 86px !important; max-width: 86px !important; max-height: 86px !important; margin: 0 !important; justify-self: start !important; align-self: flex-start !important; border-radius: 24px !important; } .vmHomeBannerMedia img, .homePremiumBody .vmHomeBannerMedia img, .listenBody .listenBottomBanner .vmHomeBannerMedia img { width: 100% !important; height: 100% !important; object-fit: contain !important; } .vmHomeBanner h3, .homePremiumBody .vmHomeBanner h3, .listenBody .listenBottomBanner .vmHomeBanner h3 { width: 100% !important; max-width: 100% !important; font-size: clamp(1.75rem, 8vw, 2.3rem) !important; line-height: 1.08 !important; word-break: normal !important; overflow-wrap: anywhere !important; } .vmHomeBannerText, .homePremiumBody .vmHomeBannerText, .listenBody .listenBottomBanner .vmHomeBannerText { width: 100% !important; max-width: 100% !important; font-size: 1rem !important; line-height: 1.5 !important; overflow: visible !important; max-height: none !important; } .vmHomeBannerBtn, .homePremiumBody .vmHomeBannerBtn, .listenBody .listenBottomBanner .vmHomeBannerBtn { align-self: flex-start !important; max-width: 100% !important; white-space: normal !important; } .listenBody .listenPremiumPlayer { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; height: auto !important; min-height: 0 !important; padding: 20px 16px 16px !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .liveTop { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 12px !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .now { order: 2 !important; width: 100% !important; max-width: 100% !important; text-align: center !important; padding: 0 !important; transform: none !important; } .listenBody .listenPremiumPlayer .avatar { order: 1 !important; position: relative !important; width: 118px !important; height: 118px !important; max-width: 118px !important; max-height: 118px !important; margin: 0 auto !important; transform: none !important; inset: auto !important; } .listenBody .listenPremiumPlayer .controls, .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer .listenPlayerTickers, .listenBody .listenPremiumPlayer .chips { width: 100% !important; max-width: 100% !important; position: relative !important; inset: auto !important; transform: none !important; } .listenBody .listenPremiumPlayer .controls { display: grid !important; grid-template-columns: 54px minmax(0, 1fr) !important; gap: 12px !important; align-items: center !important; } .listenBody .listenPremiumPlayer .volume { width: 100% !important; min-width: 0 !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 94px minmax(0, 1fr) !important; min-width: 0 !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .chips { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; } #vmModal:has(iframe[src*="lista-przebojow"]) { padding: calc(6px + env(safe-area-inset-top)) calc(6px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) calc(6px + env(safe-area-inset-left)) !important; align-items: center !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { display: grid !important; grid-template-rows: 56px minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; height: calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; border-radius: 24px !important; overflow: hidden !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { height: 56px !important; min-height: 56px !important; padding: 8px 10px 8px 14px !important; position: relative !important; z-index: 3 !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { min-width: 76px !important; min-height: 36px !important; padding: 8px 13px !important; font-size: 0.92rem !important; } #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; border: 0 !important; } body.vmPopupPage.chartPremiumBody main, body.vmPopupPage.chartPremiumBody .chartPremiumSection { min-height: 100dvh !important; height: 100dvh !important; overflow: hidden !important; padding: 8px !important; } body.vmPopupPage.chartPremiumBody .page, body.vmPopupPage.chartPremiumBody main > .page { width: 100% !important; max-width: 100% !important; margin: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium, .chartPremiumBody .vmChartPremium { width: 100% !important; min-height: 0 !important; height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; padding: 12px !important; border-radius: 22px !important; overflow: hidden !important; } body:not(.vmPopupPage).chartPremiumBody .vmChartPremium { height: auto !important; max-height: none !important; } .vmChartTabs, body.vmPopupPage.chartPremiumBody .vmChartTabs { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 6px !important; margin-bottom: 10px !important; } .vmChartTabs button, body.vmPopupPage.chartPremiumBody .vmChartTabs button { min-width: 0 !important; padding: 10px 4px !important; font-size: clamp(0.78rem, 3.6vw, 0.95rem) !important; line-height: 1.1 !important; } .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active { min-height: 0 !important; overflow: hidden !important; } .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList { width: 100% !important; height: auto !important; max-height: calc(100dvh - 166px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 6px 8px 0 !important; gap: 10px !important; } .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow { display: grid !important; grid-template-columns: 54px minmax(0, 1fr) !important; grid-template-areas: "pos title" "listen title" ". vote" !important; gap: 8px 10px !important; min-height: 142px !important; height: auto !important; padding: 12px !important; align-items: center !important; overflow: hidden !important; } .vmChartCol, body.vmPopupPage.chartPremiumBody .vmChartCol { min-height: 0 !important; min-width: 0 !important; } .vmChartColPos, body.vmPopupPage.chartPremiumBody .vmChartColPos { grid-area: pos !important; align-self: start !important; } .vmChartColListen, body.vmPopupPage.chartPremiumBody .vmChartColListen { grid-area: listen !important; align-self: start !important; justify-content: center !important; } .vmChartColTitle, body.vmPopupPage.chartPremiumBody .vmChartColTitle { grid-area: title !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; align-self: start !important; padding-top: 0 !important; z-index: 2 !important; } .vmChartColVote, body.vmPopupPage.chartPremiumBody .vmChartColVote { grid-area: vote !important; align-self: end !important; justify-content: flex-start !important; z-index: 3 !important; } .vmChartColTitle strong, body.vmPopupPage.chartPremiumBody .vmChartColTitle strong { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: normal !important; font-size: clamp(1rem, 4.25vw, 1.22rem) !important; line-height: 1.16 !important; } .vmChartColTitle span, body.vmPopupPage.chartPremiumBody .vmChartColTitle span { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; max-width: 100% !important; font-size: 0.9rem !important; } .vmChartVote, body.vmPopupPage.chartPremiumBody .vmChartVote { min-width: 108px !important; max-width: 100% !important; min-height: 40px !important; padding: 10px 14px !important; position: relative !important; z-index: 4 !important; } }
@media (max-width: 430px) { .vmHomeBanner, .homePremiumBody .vmHomeBanner, .listenBody .listenBottomBanner .vmHomeBanner { padding: 22px 18px 24px !important; } .vmHomeBannerMedia, .homePremiumBody .vmHomeBannerMedia, .listenBody .listenBottomBanner .vmHomeBannerMedia { width: 72px !important; height: 72px !important; max-width: 72px !important; max-height: 72px !important; } .listenBody .listenPremiumPlayer .avatar { width: 106px !important; height: 106px !important; max-width: 106px !important; max-height: 106px !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 84px minmax(0, 1fr) !important; height: 36px !important; } .listenBody .listenPremiumPlayer .listenTickerRow b { width: 84px !important; min-width: 84px !important; max-width: 84px !important; font-size: 0.64rem !important; } .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow { grid-template-columns: 50px minmax(0, 1fr) !important; min-height: 136px !important; padding: 10px !important; } .vmChartPos { width: 44px !important; height: 44px !important; } .vmChartPlay { width: 42px !important; height: 42px !important; } }
@media (max-width: 760px) { #vmModal.vmChartPopupBox, #vmModal:has(iframe[src*="lista-przebojow.html"]), #vmModal:has(iframe[src*="data:text/html"]), .listenBody #vmModal.vmChartPopupBox, .listenBody #vmModal:has(iframe[src*="lista-przebojow.html"]) { padding: calc(8px + env(safe-area-inset-top)) calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left)) !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; } #vmModal.vmChartPopupBox .modalCard, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal.vmChartPopupBox .modalCard, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) { width: min(100%, 720px) !important; max-width: calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; display: grid !important; grid-template-rows: 50px minmax(0, 1fr) !important; border-radius: 28px !important; overflow: hidden !important; margin: 0 auto !important; transform: none !important; background: linear-gradient(145deg, rgba(24, 31, 54, 0.98), rgba(8, 13, 31, 0.98)) !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead { height: 50px !important; min-height: 50px !important; padding: 7px 10px 7px 14px !important; position: relative !important; z-index: 5 !important; border-radius: 0 !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, .listenBody #vmModal.vmChartPopupBox .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong { font-size: 0.92rem !important; line-height: 1 !important; max-width: calc(100% - 96px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } #vmModal.vmChartPopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, .listenBody #vmModal.vmChartPopupBox .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close { min-width: 82px !important; width: auto !important; min-height: 34px !important; height: 34px !important; padding: 7px 14px !important; border-radius: 999px !important; font-size: 0.86rem !important; line-height: 1 !important; align-self: center !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; display: block !important; border: 0 !important; background: transparent !important; } body.vmPopupPage.chartPremiumBody, html.vmPopupPage body.chartPremiumBody { width: 100% !important; max-width: 100% !important; min-height: 100dvh !important; height: 100dvh !important; overflow: hidden !important; background: transparent !important; } body.vmPopupPage.chartPremiumBody main, body.vmPopupPage.chartPremiumBody .chartPremiumSection { width: 100% !important; max-width: 100% !important; min-height: 100dvh !important; height: 100dvh !important; padding: 8px !important; margin: 0 !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium { width: 100% !important; height: calc(100dvh - 16px) !important; max-height: calc(100dvh - 16px) !important; min-height: 0 !important; padding: 12px !important; border-radius: 24px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs { flex: 0 0 auto !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 6px !important; padding: 6px !important; margin: 0 0 10px !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs button { min-width: 0 !important; min-height: 44px !important; padding: 10px 4px !important; font-size: clamp(0.82rem, 3.7vw, 1rem) !important; line-height: 1.1 !important; } body.vmPopupPage.chartPremiumBody .vmChartPanel.active { flex: 1 1 auto !important; min-height: 0 !important; overflow: hidden !important; display: flex !important; flex-direction: column !important; } body.vmPopupPage.chartPremiumBody .vmChartList { flex: 1 1 auto !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 6px 10px 0 !important; gap: 10px !important; -webkit-overflow-scrolling: touch !important; } body.vmPopupPage.chartPremiumBody .vmChartRow { width: 100% !important; display: grid !important; grid-template-columns: 52px minmax(0, 1fr) !important; grid-template-areas: "pos title" "listen meta" ". vote" !important; gap: 7px 10px !important; min-height: 140px !important; height: auto !important; padding: 12px !important; margin: 0 !important; align-items: center !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartColPos { grid-area: pos !important; align-self: start !important; } body.vmPopupPage.chartPremiumBody .vmChartColListen { grid-area: listen !important; align-self: start !important; justify-content: center !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle { grid-area: title !important; min-width: 0 !important; overflow: hidden !important; align-self: start !important; } body.vmPopupPage.chartPremiumBody .vmChartColVote { grid-area: vote !important; align-self: end !important; justify-content: flex-start !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle strong { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; white-space: normal !important; overflow-wrap: anywhere !important; font-size: clamp(1.04rem, 4.35vw, 1.28rem) !important; line-height: 1.15 !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle span { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; max-width: 100% !important; font-size: 0.92rem !important; } body.vmPopupPage.chartPremiumBody .vmChartVote { min-width: 112px !important; min-height: 40px !important; padding: 10px 16px !important; border-radius: 999px !important; } .listenBody .listenPremiumPlayer { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; height: auto !important; min-height: 0 !important; padding: 18px 16px 16px !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .liveTop, .listenBody .listenPremiumPlayer .now, .listenBody .listenPremiumPlayer .controls, .listenBody .listenPremiumPlayer .avatar, .listenBody .listenPremiumPlayer .listenPlayerTickers, .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter, .listenBody .listenPremiumPlayer .chips { position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; } .listenBody .listenPremiumPlayer .liveTop { order: 1 !important; display: grid !important; place-items: center !important; gap: 10px !important; margin: 0 !important; min-height: 0 !important; } .listenBody .listenPremiumPlayer .avatar { order: 1 !important; width: 118px !important; height: 118px !important; max-width: 118px !important; max-height: 118px !important; margin: 0 auto !important; border-radius: 30px !important; } .listenBody .listenPremiumPlayer .now { order: 2 !important; display: flex !important; justify-content: center !important; text-align: center !important; padding: 0 !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .now b { position: relative !important; width: auto !important; max-width: 100% !important; margin: 0 auto !important; transform: none !important; white-space: nowrap !important; } .listenBody .listenPremiumPlayer .controls { order: 2 !important; display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; margin: 0 !important; min-height: 62px !important; } .listenBody .listenPremiumPlayer .play { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; } .listenBody .listenPremiumPlayer .volume { width: 100% !important; min-width: 0 !important; } .listenBody .listenPremiumPlayer .listenPlayerTickers { order: 3 !important; display: grid !important; gap: 8px !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 88px minmax(0, 1fr) !important; height: 38px !important; min-width: 0 !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .listenTickerRow b { width: 88px !important; min-width: 88px !important; max-width: 88px !important; font-size: 0.66rem !important; } .listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; } .listenBody .listenPremiumPlayer .meter, .listenBody .listenPremiumPlayer.audio-reactive .meter { order: 4 !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; margin: 0 !important; } .listenBody .listenPremiumPlayer .meter i { max-height: 40px !important; } .listenBody .listenPremiumPlayer .chips { order: 5 !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; margin: 0 !important; } .listenBody .listenFeatureCard { display: grid !important; grid-template-rows: auto auto !important; gap: 14px !important; min-height: 0 !important; padding: 20px 18px !important; overflow: hidden !important; } .listenBody .listenFeatureCard h3, .listenBody .listenFeatureCard p { display: block !important; visibility: visible !important; opacity: 1 !important; overflow: visible !important; } .listenBody .listenFeatureCard h3 { font-size: clamp(1.18rem, 5vw, 1.45rem) !important; line-height: 1.1 !important; margin: 0 0 8px !important; } .listenBody .listenFeatureCard p { font-size: clamp(0.96rem, 4.1vw, 1.1rem) !important; line-height: 1.42 !important; } }
@media (max-width: 430px) { body.vmPopupPage.chartPremiumBody .vmChartPremium { padding: 10px !important; border-radius: 22px !important; } body.vmPopupPage.chartPremiumBody .vmChartRow { grid-template-columns: 50px minmax(0, 1fr) !important; min-height: 136px !important; padding: 10px !important; } body.vmPopupPage.chartPremiumBody .vmChartPos { width: 44px !important; height: 44px !important; } body.vmPopupPage.chartPremiumBody .vmChartPlay { width: 42px !important; height: 42px !important; } .listenBody .listenPremiumPlayer .avatar { width: 108px !important; height: 108px !important; max-width: 108px !important; max-height: 108px !important; } .listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 84px minmax(0, 1fr) !important; } .listenBody .listenPremiumPlayer .listenTickerRow b { width: 84px !important; min-width: 84px !important; max-width: 84px !important; font-size: 0.64rem !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { display: flex !important; flex-direction: column !important; align-items: stretch !important; justify-content: flex-start !important; gap: 10px !important; height: auto !important; min-height: 300px !important; padding: 16px 14px 14px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .liveTop { order: 1 !important; position: relative !important; inset: auto !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 6px !important; width: 100% !important; min-height: 126px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { order: 1 !important; position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; width: 106px !important; height: 106px !important; min-width: 106px !important; min-height: 106px !important; max-width: 106px !important; max-height: 106px !important; margin: 0 auto !important; border-radius: 24px !important; z-index: 2 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .liveTop .now { order: 2 !important; position: relative !important; inset: auto !important; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; transform: none !important; display: flex !important; justify-content: center !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; text-align: center !important; z-index: 3 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { position: relative !important; inset: auto !important; transform: none !important; width: auto !important; max-width: calc(100% - 24px) !important; margin: 0 auto !important; white-space: nowrap !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .controls { order: 2 !important; position: relative !important; inset: auto !important; transform: none !important; display: grid !important; grid-template-columns: 56px minmax(0, 1fr) !important; align-items: center !important; gap: 12px !important; width: 100% !important; max-width: 100% !important; min-height: 58px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .controls .play { position: relative !important; inset: auto !important; transform: none !important; width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .controls .volume { position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { order: 3 !important; position: relative !important; inset: auto !important; transform: none !important; display: grid !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { position: relative !important; inset: auto !important; transform: none !important; display: grid !important; grid-template-columns: 88px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: 38px !important; min-height: 38px !important; margin: 0 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { order: 4 !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: 38px !important; min-height: 38px !important; max-height: 38px !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .chips { order: 5 !important; position: relative !important; inset: auto !important; transform: none !important; display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 7px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { gap: 9px !important; min-height: 292px !important; padding: 14px 12px 13px !important; } body.listenBody .listenPremiumPlayer .liveTop { min-height: 118px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { width: 98px !important; height: 98px !important; min-width: 98px !important; min-height: 98px !important; max-width: 98px !important; max-height: 98px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 84px minmax(0, 1fr) !important; height: 36px !important; min-height: 36px !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "vm-live" "vm-controls" "vm-tickers" "vm-meter" "vm-chips" !important; row-gap: 10px !important; height: auto !important; min-height: 0 !important; padding: 16px 14px 14px !important; overflow: hidden !important; border-radius: 30px !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; inset: auto !important; display: grid !important; grid-template-columns: 78px minmax(0, 1fr) 78px !important; grid-template-rows: auto auto !important; grid-template-areas: ". vm-cover ." ". vm-state ." !important; align-items: center !important; justify-items: center !important; width: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; gap: 6px !important; overflow: visible !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { grid-area: vm-cover !important; position: relative !important; inset: auto !important; transform: none !important; width: clamp(92px, 28vw, 112px) !important; height: clamp(92px, 28vw, 112px) !important; min-width: 0 !important; min-height: 0 !important; max-width: 112px !important; max-height: 112px !important; margin: 0 auto !important; border-radius: 24px !important; z-index: 4 !important; box-shadow: 0 16px 30px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 24px rgba(255, 138, 24, 0.12) !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .liveTop .now { grid-area: vm-state !important; position: relative !important; inset: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 20px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; text-align: center !important; z-index: 5 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { position: relative !important; inset: auto !important; transform: none !important; width: auto !important; max-width: calc(100% - 24px) !important; margin: 0 auto !important; white-space: nowrap !important; z-index: 6 !important; } body.listenBody .listenPremiumPlayer .controls { grid-area: vm-controls !important; position: relative !important; inset: auto !important; transform: none !important; display: grid !important; grid-template-columns: 66px minmax(0, 1fr) 66px !important; grid-template-areas: "vm-play vm-volume ." !important; align-items: center !important; justify-items: center !important; width: 100% !important; min-height: 62px !important; margin: -86px 0 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .controls .play { grid-area: vm-play !important; position: relative !important; inset: auto !important; transform: none !important; width: 60px !important; height: 60px !important; min-width: 60px !important; min-height: 60px !important; margin: 0 !important; pointer-events: auto !important; z-index: 9 !important; } body.listenBody .listenPremiumPlayer .controls .volume { grid-area: vm-volume !important; position: relative !important; inset: auto !important; transform: none !important; align-self: end !important; justify-self: center !important; width: min(156px, 48vw) !important; min-width: 118px !important; max-width: 156px !important; margin: 36px 0 0 !important; pointer-events: auto !important; z-index: 9 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: relative !important; inset: auto !important; transform: none !important; display: grid !important; gap: 8px !important; width: 100% !important; max-width: 100% !important; margin: 8px 0 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 2 !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { position: relative !important; inset: auto !important; transform: none !important; display: grid !important; grid-template-columns: 88px minmax(0, 1fr) !important; align-items: center !important; width: 100% !important; max-width: 100% !important; height: 36px !important; min-height: 36px !important; margin: 0 !important; overflow: hidden !important; border-radius: 18px !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; margin: 0 !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: relative !important; inset: auto !important; transform: none !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; overflow: visible !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .chip { min-width: 0 !important; padding: 8px 10px !important; font-size: 0.78rem !important; white-space: nowrap !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { row-gap: 9px !important; padding: 14px 12px 13px !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-template-columns: 70px minmax(0, 1fr) 70px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { width: 96px !important; height: 96px !important; max-width: 96px !important; max-height: 96px !important; } body.listenBody .listenPremiumPlayer .controls { grid-template-columns: 62px minmax(0, 1fr) 62px !important; min-height: 58px !important; margin-top: -80px !important; } body.listenBody .listenPremiumPlayer .controls .play { width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; } body.listenBody .listenPremiumPlayer .controls .volume { width: min(144px, 47vw) !important; min-width: 108px !important; max-width: 144px !important; margin-top: 34px !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { margin-top: 7px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 82px minmax(0, 1fr) !important; height: 34px !important; min-height: 34px !important; } body.listenBody .listenPremiumPlayer .chip { padding: 7px 8px !important; font-size: 0.7rem !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "vm-live" "vm-tickers" "vm-meter" "vm-chips" !important; row-gap: 11px !important; width: 100% !important; height: auto !important; min-height: 0 !important; padding: 18px 16px 15px !important; overflow: hidden !important; border-radius: 30px !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; inset: auto !important; transform: none !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; width: 100% !important; min-height: 124px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 3 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: relative !important; inset: auto !important; transform: none !important; width: 104px !important; height: 104px !important; min-width: 104px !important; min-height: 104px !important; max-width: 104px !important; max-height: 104px !important; margin: 0 auto !important; border-radius: 24px !important; z-index: 5 !important; box-shadow: 0 16px 34px rgba(0, 0, 0, 0.40), 0 0 0 1px rgba(255, 255, 255, 0.16) inset, 0 0 28px rgba(255, 140, 40, 0.14) !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: relative !important; inset: auto !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 21px !important; margin: -1px 0 0 !important; padding: 0 !important; overflow: visible !important; text-align: center !important; z-index: 7 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { position: relative !important; inset: auto !important; transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: calc(100% - 26px) !important; margin: 0 auto !important; white-space: nowrap !important; line-height: 1 !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; left: 16px !important; right: 16px !important; top: 82px !important; inset-block-end: auto !important; transform: none !important; display: grid !important; grid-template-columns: 70px minmax(0, 1fr) 70px !important; grid-template-rows: 28px 18px !important; grid-template-areas: "vm-play vm-volume vm-right" "vm-play vm-label vm-right" !important; align-items: center !important; justify-items: center !important; width: auto !important; min-height: 66px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 9 !important; } body.listenBody .listenPremiumPlayer .controls::after { content: "GŁOŚNOŚĆ" !important; grid-area: vm-label !important; position: relative !important; display: block !important; align-self: start !important; justify-self: center !important; width: auto !important; margin: 0 !important; padding: 0 !important; transform: none !important; font-size: 0.63rem !important; font-weight: 900 !important; line-height: 1 !important; letter-spacing: 0.18em !important; color: rgba(255, 255, 255, 0.68) !important; text-shadow: 0 1px 7px rgba(0, 0, 0, 0.42) !important; pointer-events: none !important; } body.listenBody .listenPremiumPlayer .controls .play { grid-area: vm-play !important; position: relative !important; inset: auto !important; transform: none !important; align-self: center !important; justify-self: start !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; margin: 0 !important; pointer-events: auto !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .controls .volume { grid-area: vm-volume !important; position: relative !important; inset: auto !important; transform: none !important; align-self: end !important; justify-self: center !important; width: min(138px, 40vw) !important; min-width: 112px !important; max-width: 138px !important; margin: 0 !important; pointer-events: auto !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: relative !important; inset: auto !important; transform: none !important; display: grid !important; gap: 7px !important; width: 100% !important; max-width: 100% !important; margin: 2px 0 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 2 !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { position: relative !important; inset: auto !important; transform: none !important; display: grid !important; grid-template-columns: 84px minmax(0, 1fr) !important; align-items: center !important; gap: 0 !important; width: 100% !important; max-width: 100% !important; height: 34px !important; min-height: 34px !important; margin: 0 !important; overflow: hidden !important; border-radius: 17px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: auto !important; min-width: 0 !important; margin: 0 !important; padding-left: 12px !important; font-size: 0.70rem !important; line-height: 1 !important; white-space: nowrap !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0.86rem !important; line-height: 1 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: relative !important; inset: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; margin: 0 !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: relative !important; inset: auto !important; transform: none !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 100% !important; max-width: 100% !important; margin: -2px 0 0 !important; overflow: visible !important; z-index: 1 !important; } body.listenBody .listenPremiumPlayer .chip { min-width: 0 !important; padding: 7px 9px !important; font-size: 0.74rem !important; line-height: 1 !important; white-space: nowrap !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { row-gap: 10px !important; padding: 16px 14px 14px !important; border-radius: 28px !important; } body.listenBody .listenPremiumPlayer .liveTop { min-height: 116px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { width: 94px !important; height: 94px !important; min-width: 94px !important; min-height: 94px !important; max-width: 94px !important; max-height: 94px !important; border-radius: 22px !important; } body.listenBody .listenPremiumPlayer .controls { left: 14px !important; right: 14px !important; top: 75px !important; grid-template-columns: 64px minmax(0, 1fr) 64px !important; grid-template-rows: 26px 17px !important; min-height: 62px !important; } body.listenBody .listenPremiumPlayer .controls .play { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; } body.listenBody .listenPremiumPlayer .controls .volume { width: min(124px, 38vw) !important; min-width: 104px !important; max-width: 124px !important; } body.listenBody .listenPremiumPlayer .controls::after { font-size: 0.59rem !important; letter-spacing: 0.16em !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { grid-template-columns: 78px minmax(0, 1fr) !important; height: 32px !important; min-height: 32px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { padding-left: 10px !important; font-size: 0.64rem !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { font-size: 0.82rem !important; } body.listenBody .listenPremiumPlayer .chip { padding: 7px 7px !important; font-size: 0.68rem !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { padding: 18px 16px 15px !important; row-gap: 10px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .liveTop { min-height: 126px !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 0 !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { width: 98px !important; height: 98px !important; min-width: 98px !important; min-height: 98px !important; max-width: 98px !important; max-height: 98px !important; margin: 0 auto !important; border-radius: 24px !important; z-index: 6 !important; } body.listenBody .listenPremiumPlayer .liveTop .now { margin-top: -3px !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; left: 16px !important; right: 16px !important; top: 72px !important; display: grid !important; grid-template-columns: 66px minmax(92px, 1fr) 86px !important; grid-template-rows: 24px 23px !important; grid-template-areas: "vm-play vm-center vm-volume" "vm-play vm-center vm-label" !important; align-items: center !important; justify-items: center !important; min-height: 62px !important; width: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .controls .play { grid-area: vm-play !important; justify-self: start !important; align-self: center !important; width: 56px !important; height: 56px !important; min-width: 56px !important; min-height: 56px !important; margin: 0 !important; pointer-events: auto !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls .volume { grid-area: vm-volume !important; justify-self: center !important; align-self: end !important; width: 82px !important; min-width: 82px !important; max-width: 82px !important; margin: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls::after { content: "GŁOŚNOŚĆ" !important; grid-area: vm-label !important; justify-self: center !important; align-self: start !important; margin: 2px 0 0 !important; padding: 0 !important; transform: none !important; font-size: 0.58rem !important; line-height: 1 !important; letter-spacing: 0.16em !important; font-weight: 900 !important; color: rgba(255,255,255,0.68) !important; text-shadow: 0 1px 7px rgba(0,0,0,0.45) !important; pointer-events: none !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { margin-top: 0 !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { padding: 16px 14px 14px !important; row-gap: 9px !important; } body.listenBody .listenPremiumPlayer .liveTop { min-height: 118px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { width: 88px !important; height: 88px !important; min-width: 88px !important; min-height: 88px !important; max-width: 88px !important; max-height: 88px !important; border-radius: 22px !important; } body.listenBody .listenPremiumPlayer .controls { left: 14px !important; right: 14px !important; top: 68px !important; grid-template-columns: 60px minmax(78px, 1fr) 76px !important; grid-template-rows: 22px 21px !important; min-height: 58px !important; } body.listenBody .listenPremiumPlayer .controls .play { width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; } body.listenBody .listenPremiumPlayer .controls .volume { width: 72px !important; min-width: 72px !important; max-width: 72px !important; } body.listenBody .listenPremiumPlayer .controls::after { font-size: 0.53rem !important; letter-spacing: 0.14em !important; margin-top: 1px !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; grid-template-areas: "vm-live" "vm-tickers" "vm-meter" "vm-chips" !important; row-gap: 10px !important; height: auto !important; min-height: 0 !important; padding: 18px 16px 15px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; inset: auto !important; transform: none !important; display: block !important; width: 100% !important; height: 132px !important; min-height: 132px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 5 !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; right: 4px !important; left: auto !important; bottom: auto !important; transform: none !important; width: 108px !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-align: center !important; z-index: 9 !important; background: transparent !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 108px !important; min-height: 20px !important; padding: 4px 10px !important; border-radius: 999px !important; background: rgba(20, 120, 82, 0.74) !important; color: #d9ffe9 !important; font-size: 0.58rem !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), 0 0 16px rgba(43, 255, 154, 0.24) !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 28px !important; right: 4px !important; left: auto !important; bottom: auto !important; transform: none !important; width: 104px !important; height: 104px !important; min-width: 104px !important; min-height: 104px !important; max-width: 104px !important; max-height: 104px !important; margin: 0 !important; border-radius: 24px !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; top: 30px !important; left: 0 !important; right: auto !important; bottom: auto !important; transform: none !important; width: 84px !important; min-width: 84px !important; max-width: 84px !important; height: 98px !important; min-height: 98px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls .play { position: relative !important; inset: auto !important; transform: none !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; max-width: 58px !important; max-height: 58px !important; margin: 0 !important; pointer-events: auto !important; z-index: 13 !important; } body.listenBody .listenPremiumPlayer .controls .volume { position: relative !important; inset: auto !important; transform: none !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; height: 16px !important; margin: 0 !important; pointer-events: auto !important; z-index: 13 !important; } body.listenBody .listenPremiumPlayer .controls::after { content: "GŁOŚNOŚĆ" !important; position: relative !important; display: block !important; width: 84px !important; margin: -4px 0 0 !important; padding: 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-size: 0.52rem !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.16em !important; text-align: center !important; text-transform: uppercase !important; pointer-events: none !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: relative !important; z-index: 4 !important; width: 100% !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: relative !important; z-index: 4 !important; width: 100% !important; margin: 0 !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: relative !important; z-index: 4 !important; width: 100% !important; margin: 0 !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { padding: 16px 14px 14px !important; row-gap: 9px !important; } body.listenBody .listenPremiumPlayer .liveTop { height: 124px !important; min-height: 124px !important; } body.listenBody .listenPremiumPlayer .liveTop .now { right: 0 !important; width: 98px !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { max-width: 98px !important; padding: 4px 8px !important; font-size: 0.54rem !important; letter-spacing: 0.19em !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 27px !important; right: 0 !important; width: 96px !important; height: 96px !important; min-width: 96px !important; min-height: 96px !important; max-width: 96px !important; max-height: 96px !important; border-radius: 22px !important; } body.listenBody .listenPremiumPlayer .controls { top: 30px !important; left: 0 !important; width: 76px !important; min-width: 76px !important; max-width: 76px !important; height: 92px !important; min-height: 92px !important; gap: 7px !important; } body.listenBody .listenPremiumPlayer .controls .play { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; max-width: 54px !important; max-height: 54px !important; } body.listenBody .listenPremiumPlayer .controls .volume { margin-top: 10px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; } body.listenBody .listenPremiumPlayer .controls::after { width: 76px !important; font-size: 0.49rem !important; letter-spacing: 0.13em !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer { display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "vm-live" "vm-tickers" "vm-meter" "vm-chips" !important; gap: 9px !important; height: auto !important; min-height: 0 !important; padding: 18px 16px 15px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; display: block !important; width: 100% !important; height: 124px !important; min-height: 124px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 5 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important; transform: none !important; width: 92px !important; height: 92px !important; min-width: 92px !important; min-height: 92px !important; max-width: 92px !important; max-height: 92px !important; margin: 0 !important; border-radius: 22px !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 96px !important; left: 50% !important; right: auto !important; bottom: auto !important; transform: translateX(-50%) !important; width: auto !important; min-width: 92px !important; max-width: 150px !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; background: transparent !important; text-align: center !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 150px !important; min-height: 22px !important; padding: 4px 11px !important; border-radius: 999px !important; background: rgba(20, 120, 82, 0.78) !important; color: #dfffea !important; font-size: 0.56rem !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(0,0,0,.30), 0 0 16px rgba(43,255,154,.25) !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; top: 14px !important; left: 0 !important; right: auto !important; bottom: auto !important; transform: none !important; width: 86px !important; min-width: 86px !important; max-width: 86px !important; height: 100px !important; min-height: 100px !important; margin: 0 !important; padding: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; overflow: visible !important; pointer-events: none !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls .play { position: relative !important; inset: auto !important; transform: none !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; max-width: 58px !important; max-height: 58px !important; margin: 0 !important; pointer-events: auto !important; z-index: 13 !important; } body.listenBody .listenPremiumPlayer .controls .volume { position: relative !important; inset: auto !important; transform: none !important; width: 72px !important; min-width: 72px !important; max-width: 72px !important; height: 15px !important; margin: 0 !important; pointer-events: auto !important; z-index: 13 !important; } body.listenBody .listenPremiumPlayer .controls::after { content: "GŁOŚNOŚĆ" !important; position: relative !important; display: block !important; width: 86px !important; margin: -3px 0 0 !important; padding: 0 !important; color: rgba(255,255,255,.70) !important; font-size: 0.47rem !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.11em !important; text-align: center !important; text-transform: uppercase !important; pointer-events: none !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: relative !important; z-index: 4 !important; width: 100% !important; margin: 0 !important; display: grid !important; gap: 7px !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { min-height: 28px !important; height: 28px !important; padding: 0 12px !important; border-radius: 999px !important; display: grid !important; grid-template-columns: 96px minmax(0, 1fr) !important; align-items: center !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { min-width: 0 !important; font-size: 0.62rem !important; line-height: 1 !important; white-space: nowrap !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; width: 100% !important; display: block !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; line-height: 1.15 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: relative !important; width: 100% !important; margin: 2px 0 0 !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: relative !important; z-index: 4 !important; width: 100% !important; margin: 0 !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { padding: 16px 14px 14px !important; gap: 8px !important; } body.listenBody .listenPremiumPlayer .liveTop { height: 116px !important; min-height: 116px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 7px !important; right: 4px !important; width: 84px !important; height: 84px !important; min-width: 84px !important; min-height: 84px !important; max-width: 84px !important; max-height: 84px !important; border-radius: 20px !important; } body.listenBody .listenPremiumPlayer .liveTop .now { top: 12px !important; min-width: 86px !important; max-width: 138px !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { max-width: 138px !important; min-height: 20px !important; padding: 4px 9px !important; font-size: 0.51rem !important; letter-spacing: 0.19em !important; } body.listenBody .listenPremiumPlayer .controls { top: 28px !important; left: 0 !important; width: 78px !important; min-width: 78px !important; max-width: 78px !important; height: 96px !important; min-height: 96px !important; gap: 7px !important; } body.listenBody .listenPremiumPlayer .controls .play { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; max-width: 54px !important; max-height: 54px !important; } body.listenBody .listenPremiumPlayer .controls .volume { margin-top: 10px !important; width: 64px !important; min-width: 64px !important; max-width: 64px !important; height: 14px !important; } body.listenBody .listenPremiumPlayer .controls::after { width: 78px !important; font-size: 0.43rem !important; letter-spacing: 0.08em !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { min-height: 27px !important; height: 27px !important; padding: 0 10px !important; grid-template-columns: 92px minmax(0, 1fr) !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { font-size: 0.58rem !important; } }
@media (max-width: 760px) { body.listenBody .listenLayout { gap: 14px !important; } body.listenBody .listenPremiumPlayer { position: relative !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "vm-live" "vm-tickers" "vm-meter" "vm-chips" !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; padding: 14px 14px 13px !important; gap: 7px !important; border-radius: 28px !important; box-sizing: border-box !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; display: block !important; width: 100% !important; height: 108px !important; min-height: 108px !important; max-height: 108px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; min-width: 100px !important; max-width: 156px !important; height: 24px !important; min-height: 24px !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; background: transparent !important; overflow: visible !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-height: 22px !important; max-width: 156px !important; padding: 4px 11px !important; border-radius: 999px !important; background: rgba(20, 120, 82, 0.78) !important; border: 1px solid rgba(72, 255, 157, 0.22) !important; color: #dfffea !important; font-size: 0.54rem !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: 0.2em !important; text-transform: uppercase !important; white-space: nowrap !important; box-shadow: 0 8px 18px rgba(0, 0, 0, 0.28), 0 0 16px rgba(43, 255, 154, 0.24) !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 31px !important; left: 50% !important; right: auto !important; bottom: auto !important; width: 76px !important; height: 76px !important; min-width: 76px !important; min-height: 76px !important; max-width: 76px !important; max-height: 76px !important; margin: 0 !important; transform: translateX(-50%) !important; border-radius: 19px !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar img, body.listenBody .listenPremiumPlayer .liveTop .avatar .fb, body.listenBody .listenPremiumPlayer .liveTop .avatar iframe { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover !important; border-radius: inherit !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; top: 50px !important; left: 8px !important; right: 8px !important; bottom: auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; transform: none !important; display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; gap: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls::after { content: none !important; display: none !important; } body.listenBody .listenPremiumPlayer .controls .play { position: relative !important; inset: auto !important; transform: none !important; flex: 0 0 54px !important; width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; max-width: 54px !important; max-height: 54px !important; margin: 0 !important; pointer-events: auto !important; z-index: 14 !important; } body.listenBody .listenPremiumPlayer .controls .volume { position: relative !important; inset: auto !important; transform: none !important; flex: 0 0 102px !important; width: 102px !important; min-width: 102px !important; max-width: 102px !important; height: 18px !important; margin: 0 !important; pointer-events: auto !important; z-index: 14 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: relative !important; display: grid !important; gap: 6px !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { width: 100% !important; min-width: 0 !important; height: 25px !important; min-height: 25px !important; max-height: 25px !important; display: grid !important; grid-template-columns: 86px minmax(0, 1fr) !important; align-items: center !important; gap: 7px !important; margin: 0 !important; padding: 0 10px !important; border-radius: 999px !important; box-sizing: border-box !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 86px !important; min-width: 86px !important; max-width: 86px !important; font-size: 0.56rem !important; line-height: 1 !important; letter-spacing: 0.12em !important; white-space: nowrap !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; font-size: 0.76rem !important; line-height: 1 !important; animation: none !important; transform: none !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: relative !important; width: 100% !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 2px 0 0 !important; padding: 0 !important; display: flex !important; align-items: end !important; gap: 4px !important; overflow: hidden !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .meter i { flex: 1 1 auto !important; min-height: 4px !important; max-height: 20px !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: relative !important; width: 100% !important; margin: 2px 0 0 !important; padding: 0 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 6px !important; overflow: hidden !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .chip { padding: 6px 8px !important; font-size: 0.68rem !important; line-height: 1 !important; white-space: nowrap !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer { padding: 13px 12px 12px !important; gap: 6px !important; border-radius: 26px !important; } body.listenBody .listenPremiumPlayer .liveTop { height: 102px !important; min-height: 102px !important; max-height: 102px !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 30px !important; width: 72px !important; height: 72px !important; min-width: 72px !important; min-height: 72px !important; max-width: 72px !important; max-height: 72px !important; border-radius: 18px !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { min-height: 21px !important; padding: 4px 10px !important; font-size: 0.5rem !important; letter-spacing: 0.18em !important; } body.listenBody .listenPremiumPlayer .controls { top: 48px !important; left: 7px !important; right: 7px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; } body.listenBody .listenPremiumPlayer .controls .play { flex-basis: 50px !important; width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; max-width: 50px !important; max-height: 50px !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex-basis: 92px !important; width: 92px !important; min-width: 92px !important; max-width: 92px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 24px !important; min-height: 24px !important; max-height: 24px !important; grid-template-columns: 80px minmax(0, 1fr) !important; padding: 0 9px !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 80px !important; min-width: 80px !important; max-width: 80px !important; font-size: 0.52rem !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { font-size: 0.72rem !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { height: 18px !important; min-height: 18px !important; max-height: 18px !important; gap: 3px !important; margin-top: 1px !important; } body.listenBody .listenPremiumPlayer .meter i { max-height: 17px !important; } body.listenBody .listenPremiumPlayer .chips { gap: 5px !important; margin-top: 1px !important; } body.listenBody .listenPremiumPlayer .chip { padding: 6px 7px !important; font-size: 0.64rem !important; } }
@media (max-width: 760px) { body.listenBody .listenPremiumPlayer .controls { top: 42px !important; left: 22px !important; right: 22px !important; height: 54px !important; min-height: 54px !important; max-height: 54px !important; align-items: center !important; justify-content: space-between !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .controls .play { margin-left: 0 !important; } body.listenBody .listenPremiumPlayer .controls .volume { margin-right: 0 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { width: calc(100% - 28px) !important; max-width: calc(100% - 28px) !important; margin: 3px auto 0 !important; justify-content: center !important; } }
@media (max-width: 430px) { body.listenBody .listenPremiumPlayer .controls { top: 41px !important; left: 22px !important; right: 22px !important; height: 50px !important; min-height: 50px !important; max-height: 50px !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { width: calc(100% - 30px) !important; max-width: calc(100% - 30px) !important; margin: 2px auto 0 !important; } }
@media (max-width: 760px) and (orientation: portrait) { body.listenBody .listenPremiumPlayer .controls .play { transform: translateY(8px) !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { height: 24px !important; min-height: 24px !important; max-height: 24px !important; overflow: hidden !important; align-items: flex-end !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 23px !important; transform: scaleY(1.18) !important; transform-origin: bottom center !important; } }
@media (max-width: 430px) and (orientation: portrait) { body.listenBody .listenPremiumPlayer .controls .play { transform: translateY(9px) !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { height: 23px !important; min-height: 23px !important; max-height: 23px !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 22px !important; transform: scaleY(1.2) !important; } }
@media (max-width: 760px) and (orientation: portrait) { body.listenBody .listenPremiumPlayer .controls .play { transform: translateY(20px) !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { height: 27px !important; min-height: 27px !important; max-height: 27px !important; margin-top: 2px !important; align-items: flex-end !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 26px !important; transform: scaleY(1.32) !important; transform-origin: bottom center !important; } }
@media (max-width: 430px) and (orientation: portrait) { body.listenBody .listenPremiumPlayer .controls .play { transform: translateY(22px) !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: grid !important; grid-template-columns: 1fr !important; grid-template-areas: "vm-live" "vm-tickers" "vm-meter" "vm-chips" !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; padding: 10px 14px 9px !important; gap: 5px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; display: block !important; width: 100% !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 56% !important; right: auto !important; width: auto !important; min-width: 0 !important; max-width: 118px !important; height: 20px !important; min-height: 20px !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 118px !important; min-height: 19px !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 0.46rem !important; line-height: 1 !important; letter-spacing: 0.12em !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 23px !important; left: 56% !important; right: auto !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; transform: translateX(-50%) !important; border-radius: 15px !important; overflow: hidden !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; top: 24px !important; left: 18px !important; right: auto !important; width: 156px !important; height: 52px !important; min-height: 52px !important; max-height: 52px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 14 !important; } body.listenBody .listenPremiumPlayer .controls .play { flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; margin: 0 !important; transform: none !important; pointer-events: auto !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex: 0 0 auto !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 15px !important; margin: 0 !important; pointer-events: auto !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; display: grid !important; gap: 4px !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 21px !important; min-height: 21px !important; max-height: 21px !important; grid-template-columns: 78px minmax(0, 1fr) !important; gap: 5px !important; padding: 0 8px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 78px !important; min-width: 78px !important; max-width: 78px !important; font-size: 0.5rem !important; letter-spacing: 0.1em !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { font-size: 0.66rem !important; line-height: 1 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; width: calc(100% - 94px) !important; max-width: calc(100% - 94px) !important; height: 19px !important; min-height: 19px !important; max-height: 19px !important; margin: 1px auto 0 10px !important; padding: 0 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; gap: 3px !important; overflow: hidden !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 18px !important; transform: scaleY(1.12) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; width: 100% !important; justify-content: center !important; gap: 5px !important; margin: 1px 0 0 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .chip { padding: 5px 7px !important; font-size: 0.6rem !important; line-height: 1 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: grid !important; grid-template-columns: 150px minmax(0, 1fr) 106px !important; grid-template-areas: "vm-controls vm-tickers vm-live" "vm-controls vm-meter vm-live" "vm-chips vm-chips vm-chips" !important; align-items: center !important; width: 100% !important; max-width: 100% !important; min-height: 0 !important; height: auto !important; padding: 10px 14px 9px !important; column-gap: 10px !important; row-gap: 5px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .controls { grid-area: vm-controls !important; position: static !important; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: 150px !important; min-width: 150px !important; max-width: 150px !important; height: 72px !important; min-height: 72px !important; max-height: 72px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; gap: 7px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls .play { flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; margin: 0 !important; transform: none !important; pointer-events: auto !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex: 0 0 auto !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; height: 15px !important; margin: 0 !important; pointer-events: auto !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { grid-area: vm-tickers !important; position: static !important; display: grid !important; gap: 4px !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; align-self: end !important; z-index: 7 !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 21px !important; min-height: 21px !important; max-height: 21px !important; grid-template-columns: 78px minmax(0, 1fr) !important; gap: 5px !important; padding: 0 8px !important; margin: 0 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 78px !important; min-width: 78px !important; max-width: 78px !important; font-size: 0.5rem !important; letter-spacing: 0.1em !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; font-size: 0.66rem !important; line-height: 1 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { grid-area: vm-meter !important; position: static !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; gap: 3px !important; overflow: hidden !important; z-index: 4 !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 19px !important; transform: scaleY(1.12) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .liveTop { grid-area: vm-live !important; position: relative !important; display: block !important; width: 106px !important; min-width: 106px !important; max-width: 106px !important; height: 78px !important; min-height: 78px !important; max-height: 78px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; align-self: center !important; justify-self: start !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 96px !important; min-height: 19px !important; padding: 3px 7px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.09em !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 24px !important; left: 50% !important; right: auto !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; transform: translateX(-50%) !important; border-radius: 15px !important; overflow: hidden !important; z-index: 8 !important; } body.listenBody .listenPremiumPlayer .chips { grid-area: vm-chips !important; position: static !important; width: 100% !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .chip { padding: 5px 7px !important; font-size: 0.6rem !important; line-height: 1 !important; white-space: nowrap !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 136px !important; height: 136px !important; max-height: 136px !important; padding: 8px 14px 8px !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; left: 18px !important; top: 28px !important; right: auto !important; bottom: auto !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 20 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .controls .play { flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 22 !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex: 0 0 auto !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 21 !important; } body.listenBody .listenPremiumPlayer .liveTop { position: absolute !important; top: 10px !important; right: 18px !important; left: auto !important; bottom: auto !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 80px !important; min-height: 80px !important; max-height: 80px !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; z-index: 18 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; width: 106px !important; min-width: 106px !important; max-width: 106px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: translateX(-50%) !important; z-index: 19 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 106px !important; min-height: 19px !important; padding: 3px 7px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.08em !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 27px !important; left: 50% !important; right: auto !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; border-radius: 15px !important; overflow: hidden !important; transform: translateX(-50%) !important; box-sizing: border-box !important; z-index: 18 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { position: absolute !important; left: 168px !important; right: 148px !important; top: 15px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; display: grid !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 10 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 22px !important; min-height: 22px !important; max-height: 22px !important; display: grid !important; grid-template-columns: 78px minmax(0, 1fr) !important; gap: 5px !important; align-items: center !important; margin: 0 !important; padding: 0 8px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 78px !important; min-width: 78px !important; max-width: 78px !important; font-size: 0.5rem !important; line-height: 1 !important; letter-spacing: 0.09em !important; white-space: nowrap !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; font-size: 0.66rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { position: absolute !important; left: 168px !important; right: 148px !important; top: 72px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 24px !important; min-height: 24px !important; max-height: 24px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 6 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 23px !important; transform: scaleY(1.16) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .chips { position: absolute !important; left: 12px !important; right: 12px !important; bottom: 8px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 12 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 18px !important; max-height: 18px !important; padding: 4px 7px !important; font-size: 0.58rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 154px !important; height: 154px !important; max-height: 154px !important; padding: 8px 14px 8px !important; margin-left: auto !important; margin-right: auto !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; left: 18px !important; top: 48px !important; right: auto !important; bottom: auto !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 20 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .controls .play { flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 22 !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex: 0 0 auto !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 21 !important; } body.listenBody .listenPremiumPlayer .liveTop { position: absolute !important; top: 34px !important; right: 26px !important; left: auto !important; bottom: auto !important; width: 124px !important; min-width: 124px !important; max-width: 124px !important; height: 94px !important; min-height: 94px !important; max-height: 94px !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; z-index: 18 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; width: 118px !important; min-width: 118px !important; max-width: 118px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: translateX(-50%) !important; z-index: 19 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 118px !important; min-height: 19px !important; padding: 3px 7px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.08em !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 26px !important; left: 50% !important; right: auto !important; width: 62px !important; height: 62px !important; min-width: 62px !important; min-height: 62px !important; max-width: 62px !important; max-height: 62px !important; margin: 0 !important; border-radius: 17px !important; overflow: hidden !important; transform: translateX(-50%) !important; box-sizing: border-box !important; z-index: 18 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { position: absolute !important; left: 168px !important; right: 166px !important; top: 42px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; display: grid !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 10 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 22px !important; min-height: 22px !important; max-height: 22px !important; display: grid !important; grid-template-columns: 78px minmax(0, 1fr) !important; gap: 5px !important; align-items: center !important; margin: 0 !important; padding: 0 8px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .listenTickerRow b { width: 78px !important; min-width: 78px !important; max-width: 78px !important; font-size: 0.5rem !important; line-height: 1 !important; letter-spacing: 0.09em !important; white-space: nowrap !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .listenTickerRow span { min-width: 0 !important; font-size: 0.66rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { position: absolute !important; left: 168px !important; right: 166px !important; top: 97px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 6 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 29px !important; transform: scaleY(1.2) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .chips { position: absolute !important; left: 12px !important; right: 12px !important; bottom: 8px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 12 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .chip { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-height: 18px !important; max-height: 18px !important; padding: 4px 7px !important; font-size: 0.58rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; box-sizing: border-box !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; min-height: 176px !important; height: 176px !important; max-height: 176px !important; padding: 8px 14px 8px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .chips { position: absolute !important; left: 12px !important; right: 12px !important; bottom: 8px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; z-index: 12 !important; } body.listenBody .listenPremiumPlayer .controls { position: absolute !important; left: 18px !important; top: 68px !important; right: auto !important; bottom: auto !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; pointer-events: none !important; z-index: 20 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .controls .play { flex: 0 0 38px !important; width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 22 !important; } body.listenBody .listenPremiumPlayer .controls .volume { flex: 0 0 auto !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 14px !important; margin: 0 !important; padding: 0 !important; transform: none !important; pointer-events: auto !important; z-index: 21 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { position: absolute !important; left: 168px !important; right: 184px !important; top: auto !important; bottom: 34px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; display: flex !important; align-items: flex-end !important; justify-content: center !important; gap: 3px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 6 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 33px !important; transform: scaleY(1.24) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { position: absolute !important; left: 168px !important; right: 184px !important; top: auto !important; bottom: 74px !important; width: auto !important; min-width: 0 !important; max-width: none !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; display: grid !important; gap: 5px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; z-index: 10 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .listenTickerRow { height: 22px !important; min-height: 22px !important; max-height: 22px !important; display: grid !important; grid-template-columns: 78px minmax(0, 1fr) !important; gap: 5px !important; align-items: center !important; margin: 0 !important; padding: 0 8px !important; overflow: hidden !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop { position: absolute !important; top: 45px !important; right: 24px !important; left: auto !important; bottom: auto !important; width: 148px !important; min-width: 148px !important; max-width: 148px !important; height: 112px !important; min-height: 112px !important; max-height: 112px !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; box-sizing: border-box !important; z-index: 18 !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; width: 132px !important; min-width: 132px !important; max-width: 132px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; transform: translateX(-50%) !important; z-index: 19 !important; } body.listenBody .listenPremiumPlayer .liveTop .now strong, body.listenBody .listenPremiumPlayer .liveTop .now span:not(.vmMarquee) { display: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; max-width: 132px !important; min-height: 19px !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 0.46rem !important; line-height: 1 !important; letter-spacing: 0.07em !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 27px !important; left: 50% !important; right: auto !important; width: 78px !important; height: 78px !important; min-width: 78px !important; min-height: 78px !important; max-width: 78px !important; max-height: 78px !important; margin: 0 !important; border-radius: 20px !important; overflow: hidden !important; transform: translateX(-50%) !important; box-sizing: border-box !important; z-index: 18 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { min-height: 176px !important; height: 176px !important; max-height: 176px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .controls { top: 68px !important; left: 18px !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { left: 168px !important; right: 196px !important; top: auto !important; bottom: 40px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; z-index: 6 !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: none !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 33px !important; transform: scaleY(1.24) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { left: 168px !important; right: 196px !important; top: auto !important; bottom: 90px !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .liveTop { top: 32px !important; right: 24px !important; width: 160px !important; min-width: 160px !important; max-width: 160px !important; height: 136px !important; min-height: 136px !important; max-height: 136px !important; overflow: visible !important; z-index: 18 !important; } body.listenBody .listenPremiumPlayer .liveTop .now { top: 0 !important; left: 50% !important; width: 124px !important; min-width: 124px !important; max-width: 124px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; transform: translateX(-50%) !important; justify-content: center !important; overflow: visible !important; z-index: 21 !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { max-width: 124px !important; min-height: 19px !important; padding: 3px 8px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.065em !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 32px !important; left: 50% !important; width: 88px !important; height: 88px !important; min-width: 88px !important; min-height: 88px !important; max-width: 88px !important; max-height: 88px !important; border-radius: 22px !important; transform: translateX(-50%) !important; overflow: hidden !important; z-index: 18 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer { min-height: 176px !important; height: 176px !important; max-height: 176px !important; overflow: hidden !important; } body.listenBody .listenPremiumPlayer .controls { left: 18px !important; top: 68px !important; width: 140px !important; min-width: 140px !important; max-width: 140px !important; height: 66px !important; min-height: 66px !important; max-height: 66px !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { left: 168px !important; right: 220px !important; top: auto !important; bottom: 116px !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; z-index: 10 !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { left: 168px !important; right: 220px !important; top: auto !important; bottom: 54px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; z-index: 6 !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5) { display: block !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 43px !important; transform: scaleY(1.38) !important; transform-origin: bottom center !important; } body.listenBody .listenPremiumPlayer .liveTop { top: 10px !important; right: 12px !important; width: 210px !important; min-width: 210px !important; max-width: 210px !important; height: 160px !important; min-height: 160px !important; max-height: 160px !important; overflow: visible !important; z-index: 18 !important; } body.listenBody .listenPremiumPlayer .liveTop .now { top: 0 !important; left: 50% !important; width: 156px !important; min-width: 156px !important; max-width: 156px !important; height: 20px !important; min-height: 20px !important; max-height: 20px !important; transform: translateX(-50%) !important; justify-content: center !important; overflow: visible !important; z-index: 30 !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { max-width: 156px !important; min-height: 19px !important; padding: 3px 8px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.055em !important; text-align: center !important; white-space: nowrap !important; overflow: visible !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 36px !important; left: 50% !important; width: 118px !important; height: 118px !important; min-width: 118px !important; min-height: 118px !important; max-width: 118px !important; max-height: 118px !important; border-radius: 26px !important; transform: translateX(-50%) !important; overflow: hidden !important; z-index: 18 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer .listenPlayerTickers{ bottom: 132px !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter{ bottom: 54px !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+5){ display:inline-flex !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer .controls { left: 18px !important; top: 68px !important; } body.listenBody .listenPremiumPlayer .liveTop { top: 8px !important; right: 13px !important; width: 214px !important; min-width: 214px !important; max-width: 214px !important; height: 166px !important; min-height: 166px !important; max-height: 166px !important; overflow: visible !important; text-align: center !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 50% !important; right: auto !important; width: 166px !important; min-width: 166px !important; max-width: 166px !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 !important; padding: 0 !important; transform: translateX(-50%) !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-align: center !important; z-index: 40 !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: 166px !important; min-height: 20px !important; margin: 0 auto !important; padding: 3px 9px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.055em !important; white-space: nowrap !important; overflow: visible !important; text-align: center !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { top: 42px !important; left: 50% !important; width: 118px !important; height: 118px !important; min-width: 118px !important; min-height: 118px !important; max-width: 118px !important; max-height: 118px !important; transform: translateX(-50%) !important; border-radius: 26px !important; overflow: hidden !important; z-index: 18 !important; } body.listenBody .listenPremiumPlayer .listenPlayerTickers { left: 168px !important; right: 204px !important; bottom: 140px !important; height: 49px !important; min-height: 49px !important; max-height: 49px !important; } body.listenBody .listenPremiumPlayer .meter, body.listenBody .listenPremiumPlayer.audio-reactive .meter { left: 168px !important; right: 204px !important; bottom: 54px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; justify-content: center !important; } body.listenBody .listenPremiumPlayer .meter i:nth-last-child(-n+10) { display: inline-flex !important; } body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i { max-height: 43px !important; transform: scaleY(1.38) !important; transform-origin: bottom center !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer .controls { left: 18px !important; top: 86px !important; right: auto !important; bottom: auto !important; } body.listenBody .listenPremiumPlayer .liveTop { position: absolute !important; top: 2px !important; right: 10px !important; left: auto !important; width: 214px !important; min-width: 214px !important; max-width: 214px !important; height: 170px !important; min-height: 170px !important; max-height: 170px !important; overflow: visible !important; text-align: center !important; display: block !important; transform: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 22px !important; min-height: 22px !important; max-height: 22px !important; margin: 0 auto !important; padding: 0 !important; transform: none !important; display: flex !important; align-items: center !important; justify-content: center !important; overflow: visible !important; text-align: center !important; z-index: 50 !important; pointer-events: none !important; } body.listenBody .listenPremiumPlayer .liveTop .now b { position: relative !important; left: auto !important; right: auto !important; transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 0 !important; max-width: 156px !important; min-height: 20px !important; margin: 0 auto !important; padding: 3px 9px !important; border-radius: 999px !important; font-size: 0.45rem !important; line-height: 1 !important; letter-spacing: 0.055em !important; white-space: nowrap !important; overflow: visible !important; text-align: center !important; box-sizing: border-box !important; } body.listenBody .listenPremiumPlayer .liveTop .avatar { position: absolute !important; top: 36px !important; left: 50% !important; right: auto !important; width: 118px !important; height: 118px !important; min-width: 118px !important; min-height: 118px !important; max-width: 118px !important; max-height: 118px !important; margin: 0 !important; transform: translateX(-50%) !important; border-radius: 26px !important; overflow: hidden !important; z-index: 18 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.listenBody .listenPremiumPlayer .liveTop .avatar{ top: 52px !important; } }
.homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox{width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:728 / 486 !important;overflow:hidden !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"]{width:100% !important;height:100% !important;min-height:0 !important;max-height:none !important;display:block !important;border:0 !important;overflow:hidden !important;}
.chatPremiumBody .vmChatHeroIconOnly{box-sizing:border-box !important;width:84px !important;min-width:84px !important;height:84px !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important;}
.chatPremiumBody .vmChatHeroIconOnly .vmSmallLineIcon{margin:0 !important;position:relative !important;left:auto !important;top:auto !important;transform:none !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
.chatPremiumBody .vmChatHeroIconOnly .vmSmallLineIcon .vmSvgIcon{position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;margin:0 !important;}
@media (max-width: 700px) { #vmModal.vmSchedulePopupBox { padding: 6px !important; } #vmModal.vmSchedulePopupBox .modalCard { width: calc(100vw - 12px) !important; height: calc(100dvh - 12px) !important; max-width: none !important; max-height: none !important; border-radius: 20px !important; overflow: hidden !important; } #vmModal.vmSchedulePopupBox .modalHead { position: absolute !important; top: 8px !important; right: 10px !important; z-index: 80 !important; width: auto !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } #vmModal.vmSchedulePopupBox .close { position: relative !important; z-index: 81 !important; min-height: 34px !important; padding: 8px 14px !important; border-radius: 999px !important; font-size: 0.78rem !important; line-height: 1 !important; white-space: nowrap !important; } #vmModal.vmSchedulePopupBox iframe { width: 100% !important; height: calc(100% - 48px) !important; margin-top: 48px !important; display: block !important; background: transparent !important; } html.vmSchedulePopupMode, body.vmSchedulePopupMode { width: 100% !important; min-height: 100% !important; height: 100% !important; overflow: hidden !important; background: transparent !important; } body.vmSchedulePopupMode .schedulePage { margin: 0 !important; padding: 0 !important; min-height: 100dvh !important; height: 100dvh !important; overflow: hidden !important; } body.vmSchedulePopupMode .schedulePremiumSection { width: 100% !important; max-width: none !important; margin: 0 !important; padding: 0 !important; height: 100dvh !important; display: block !important; } .scheduleBody .schedulePremiumSection { padding-top: 10px !important; } .scheduleBody .vmSchedulePremium, body.vmSchedulePopupMode .vmSchedulePremium { display: block !important; width: 100% !important; min-height: 0 !important; height: auto !important; margin: 0 !important; overflow: visible !important; } body.vmSchedulePopupMode .vmSchedulePremium { height: 100% !important; } .scheduleBody .vmScheduleDays, body.vmSchedulePopupMode .vmScheduleDays { width: 100% !important; min-height: 0 !important; height: auto !important; max-height: none !important; display: grid !important; grid-auto-flow: column !important; grid-auto-columns: minmax(92px, 112px) !important; grid-template-columns: none !important; gap: 8px !important; padding: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: thin !important; scroll-snap-type: x proximity !important; border-radius: 18px !important; box-sizing: border-box !important; } .scheduleBody .vmScheduleDaysHead, body.vmSchedulePopupMode .vmScheduleDaysHead { grid-column: auto !important; width: 112px !important; min-width: 112px !important; height: 44px !important; min-height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 10px !important; border-radius: 14px !important; background: rgba(255,255,255,0.075) !important; white-space: nowrap !important; font-size: 0.72rem !important; line-height: 1 !important; box-sizing: border-box !important; scroll-snap-align: start !important; } .scheduleBody .vmScheduleDays button, body.vmSchedulePopupMode .vmScheduleDays button { width: 100% !important; min-width: 0 !important; min-height: 44px !important; height: 44px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important; padding: 0 10px !important; margin: 0 !important; text-align: center !important; border-radius: 14px !important; transform: none !important; box-sizing: border-box !important; scroll-snap-align: start !important; } .scheduleBody .vmScheduleDays button:hover, .scheduleBody .vmScheduleDays button.isSelected, body.vmSchedulePopupMode .vmScheduleDays button:hover, body.vmSchedulePopupMode .vmScheduleDays button.isSelected { transform: none !important; } .scheduleBody .vmScheduleDays button span, body.vmSchedulePopupMode .vmScheduleDays button span { display: none !important; } .scheduleBody .vmScheduleDays button strong, body.vmSchedulePopupMode .vmScheduleDays button strong { width: 100% !important; display: block !important; font-size: 0.72rem !important; line-height: 1.05 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .scheduleBody .vmScheduleDays button em, body.vmSchedulePopupMode .vmScheduleDays button em { display: none !important; } .scheduleBody .vmSchedulePanel, body.vmSchedulePopupMode .vmSchedulePanel { width: 100% !important; min-height: 0 !important; height: auto !important; padding: 14px !important; margin-top: 10px !important; overflow: hidden !important; border-radius: 20px !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmSchedulePanel { height: calc(100dvh - 76px) !important; } .scheduleBody .vmSchedulePanelHead, body.vmSchedulePopupMode .vmSchedulePanelHead { display: block !important; margin: 0 0 10px !important; padding: 0 !important; position: relative !important; z-index: 2 !important; } .scheduleBody .vmScheduleMini, body.vmSchedulePopupMode .vmScheduleMini { padding: 6px 10px !important; font-size: 0.66rem !important; line-height: 1 !important; } .scheduleBody .vmSchedulePanelHead h2, body.vmSchedulePopupMode .vmSchedulePanelHead h2 { margin: 8px 0 4px !important; font-size: 1.35rem !important; line-height: 1.05 !important; } .scheduleBody .vmSchedulePanelHead p, body.vmSchedulePopupMode .vmSchedulePanelHead p { margin: 0 !important; font-size: 0.78rem !important; line-height: 1.32 !important; } .scheduleBody .vmScheduleNav, body.vmSchedulePopupMode .vmScheduleNav { width: 100% !important; min-width: 0 !important; display: grid !important; grid-template-columns: 1fr 0.85fr 1fr !important; gap: 7px !important; margin-top: 10px !important; justify-content: stretch !important; } .scheduleBody .vmScheduleNav .btn, body.vmSchedulePopupMode .vmScheduleNav .btn { width: 100% !important; min-height: 34px !important; padding: 8px 7px !important; justify-content: center !important; font-size: 0.68rem !important; line-height: 1 !important; white-space: nowrap !important; } .scheduleBody .vmScheduleViewer, body.vmSchedulePopupMode .vmScheduleViewer { height: auto !important; min-height: 0 !important; max-height: none !important; overflow-y: visible !important; overflow-x: hidden !important; padding-right: 0 !important; position: relative !important; z-index: 1 !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: calc(100dvh - 298px) !important; max-height: calc(100dvh - 298px) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; padding-right: 4px !important; } .scheduleBody .vmScheduleCards, body.vmSchedulePopupMode .vmScheduleCards { display: grid !important; gap: 9px !important; } .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard { display: grid !important; grid-template-columns: 74px minmax(0, 1fr) !important; gap: 9px !important; align-items: start !important; min-height: 0 !important; padding: 11px 11px !important; border-radius: 17px !important; overflow: hidden !important; text-align: left !important; box-sizing: border-box !important; } .scheduleBody .vmScheduleAvatar, body.vmSchedulePopupMode .vmScheduleAvatar { display: none !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime { min-width: 0 !important; overflow: hidden !important; } .scheduleBody .vmScheduleTime b, body.vmSchedulePopupMode .vmScheduleTime b { font-size: 0.78rem !important; line-height: 1.08 !important; white-space: nowrap !important; } .scheduleBody .vmScheduleTime small, body.vmSchedulePopupMode .vmScheduleTime small { margin-top: 2px !important; font-size: 0.55rem !important; line-height: 1.05 !important; white-space: nowrap !important; } .scheduleBody .vmScheduleInfo, body.vmSchedulePopupMode .vmScheduleInfo { min-width: 0 !important; width: 100% !important; overflow: hidden !important; position: relative !important; z-index: 2 !important; } .scheduleBody .vmScheduleInfo h3, body.vmSchedulePopupMode .vmScheduleInfo h3 { margin: 0 !important; font-size: 0.9rem !important; line-height: 1.18 !important; } .scheduleBody .vmScheduleInfo p, body.vmSchedulePopupMode .vmScheduleInfo p { margin: 4px 0 0 !important; font-size: 0.76rem !important; line-height: 1.2 !important; } .scheduleBody .vmScheduleLiveBadge, body.vmSchedulePopupMode .vmScheduleLiveBadge { position: static !important; display: inline-flex !important; width: max-content !important; max-width: 100% !important; margin: 0 0 5px 0 !important; padding: 4px 7px !important; font-size: 0.56rem !important; line-height: 1 !important; white-space: nowrap !important; transform: none !important; z-index: 1 !important; } .scheduleBody .vmScheduleTitleFlow, body.vmSchedulePopupMode .vmScheduleTitleFlow { position: relative !important; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-width: 100% !important; overflow: hidden !important; white-space: normal !important; text-align: left !important; } .scheduleBody .vmScheduleTitleFlow span, .scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleTitleFlow span.vmTitlePopupSmooth, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth { position: static !important; left: auto !important; right: auto !important; top: auto !important; display: inline !important; width: auto !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; line-height: 1.22 !important; margin: 0 !important; padding: 0 !important; white-space: normal !important; overflow: hidden !important; transform: none !important; translate: none !important; animation: vmScheduleGradientColor 4.6s linear infinite !important; will-change: background-position !important; } }
@media (max-width: 700px) { .scheduleBody .vmScheduleDays, body.vmSchedulePopupMode .vmScheduleDays { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 8px !important; padding: 10px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important; } .scheduleBody .vmScheduleDaysHead, body.vmSchedulePopupMode .vmScheduleDaysHead { flex: 0 0 112px !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box !important; scroll-snap-align: start !important; border-radius: 14px !important; } .scheduleBody .vmScheduleDays button, body.vmSchedulePopupMode .vmScheduleDays button { flex: 0 0 96px !important; width: 96px !important; min-width: 96px !important; max-width: 96px !important; height: 44px !important; min-height: 44px !important; max-height: 44px !important; margin: 0 !important; padding: 0 10px !important; box-sizing: border-box !important; scroll-snap-align: start !important; border-radius: 14px !important; } .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard { display: grid !important; grid-template-columns: 76px minmax(0, 1fr) !important; grid-template-areas: "time presenter" "time title" !important; column-gap: 10px !important; row-gap: 3px !important; align-items: center !important; min-height: 74px !important; padding: 11px 12px !important; overflow: hidden !important; text-align: left !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime { grid-area: time !important; align-self: center !important; display: flex !important; min-width: 0 !important; width: 76px !important; max-width: 76px !important; height: 100% !important; min-height: 52px !important; flex-direction: column !important; justify-content: center !important; align-items: flex-start !important; overflow: hidden !important; } .scheduleBody .vmScheduleTime b, body.vmSchedulePopupMode .vmScheduleTime b { display: block !important; width: 100% !important; font-size: 0.78rem !important; line-height: 1.08 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: clip !important; } .scheduleBody .vmScheduleTime small, body.vmSchedulePopupMode .vmScheduleTime small { display: block !important; width: 100% !important; margin-top: 3px !important; font-size: 0.54rem !important; line-height: 1.05 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .scheduleBody .vmScheduleAvatar, body.vmSchedulePopupMode .vmScheduleAvatar { display: none !important; } .scheduleBody .vmSchedulePresenter, body.vmSchedulePopupMode .vmSchedulePresenter { grid-area: presenter !important; min-width: 0 !important; width: 100% !important; align-self: end !important; overflow: hidden !important; position: relative !important; z-index: 3 !important; } .scheduleBody .vmSchedulePresenter p, body.vmSchedulePopupMode .vmSchedulePresenter p { margin: 0 !important; color: #36e89b !important; font-weight: 900 !important; font-size: 0.78rem !important; line-height: 1.16 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .scheduleBody .vmScheduleTitleArea, body.vmSchedulePopupMode .vmScheduleTitleArea { grid-area: title !important; min-width: 0 !important; width: 100% !important; align-self: start !important; overflow: hidden !important; position: relative !important; z-index: 2 !important; } .scheduleBody .vmScheduleInfo, body.vmSchedulePopupMode .vmScheduleInfo { display: contents !important; } .scheduleBody .vmScheduleLiveBadge, body.vmSchedulePopupMode .vmScheduleLiveBadge { grid-column: 1 / -1 !important; grid-row: 1 !important; justify-self: end !important; position: static !important; margin: 0 0 2px 0 !important; padding: 4px 7px !important; font-size: 0.54rem !important; line-height: 1 !important; z-index: 5 !important; } .scheduleBody .vmScheduleCard.isLive .vmSchedulePresenter, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmSchedulePresenter { padding-right: 58px !important; } .scheduleBody .vmScheduleTitleFlow, body.vmSchedulePopupMode .vmScheduleTitleFlow { position: relative !important; display: block !important; width: 100% !important; height: 1.22em !important; min-height: 1.22em !important; max-height: 1.22em !important; margin: 0 !important; overflow: hidden !important; white-space: nowrap !important; text-align: left !important; } .scheduleBody .vmScheduleTitleFlow span, .scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleTitleFlow span.vmTitlePopupSmooth, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth { position: static !important; display: block !important; width: 100% !important; min-width: 0 !important; max-width: 100% !important; height: auto !important; line-height: 1.18 !important; margin: 0 !important; padding: 0 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; transform: none !important; translate: none !important; animation: vmScheduleGradientColor 4.6s linear infinite !important; will-change: background-position !important; } }
@media (max-width:700px){ .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard{ grid-template-columns:78px minmax(0,1fr) !important; column-gap:8px !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime{ width:78px !important; min-width:78px !important; max-width:78px !important; padding-right:1px !important; } .scheduleBody .vmScheduleTime b, body.vmSchedulePopupMode .vmScheduleTime b{ font-size:.75rem !important; letter-spacing:-0.015em !important; overflow:visible !important; } .scheduleBody .vmSchedulePresenter, .scheduleBody .vmScheduleTitleArea, body.vmSchedulePopupMode .vmSchedulePresenter, body.vmSchedulePopupMode .vmScheduleTitleArea{ padding-right:0 !important; margin-right:0 !important; max-width:none !important; } }
@media (orientation:landscape) and (max-height:520px) and (max-width:980px){ .scheduleBody .vmScheduleDays, body.vmSchedulePopupMode .vmScheduleDays{ overflow-x:auto !important; padding-right:80px !important; } }
@media (max-width:700px){ .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard{ grid-template-columns:72px minmax(0,1fr) !important; column-gap:6px !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime{ width:72px !important; min-width:72px !important; max-width:72px !important; } .scheduleBody .vmScheduleTitleArea, .scheduleBody .vmScheduleTitleFlow, body.vmSchedulePopupMode .vmScheduleTitleArea, body.vmSchedulePopupMode .vmScheduleTitleFlow{ width:100% !important; max-width:none !important; padding-right:3px !important; margin-right:0 !important; } }
@media (orientation:landscape) and (max-height:520px) and (max-width:980px){ .scheduleBody .vmScheduleDays, body.vmSchedulePopupMode .vmScheduleDays{ overflow-x:auto !important; overflow-y:hidden !important; -webkit-overflow-scrolling:touch !important; padding-right:96px !important; white-space:nowrap !important; } }
@media (max-width: 700px) { .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard { grid-template-columns: 64px minmax(0, 1fr) !important; column-gap: 5px !important; padding-left: 10px !important; padding-right: 7px !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime { width: 64px !important; min-width: 64px !important; max-width: 64px !important; } .scheduleBody .vmSchedulePresenter, .scheduleBody .vmScheduleTitleArea, body.vmSchedulePopupMode .vmSchedulePresenter, body.vmSchedulePopupMode .vmScheduleTitleArea { padding-right: 0 !important; margin-right: 0 !important; max-width: none !important; width: 100% !important; } .scheduleBody .vmScheduleTitleFlow, body.vmSchedulePopupMode .vmScheduleTitleFlow { width: 100% !important; max-width: none !important; padding-right: 0 !important; margin-right: 0 !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { #vmModal.vmSchedulePopupBox { padding: 4px !important; } #vmModal.vmSchedulePopupBox .modalCard { width: calc(100vw - 8px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; max-width: calc(100vw - 8px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 8px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 8px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; overflow: hidden !important; } #vmModal.vmSchedulePopupBox .modalHead { position: absolute !important; top: 6px !important; right: 8px !important; z-index: 90 !important; width: auto !important; min-height: 0 !important; height: auto !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } #vmModal.vmSchedulePopupBox .close { min-height: 30px !important; padding: 7px 12px !important; border-radius: 999px !important; font-size: 0.72rem !important; line-height: 1 !important; white-space: nowrap !important; } #vmModal.vmSchedulePopupBox iframe, #vmModal.vmSchedulePopupBox iframe#vmModalFrame, .listenBody #vmModal.vmSchedulePopupBox iframe#vmModalFrame { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; margin-top: 0 !important; display: block !important; background: transparent !important; } html.vmSchedulePopupMode, body.vmSchedulePopupMode { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; background: transparent !important; } body.vmSchedulePopupMode .schedulePage, body.vmSchedulePopupMode main { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } body.vmSchedulePopupMode .schedulePremiumSection { width: 100% !important; max-width: none !important; height: 100dvh !important; min-height: 0 !important; max-height: 100dvh !important; padding: 4px !important; margin: 0 !important; display: flex !important; align-items: stretch !important; justify-content: stretch !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmSchedulePremium { width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; display: flex !important; flex-direction: column !important; gap: 5px !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmScheduleDays { flex: 0 0 42px !important; width: 100% !important; height: 42px !important; min-height: 42px !important; max-height: 42px !important; display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; justify-content: flex-start !important; gap: 6px !important; padding: 5px 78px 5px 6px !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x proximity !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmScheduleDaysHead, body.vmSchedulePopupMode .vmScheduleDays button { flex: 0 0 90px !important; width: 90px !important; min-width: 90px !important; max-width: 90px !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; margin: 0 !important; padding: 0 8px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 12px !important; box-sizing: border-box !important; scroll-snap-align: start !important; } body.vmSchedulePopupMode .vmScheduleDays button span, body.vmSchedulePopupMode .vmScheduleDays button em { display: none !important; } body.vmSchedulePopupMode .vmScheduleDaysHead, body.vmSchedulePopupMode .vmScheduleDays button strong { font-size: 0.68rem !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vmSchedulePopupMode .vmSchedulePanel { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; display: flex !important; flex-direction: column !important; padding: 8px !important; margin: 0 !important; overflow: hidden !important; border-radius: 18px !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmSchedulePanelHead { flex: 0 0 auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; gap: 8px !important; align-items: end !important; margin: 0 0 6px !important; padding: 0 !important; } body.vmSchedulePopupMode .vmSchedulePanelHead h2 { margin: 4px 0 0 !important; font-size: 1rem !important; line-height: 1.05 !important; } body.vmSchedulePopupMode .vmSchedulePanelHead p { display: none !important; } body.vmSchedulePopupMode .vmScheduleMini { padding: 5px 8px !important; font-size: 0.58rem !important; line-height: 1 !important; } body.vmSchedulePopupMode .vmScheduleNav { display: flex !important; width: auto !important; min-width: 0 !important; gap: 5px !important; margin: 0 !important; justify-content: flex-end !important; flex-wrap: nowrap !important; } body.vmSchedulePopupMode .vmScheduleNav .btn { width: auto !important; min-width: 0 !important; min-height: 30px !important; padding: 7px 8px !important; font-size: 0.62rem !important; line-height: 1 !important; white-space: nowrap !important; } body.vmSchedulePopupMode .vmScheduleViewer { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; max-height: none !important; overflow-y: auto !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; padding-right: 4px !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmScheduleCards { display: grid !important; gap: 7px !important; padding-bottom: 8px !important; } body.vmSchedulePopupMode .vmScheduleCard { display: grid !important; grid-template-columns: 62px minmax(0, 1fr) !important; grid-template-areas: "time presenter" "time title" !important; column-gap: 5px !important; row-gap: 2px !important; align-items: center !important; min-height: 58px !important; padding: 8px 7px 8px 9px !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmScheduleAvatar { display: none !important; } body.vmSchedulePopupMode .vmScheduleLiveBadge { position: absolute !important; top: 5px !important; right: 7px !important; z-index: 5 !important; margin: 0 !important; padding: 3px 6px !important; font-size: 0.5rem !important; line-height: 1 !important; max-width: 68px !important; overflow: hidden !important; white-space: nowrap !important; } body.vmSchedulePopupMode .vmScheduleTime { grid-area: time !important; width: 62px !important; min-width: 62px !important; max-width: 62px !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmScheduleTime b { font-size: 0.7rem !important; line-height: 1.05 !important; white-space: nowrap !important; } body.vmSchedulePopupMode .vmScheduleTime small { margin-top: 2px !important; font-size: 0.5rem !important; line-height: 1 !important; white-space: nowrap !important; } body.vmSchedulePopupMode .vmSchedulePresenter { grid-area: presenter !important; width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmSchedulePresenter p { margin: 0 !important; font-size: 0.75rem !important; line-height: 1.1 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } body.vmSchedulePopupMode .vmScheduleTitleArea { grid-area: title !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 22px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmScheduleTitleFlow { position: relative !important; display: block !important; width: 100% !important; max-width: none !important; height: 22px !important; line-height: 22px !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; white-space: nowrap !important; } body.vmSchedulePopupMode .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth { white-space: nowrap !important; max-width: none !important; line-height: 22px !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) { body.scheduleBody:not(.vmSchedulePopupMode), body.scheduleBody:not(.vmSchedulePopupMode) main, body.scheduleBody:not(.vmSchedulePopupMode) .schedulePage { min-height: 100dvh !important; height: auto !important; overflow-y: auto !important; overflow-x: hidden !important; } body.scheduleBody:not(.vmSchedulePopupMode) .schedulePremiumSection, body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePremium, body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePanel, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleViewer { height: auto !important; min-height: 0 !important; max-height: none !important; overflow: visible !important; } body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleDays { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; padding-right: 12px !important; } body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleCard { grid-template-columns: 62px minmax(0, 1fr) !important; column-gap: 5px !important; padding-right: 7px !important; } body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTime { width: 62px !important; min-width: 62px !important; max-width: 62px !important; } body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleArea, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow { width: 100% !important; max-width: none !important; padding-right: 0 !important; margin-right: 0 !important; } }
@media (max-width: 700px) and (pointer: coarse) { #vmModal.vmSchedulePopupBox iframe, #vmModal.vmSchedulePopupBox iframe#vmModalFrame, .listenBody #vmModal.vmSchedulePopupBox iframe#vmModalFrame { height: calc(100% - 60px) !important; margin-top: 60px !important; } #vmModal.vmSchedulePopupBox .modalHead { top: 8px !important; right: 10px !important; z-index: 120 !important; } #vmModal.vmSchedulePopupBox .close { z-index: 121 !important; } .scheduleBody .vmScheduleCard, body.vmSchedulePopupMode .vmScheduleCard { grid-template-columns: 60px minmax(0, 1fr) !important; column-gap: 4px !important; padding-left: 9px !important; padding-right: 3px !important; overflow: hidden !important; } .scheduleBody .vmScheduleTime, body.vmSchedulePopupMode .vmScheduleTime { width: 60px !important; min-width: 60px !important; max-width: 60px !important; } .scheduleBody .vmSchedulePresenter, .scheduleBody .vmScheduleInfo, .scheduleBody .vmScheduleTitleArea, body.vmSchedulePopupMode .vmSchedulePresenter, body.vmSchedulePopupMode .vmScheduleInfo, body.vmSchedulePopupMode .vmScheduleTitleArea { width: 100% !important; min-width: 0 !important; max-width: none !important; padding-right: 0 !important; margin-right: 0 !important; transform: none !important; overflow: hidden !important; box-sizing: border-box !important; } .scheduleBody .vmScheduleCard:not(.isLive) .vmScheduleTitleArea, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleArea, body.vmSchedulePopupMode .vmScheduleCard:not(.isLive) .vmScheduleTitleArea, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleArea { padding-right: 0 !important; } .scheduleBody .vmScheduleTitleFlow, body.vmSchedulePopupMode .vmScheduleTitleFlow { position: relative !important; width: calc(100% + 1px) !important; max-width: none !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; white-space: nowrap !important; box-sizing: border-box !important; } .scheduleBody .vmScheduleTitleFlow span, .scheduleBody .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleTitleFlow span.vmTitlePopupSmooth, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, .scheduleBody .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth { position: absolute !important; left: calc(100% - 11px) !important; right: auto !important; top: 50% !important; display: inline-block !important; width: max-content !important; min-width: max-content !important; max-width: none !important; height: 22px !important; line-height: 22px !important; padding: 0 !important; margin: 0 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; transform: translate3d(0, -50%, 0) !important; animation: vmScheduleMobileRight3mm var(--vmTitleSpeed, 13.4s) linear infinite, vmScheduleGradientColor 4.6s linear infinite !important; will-change: transform, background-position !important; } .scheduleBody .vmScheduleLiveBadge, body.vmSchedulePopupMode .vmScheduleLiveBadge { right: 3px !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { #vmModal.vmSchedulePopupBox iframe, #vmModal.vmSchedulePopupBox iframe#vmModalFrame, .listenBody #vmModal.vmSchedulePopupBox iframe#vmModalFrame { height: 100% !important; margin-top: 0 !important; } body.vmSchedulePopupMode .vmScheduleDays { padding-right: 104px !important; } body.vmSchedulePopupMode .vmScheduleCard, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleCard { grid-template-columns: 60px minmax(0, 1fr) !important; column-gap: 4px !important; padding-right: 3px !important; } body.vmSchedulePopupMode .vmScheduleTime, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTime { width: 60px !important; min-width: 60px !important; max-width: 60px !important; } body.vmSchedulePopupMode .vmScheduleTitleArea, body.vmSchedulePopupMode .vmScheduleTitleFlow, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleArea, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow { padding-right: 0 !important; margin-right: 0 !important; transform: none !important; width: calc(100% + 1px) !important; max-width: none !important; } }
@keyframes vmScheduleMobileRight3mm { 0% { transform: translate3d(0, -50%, 0); opacity: 1; visibility: visible; } 88% { transform: translate3d(calc(-100% - 360px), -50%, 0); opacity: 1; visibility: visible; } 100% { transform: translate3d(calc(-100% - 360px), -50%, 0); opacity: 0; visibility: visible; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { #vmModal.vmSchedulePopupBox .modalHead { position: absolute !important; top: 14px !important; right: 18px !important; z-index: 140 !important; width: auto !important; min-width: 0 !important; max-width: 86px !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; transform: none !important; overflow: visible !important; box-sizing: border-box !important; } #vmModal.vmSchedulePopupBox .close { min-height: 28px !important; height: 28px !important; max-height: 28px !important; padding: 6px 9px !important; border-radius: 999px !important; font-size: 0.68rem !important; line-height: 1 !important; white-space: nowrap !important; transform: none !important; box-sizing: border-box !important; } body.vmSchedulePopupMode .vmScheduleDays { padding-right: 96px !important; } body.vmSchedulePopupMode .vmScheduleTitleFlow, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow { width: calc(100% + 6px) !important; max-width: none !important; padding-right: 0 !important; margin-right: -3px !important; overflow: hidden !important; } body.vmSchedulePopupMode .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.vmSchedulePopupMode .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow span, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow span.vmTitleColorLive, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleTitleFlow span.vmTitlePopupSmooth, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleCard.isLive .vmScheduleTitleFlow span, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitleColorLive, body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleCard.isLive .vmScheduleTitleFlow span.vmTitlePopupSmooth { position: absolute !important; left: calc(100% - 5px) !important; right: auto !important; top: 50% !important; display: inline-block !important; width: max-content !important; min-width: max-content !important; max-width: none !important; padding: 0 !important; margin: 0 !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; transform: translate3d(0, -50%, 0) !important; animation: vmScheduleMobileRight3mm var(--vmTitleSpeed, 13.4s) linear infinite, vmScheduleGradientColor 4.6s linear infinite !important; will-change: transform, background-position !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { #vmModal.vmSchedulePopupBox iframe, #vmModal.vmSchedulePopupBox iframe#vmModalFrame, .listenBody #vmModal.vmSchedulePopupBox iframe#vmModalFrame { height: calc(100% - 36px) !important; min-height: 0 !important; margin-top: 36px !important; } #vmModal.vmSchedulePopupBox .modalHead { position: absolute !important; top: 5px !important; right: 12px !important; left: auto !important; z-index: 160 !important; width: auto !important; min-width: 0 !important; max-width: 82px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 !important; margin: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; overflow: visible !important; transform: none !important; box-sizing: border-box !important; } #vmModal.vmSchedulePopupBox .modalHead strong { display: none !important; } #vmModal.vmSchedulePopupBox .close { position: relative !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; min-width: 74px !important; max-width: 82px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; padding: 0 10px !important; margin: 0 !important; border-radius: 999px !important; font-size: 0.68rem !important; line-height: 1 !important; white-space: nowrap !important; transform: none !important; box-sizing: border-box !important; } }
@media (orientation: portrait) and (max-width: 760px) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartRow { grid-template-columns: 54px minmax(0, 1fr) !important; grid-template-areas: "pos title" "listen title" ". vote" !important; column-gap: 12px !important; row-gap: 10px !important; min-height: 154px !important; align-items: start !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartColPos { grid-area: pos !important; align-self: start !important; justify-content: center !important; position: relative !important; z-index: 4 !important; } body.vmPopupPage.chartPremiumBody .vmChartColListen { grid-area: listen !important; align-self: start !important; justify-content: center !important; margin-top: 6px !important; position: relative !important; z-index: 3 !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle { grid-area: title !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; align-self: start !important; padding-right: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartColVote { grid-area: vote !important; align-self: end !important; justify-content: flex-start !important; min-width: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartPlay { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; position: relative !important; z-index: 3 !important; transform: none !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle strong { display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; max-width: 100% !important; overflow: hidden !important; white-space: normal !important; overflow-wrap: anywhere !important; text-overflow: clip !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartRow { grid-template-columns: 54px minmax(0, 1fr) 46px 94px !important; grid-template-areas: "pos title listen vote" !important; gap: 8px !important; min-height: 66px !important; height: auto !important; padding: 9px 10px !important; align-items: center !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartColPos { grid-area: pos !important; align-self: center !important; justify-content: center !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle { grid-area: title !important; min-width: 0 !important; max-width: 100% !important; overflow: hidden !important; align-self: center !important; padding-right: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartColListen { grid-area: listen !important; align-self: center !important; justify-content: center !important; min-width: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartColVote { grid-area: vote !important; align-self: center !important; justify-content: flex-end !important; min-width: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle strong { display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; overflow-wrap: normal !important; } body.vmPopupPage.chartPremiumBody .vmChartColTitle span { display: flex !important; flex-wrap: nowrap !important; max-width: 100% !important; overflow: hidden !important; white-space: nowrap !important; } body.vmPopupPage.chartPremiumBody .vmChartPlay { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; transform: none !important; } body.vmPopupPage.chartPremiumBody .vmChartVote { min-width: 86px !important; max-width: 94px !important; min-height: 38px !important; padding: 9px 11px !important; white-space: nowrap !important; } }
@media (max-width: 760px) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartListenModal { align-items: center !important; justify-content: center !important; padding: 12px !important; } body.vmPopupPage.chartPremiumBody .vmChartListenCard { margin: auto !important; transform: none !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { display: flex !important; flex-direction: row !important; align-items: center !important; justify-content: space-between !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong, .listenBody #vmModal.vmChartPopupBox .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong { order: 1 !important; flex: 1 1 auto !important; min-width: 0 !important; } #vmModal.vmChartPopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close, .listenBody #vmModal.vmChartPopupBox .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { order: 2 !important; flex: 0 0 auto !important; margin-left: auto !important; margin-right: 0 !important; left: auto !important; right: auto !important; transform: none !important; align-self: center !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .chartPremiumSection, body.vmPopupPage.chartPremiumBody main { padding-top: 4px !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium { padding-top: 6px !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { html.vmPopupPage body.vmPopupPage.chartPremiumBody main, body.vmPopupPage.chartPremiumBody main, html.vmPopupPage body.vmPopupPage.chartPremiumBody .chartPremiumSection, body.vmPopupPage.chartPremiumBody .chartPremiumSection { padding-top: 0 !important; margin-top: 0 !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium { margin-top: 0 !important; transform: translateY(-10px) !important; height: calc(100dvh - 4px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 4px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { #vmModal.vmChartPopupBox .modalCard, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal.vmChartPopupBox .modalCard, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { grid-template-rows: 42px minmax(0, 1fr) !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { height: 42px !important; min-height: 42px !important; max-height: 42px !important; padding-top: 4px !important; padding-bottom: 0px !important; } #vmModal.vmChartPopupBox .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal.vmChartPopupBox .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { height: 100% !important; min-height: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { height: 100% !important; margin-top: 0 !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium { transform: none !important; margin-top: 0 !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { #vmModal.vmChartPopupBox .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal.vmChartPopupBox .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { box-sizing: border-box !important; padding-top: 10px !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { height: calc(100% - 10px) !important; margin-top: 0 !important; } }
#vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame{pointer-events:auto;}
body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs{width:92px !important;min-width:92px !important;max-width:92px !important;margin-left:auto !important;margin-right:50px !important;justify-self:end !important;text-align:center !important;justify-content:center !important;box-sizing:border-box !important;}
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs { width: 92px !important; min-width: 92px !important; max-width: 92px !important; margin-left: auto !important; margin-right: 50px !important; justify-self: end !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs { width: 92px !important; min-width: 92px !important; max-width: 92px !important; margin-right: 50px !important; } }
@media (max-width: 760px) and (orientation: portrait) and (pointer: coarse) { #vmModal.vmChartPopupBox .modalCard, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal.vmChartPopupBox .modalCard, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { grid-template-rows: 46px minmax(0, 1fr) !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { height: 46px !important; min-height: 46px !important; max-height: 46px !important; padding: 5px 10px 5px 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 8px !important; overflow: visible !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong, .listenBody #vmModal.vmChartPopupBox .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong { display: none !important; } #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead, .listenBody #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead { order: 1 !important; flex: 0 0 92px !important; width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 10px !important; margin: 0 !important; align-self: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; z-index: 6 !important; } #vmModal.vmChartPopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close, .listenBody #vmModal.vmChartPopupBox .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { order: 2 !important; flex: 0 0 auto !important; min-width: 82px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; margin: 0 !important; align-self: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; } #vmModal.vmChartPopupBox .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal.vmChartPopupBox .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { height: 100% !important; min-height: 0 !important; padding-top: 4px !important; margin-top: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { height: calc(100% - 4px) !important; min-height: 0 !important; margin-top: 0 !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs { display: none !important; } }
@media (orientation: landscape) and (max-height: 520px) and (max-width: 980px) and (pointer: coarse) { #vmModal.vmChartPopupBox, #vmModal:has(iframe[src*="lista-przebojow.html"]), #vmModal:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal.vmChartPopupBox, .listenBody #vmModal:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal:has(iframe[src*="lista-przebojow"]) { padding: 7px !important; overflow: hidden !important; } #vmModal.vmChartPopupBox .modalCard, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal.vmChartPopupBox .modalCard, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; max-width: calc(100vw - 14px - env(safe-area-inset-left) - env(safe-area-inset-right)) !important; height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; max-height: calc(100dvh - 14px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; grid-template-rows: 36px minmax(0, 1fr) !important; margin: 0 auto !important; overflow: hidden !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { height: 36px !important; min-height: 36px !important; max-height: 36px !important; padding: 4px 8px !important; display: flex !important; align-items: center !important; justify-content: flex-end !important; overflow: visible !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong, .listenBody #vmModal.vmChartPopupBox .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong { display: none !important; } #vmModal.vmChartPopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close, .listenBody #vmModal.vmChartPopupBox .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { width: auto !important; min-width: 74px !important; max-width: 84px !important; height: 28px !important; min-height: 28px !important; max-height: 28px !important; padding: 0 10px !important; margin: 0 !important; align-self: center !important; position: relative !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important; font-size: 0.68rem !important; line-height: 1 !important; } #vmModal.vmChartPopupBox .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal.vmChartPopupBox .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { height: 100% !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { width: 100% !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; display: block !important; } body.vmPopupPage.chartPremiumBody, html.vmPopupPage body.chartPremiumBody { height: 100dvh !important; min-height: 100dvh !important; overflow: hidden !important; background: transparent !important; } body.vmPopupPage.chartPremiumBody main, html.vmPopupPage body.chartPremiumBody main, body.vmPopupPage.chartPremiumBody .chartPremiumSection, html.vmPopupPage body.chartPremiumBody .chartPremiumSection { height: 100dvh !important; min-height: 0 !important; padding: 5px !important; margin: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium, html.vmPopupPage body.chartPremiumBody .vmChartPremium { height: calc(100dvh - 10px) !important; min-height: 0 !important; max-height: calc(100dvh - 10px) !important; padding: 8px !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 7px !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs { display: grid !important; grid-template-columns: max-content max-content max-content 92px !important; align-items: center !important; justify-content: stretch !important; gap: 7px !important; min-height: 42px !important; padding: 5px 5px 5px 7px !important; margin: 0 !important; border-radius: 22px !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs button, html.vmPopupPage body.chartPremiumBody .vmChartTabs button { height: 30px !important; min-height: 30px !important; padding: 0 10px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; font-size: 0.78rem !important; line-height: 1 !important; white-space: nowrap !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs { grid-column: 4 !important; justify-self: end !important; align-self: center !important; width: 92px !important; min-width: 92px !important; max-width: 92px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; padding: 0 9px !important; margin: 0 !important; transform: none !important; } body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active { min-height: 0 !important; height: 100% !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList { height: 100% !important; max-height: none !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; padding: 0 6px 7px 0 !important; margin: 0 !important; box-sizing: border-box !important; } }
@media (max-width: 760px) and (pointer: coarse) { #vmModal.vmChartPopupBox .modalCard, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), #vmModal .modalCard:has(iframe[src*="lista-przebojow"]), .listenBody #vmModal.vmChartPopupBox .modalCard, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]), .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) { grid-template-rows: 56px minmax(0, 1fr) !important; overflow: hidden !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { height: 56px !important; min-height: 56px !important; max-height: 56px !important; padding: 8px 16px !important; display: grid !important; grid-template-columns: 98px minmax(0, 1fr) 84px !important; align-items: center !important; justify-content: stretch !important; gap: 0 !important; box-sizing: border-box !important; overflow: visible !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong, .listenBody #vmModal.vmChartPopupBox .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalHead strong, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead strong { display: none !important; } #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead, .listenBody #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead { grid-column: 1 !important; justify-self: start !important; align-self: center !important; width: 98px !important; min-width: 98px !important; max-width: 98px !important; height: 31px !important; min-height: 31px !important; max-height: 31px !important; padding: 0 9px !important; margin: 0 !important; position: relative !important; inset: auto !important; left: 0 !important; right: auto !important; top: auto !important; transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; z-index: 8 !important; } #vmModal.vmChartPopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close, .listenBody #vmModal.vmChartPopupBox .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .close, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { grid-column: 3 !important; justify-self: end !important; align-self: center !important; min-width: 82px !important; width: 82px !important; max-width: 82px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 12px !important; margin: 0 !important; position: relative !important; inset: auto !important; left: auto !important; right: 0 !important; top: auto !important; transform: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; box-sizing: border-box !important; z-index: 8 !important; } #vmModal.vmChartPopupBox .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody, .listenBody #vmModal.vmChartPopupBox .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .modalBody, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalBody { padding: 15px 0 0 0 !important; margin: 0 !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame, .listenBody #vmModal.vmChartPopupBox iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) iframe#vmModalFrame, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { width: 100% !important; height: calc(100% - 15px) !important; min-height: 0 !important; margin: 0 !important; display: block !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody main, html.vmPopupPage body.chartPremiumBody main, body.vmPopupPage.chartPremiumBody .chartPremiumSection, html.vmPopupPage body.chartPremiumBody .chartPremiumSection { padding: 6px 11px 8px 11px !important; margin: 0 !important; box-sizing: border-box !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium, html.vmPopupPage body.chartPremiumBody .vmChartPremium { width: 100% !important; max-width: 100% !important; height: calc(100dvh - 14px) !important; max-height: calc(100dvh - 14px) !important; padding: 10px !important; margin: 0 !important; display: grid !important; grid-template-rows: auto minmax(0, 1fr) !important; gap: 12px !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs { width: calc(100% - 14px) !important; max-width: calc(100% - 14px) !important; min-height: 44px !important; margin: 4px 14px 2px 0 !important; padding: 6px !important; display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; align-items: center !important; justify-content: center !important; gap: 6px !important; transform: translateX(-2px) !important; box-sizing: border-box !important; overflow: hidden !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs button, html.vmPopupPage body.chartPremiumBody .vmChartTabs button { min-width: 0 !important; width: 100% !important; height: 32px !important; min-height: 32px !important; max-height: 32px !important; padding: 0 6px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; line-height: 1 !important; white-space: nowrap !important; box-sizing: border-box !important; } body.vmPopupPage.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs, html.vmPopupPage body.chartPremiumBody .vmChartTabs .vmChartPopupVotesInTabs { display: none !important; } body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList { padding: 0 0 10px 0 !important; margin: 0 !important; overflow-x: hidden !important; box-sizing: border-box !important; } }
@media (max-width: 760px) and (pointer: coarse) { #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead, .listenBody #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; grid-column: 1 !important; justify-self: start !important; align-self: center !important; position: relative !important; inset: auto !important; left: 0 !important; right: auto !important; top: auto !important; margin: 0 !important; transform: translateX(8px) !important; z-index: 12 !important; pointer-events: none !important; } body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList { margin-top: 8px !important; } body.vmPopupPage.chartPremiumBody .vmChartPremium, html.vmPopupPage body.chartPremiumBody .vmChartPremium { grid-template-rows: auto minmax(0, 1fr) !important; } }
@media (max-width: 760px) and (pointer: coarse) { #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead, .listenBody #vmModal.vmChartPopupBox .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow.html"]) .vmChartPopupVotesInHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .vmChartPopupVotesInHead { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; transform: translateX(16px) !important; } }
.chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList{box-sizing:border-box !important;overflow-x:hidden !important;overflow-y:auto !important;padding-top:10px !important;padding-bottom:18px !important;scroll-padding-top:10px !important;scroll-padding-bottom:18px !important;}
.chartPremiumBody .vmChartRow:last-child, body.vmPopupPage.chartPremiumBody .vmChartRow:last-child, html.vmPopupPage body.chartPremiumBody .vmChartRow:last-child{margin-bottom:4px !important;}
@media (max-width: 760px) and (pointer: coarse) { body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList { padding-top: 10px !important; padding-bottom: 20px !important; scroll-padding-top: 10px !important; scroll-padding-bottom: 20px !important; } }
.chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active{overflow:hidden !important;border-radius:24px !important;padding-top:8px !important;padding-bottom:10px !important;box-sizing:border-box !important;}
.chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList{width:calc(100% - 30px) !important;margin-left:auto !important;margin-right:auto !important;padding:12px 10px 22px 0 !important;border-radius:24px !important;overflow-y:auto !important;overflow-x:hidden !important;box-sizing:border-box !important;scroll-padding-top:12px !important;scroll-padding-bottom:22px !important;}
.chartPremiumBody .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow, html.vmPopupPage body.chartPremiumBody .vmChartRow{width:calc(100% - 6px) !important;margin-left:0 !important;margin-right:auto !important;flex:0 0 auto !important;}
.chartPremiumBody .vmChartRow:first-child, body.vmPopupPage.chartPremiumBody .vmChartRow:first-child, html.vmPopupPage body.chartPremiumBody .vmChartRow:first-child{margin-top:0 !important;}
.chartPremiumBody .vmChartRow:last-child, body.vmPopupPage.chartPremiumBody .vmChartRow:last-child, html.vmPopupPage body.chartPremiumBody .vmChartRow:last-child{margin-bottom:8px !important;}
.chartPremiumBody .vmChartList::-webkit-scrollbar-track, body.vmPopupPage.chartPremiumBody .vmChartList::-webkit-scrollbar-track, html.vmPopupPage body.chartPremiumBody .vmChartList::-webkit-scrollbar-track{border-radius:999px !important;margin-top:10px !important;margin-bottom:12px !important;}
.chartPremiumBody .vmChartList::-webkit-scrollbar-thumb, body.vmPopupPage.chartPremiumBody .vmChartList::-webkit-scrollbar-thumb, html.vmPopupPage body.chartPremiumBody .vmChartList::-webkit-scrollbar-thumb{border-radius:999px !important;}
@media (max-width: 760px) and (pointer: coarse) { .chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active { padding-top: 8px !important; padding-bottom: 10px !important; border-radius: 22px !important; } .chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList { width: calc(100% - 20px) !important; padding-top: 12px !important; padding-bottom: 24px !important; border-radius: 22px !important; scroll-padding-top: 12px !important; scroll-padding-bottom: 24px !important; } }
.chartPremiumBody .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium, html.vmPopupPage body.chartPremiumBody .vmChartPremium{border-radius:28px !important;overflow:hidden !important;background-clip:padding-box !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;isolation:isolate !important;}
.chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active{width:100% !important;min-height:0 !important;flex:1 1 auto !important;border-radius:24px !important;overflow:hidden !important;background-clip:padding-box !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;box-sizing:border-box !important;}
.chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList{border-radius:24px !important;overflow-y:auto !important;overflow-x:hidden !important;background-clip:padding-box !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;}
.chartPremiumBody .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow, html.vmPopupPage body.chartPremiumBody .vmChartRow, .chartPremiumBody .vmChartForm, body.vmPopupPage.chartPremiumBody .vmChartForm, html.vmPopupPage body.chartPremiumBody .vmChartForm{border-radius:24px !important;overflow:hidden !important;background-clip:padding-box !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;box-sizing:border-box !important;}
.chartPremiumBody .vmChartForm, body.vmPopupPage.chartPremiumBody .vmChartForm, html.vmPopupPage body.chartPremiumBody .vmChartForm{width:calc(100% - 30px) !important;margin:10px auto 0 auto !important;padding:16px !important;}
.chartPremiumBody .vmChartHint, body.vmPopupPage.chartPremiumBody .vmChartHint, html.vmPopupPage body.chartPremiumBody .vmChartHint{width:calc(100% - 30px) !important;margin:14px auto 0 auto !important;}
.chartPremiumBody .vmChartForm input, body.vmPopupPage.chartPremiumBody .vmChartForm input, html.vmPopupPage body.chartPremiumBody .vmChartForm input{border-radius:18px !important;background-clip:padding-box !important;}
@media (max-width: 760px) and (pointer: coarse) { .chartPremiumBody .vmChartPremium, body.vmPopupPage.chartPremiumBody .vmChartPremium, html.vmPopupPage body.chartPremiumBody .vmChartPremium { border-radius: 24px !important; } .chartPremiumBody .vmChartPanel.active, body.vmPopupPage.chartPremiumBody .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody .vmChartPanel.active, .chartPremiumBody .vmChartList, body.vmPopupPage.chartPremiumBody .vmChartList, html.vmPopupPage body.chartPremiumBody .vmChartList, .chartPremiumBody .vmChartRow, body.vmPopupPage.chartPremiumBody .vmChartRow, html.vmPopupPage body.chartPremiumBody .vmChartRow, .chartPremiumBody .vmChartForm, body.vmPopupPage.chartPremiumBody .vmChartForm, html.vmPopupPage body.chartPremiumBody .vmChartForm { border-radius: 22px !important; } .chartPremiumBody .vmChartForm, body.vmPopupPage.chartPremiumBody .vmChartForm, html.vmPopupPage body.chartPremiumBody .vmChartForm, .chartPremiumBody .vmChartHint, body.vmPopupPage.chartPremiumBody .vmChartHint, html.vmPopupPage body.chartPremiumBody .vmChartHint { width: calc(100% - 20px) !important; } }
body .vmStartGreetingsOnline, body.listenBody .listenHeroTools .listenGreetingsOnline{height:42px !important;min-height:42px !important;max-height:42px !important;padding:0 12px !important;border-radius:999px !important;overflow:hidden !important;background:linear-gradient(90deg,rgba(255,138,24,0.98),rgba(255,177,59,0.96)) !important;border:1px solid rgba(255,166,38,0.78) !important;box-shadow:0 10px 25px rgba(255,122,24,0.20),inset 0 0 0 1px rgba(255,255,255,0.16) !important;background-clip:padding-box !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;clip-path:inset(0 round 999px) !important;}
body .vmStartGreetingsFrameWrap, body.listenBody .listenHeroTools .listenGreetingsFrameWrap{width:100% !important;height:42px !important;min-height:42px !important;max-height:42px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:999px !important;overflow:hidden !important;background:transparent !important;-webkit-mask-image:-webkit-radial-gradient(white,black) !important;clip-path:inset(0 round 999px) !important;}
body .vmStartGreetingsFrameWrap iframe, body .vmStartGreetingsOnline iframe[data-embed="greetingsOnline"], body.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, body.listenBody .listenHeroTools iframe[data-embed="greetingsOnline"]{display:block !important;width:100% !important;height:42px !important;min-height:42px !important;max-height:42px !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:999px !important;overflow:hidden !important;background:transparent !important;transform:none !important;}
body.listenBody .listenHeroTools .listenGreetingsFrameWrap:after{display:none !important;content:none !important;}
@media (max-width: 900px) { body .vmStartGreetingsOnline, body.listenBody .listenHeroTools .listenGreetingsOnline, body .vmStartGreetingsFrameWrap, body.listenBody .listenHeroTools .listenGreetingsFrameWrap, body .vmStartGreetingsFrameWrap iframe, body .vmStartGreetingsOnline iframe[data-embed="greetingsOnline"], body.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, body.listenBody .listenHeroTools iframe[data-embed="greetingsOnline"] { height: 42px !important; min-height: 42px !important; max-height: 42px !important; border-radius: 999px !important; } }
body .vmStartGreetingBtn, body.listenBody .listenGreetingBtn{height:42px !important;min-height:42px !important;max-height:42px !important;display:flex !important;align-items:center !important;justify-content:center !important;align-self:center !important;box-sizing:border-box !important;line-height:1 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;top:0 !important;transform:none !important;}
body .vmStartGreetingsFrameWrap iframe, body .vmStartGreetingsOnline iframe[data-embed="greetingsOnline"], body.listenBody .listenHeroTools .listenGreetingsFrameWrap iframe, body.listenBody .listenHeroTools iframe[data-embed="greetingsOnline"]{transform:translateY(3px) !important;}
@media (min-width: 981px) { body.listenBody .listenPremiumPlayer .liveTop .avatar, body.listenBody .listenPremiumPlayer .avatar { top: 60px !important; } body.listenBody .listenPremiumPlayer .controls::after, body.listenBody .listenPremiumPlayer .controls:after { margin-top: 12px !important; transform: translateY(8px) !important; } body.listenBody .listenPremiumPlayer .controls .volume, body.listenBody .listenPremiumPlayer input.volume, body.listenBody .listenPremiumPlayer input[type="range"].volume { margin-top: 11px !important; transform: translateY(7px) !important; } }
body .player .meter i, body .heroPlayer .meter i, body.listenBody .listenPremiumPlayer .meter i, body.listenBody .listenPremiumPlayer.audio-reactive .meter i{border-radius:14px 14px 7px 7px !important;background:linear-gradient(90deg,rgba(255,255,255,0.34) 0%,rgba(255,255,255,0.10) 13%,rgba(255,255,255,0.00) 38%,rgba(0,0,0,0.24) 76%,rgba(0,0,0,0.38) 100%),linear-gradient(180deg,#24fff3 0%,#10d8ff 34%,#287cff 58%,#c735ff 78%,#ff35cf 100%) !important;border:1px solid rgba(255,255,255,0.16) !important;box-shadow:0 0 14px rgba(27,236,255,0.44),0 0 26px rgba(255,48,210,0.20),0 8px 18px rgba(0,0,0,0.24),inset 2px 0 5px rgba(255,255,255,0.28),inset -3px 0 6px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.48) !important;}
body .player .meter i::before, body .heroPlayer .meter i::before, body.listenBody .listenPremiumPlayer .meter i::before, body.listenBody .listenPremiumPlayer.audio-reactive .meter i::before{content:"" !important;position:absolute !important;left:18% !important;top:7% !important;width:28% !important;height:86% !important;border-radius:inherit !important;background:linear-gradient(180deg,rgba(255,255,255,0.42),rgba(255,255,255,0.05) 62%,rgba(255,255,255,0.00)) !important;opacity:0.72 !important;pointer-events:none !important;}
body .player .meter i::after, body .heroPlayer .meter i::after, body.listenBody .listenPremiumPlayer .meter i::after, body.listenBody .listenPremiumPlayer.audio-reactive .meter i::after{content:"" !important;position:absolute !important;left:-1px !important;right:-1px !important;top:-1px !important;height:24% !important;border-radius:14px 14px 6px 6px !important;background:linear-gradient(180deg,rgba(255,255,255,0.68),rgba(255,255,255,0.12)) !important;opacity:0.48 !important;pointer-events:none !important;}
.player.audio-reactive .meter i, .homePremiumBody .player.audio-reactive .meter i, .listenBody .listenPremiumPlayer.audio-reactive .meter i{transform-origin:bottom center !important;will-change:transform,opacity !important;transition:none !important;animation:none !important;}
@media (max-width: 760px), (hover: none) and (pointer: coarse) { html, body { background-attachment: scroll !important; } .hero, .heroPremium, .homePremiumBody .hero, .homePremiumBody .heroPremium, .listenPremiumPlayer, .heroPlayer, .premiumCard, .card, .vmTile, .vmPopupBox, .vmStandardModalBox { transform: translateZ(0); backface-visibility: hidden; } .homePremiumBody .homeMasonryPremiumSection, .homePremiumBody .homeMasonryPremiumGrid, .scheduleBody .vmScheduleCard, .chartBody .chartCard, .teamBody .teamCard, .eventsBody .eventCard { content-visibility: auto; contain-intrinsic-size: 1px 520px; } .vmLiveProbeFrame { display: none !important; } }
@media (prefers-reduced-motion: reduce) { .vmMarqueeText, .vmListenTickerText, .meter i, .vmLogoText span { transition-duration: 0.001ms !important; } }
html.vm-ios-device, html.vm-ios-device body{-webkit-text-size-adjust:100% !important;overscroll-behavior-y:none !important;background-attachment:scroll !important;}
html.vm-ios-device .homePremiumBody .homeMasonryPremiumSection, html.vm-ios-device .homePremiumBody .homeMasonryPremiumGrid, html.vm-ios-device .scheduleBody .vmScheduleCard, html.vm-ios-device .chartBody .chartCard, html.vm-ios-device .teamBody .teamCard, html.vm-ios-device .eventsBody .eventCard{content-visibility:visible !important;contain-intrinsic-size:auto !important;contain:none !important;}
html.vm-ios-device .hero, html.vm-ios-device .heroPremium, html.vm-ios-device .homePremiumBody .hero, html.vm-ios-device .homePremiumBody .heroPremium, html.vm-ios-device .listenPremiumPlayer, html.vm-ios-device .heroPlayer, html.vm-ios-device .premiumCard, html.vm-ios-device .card, html.vm-ios-device .vmTile, html.vm-ios-device .vmPopupBox, html.vm-ios-device .vmStandardModalBox{transform:none !important;backface-visibility:visible !important;will-change:auto !important;}
html.vm-ios-device .hero::before, html.vm-ios-device .hero::after, html.vm-ios-device .heroPremium::before, html.vm-ios-device .heroPremium::after, html.vm-ios-device .premiumCard::before, html.vm-ios-device .premiumCard::after, html.vm-ios-device .vmTile::before, html.vm-ios-device .vmTile::after, html.vm-ios-device .listenPremiumPlayer::before, html.vm-ios-device .listenPremiumPlayer::after, html.vm-ios-device .heroPlayer::before, html.vm-ios-device .heroPlayer::after{will-change:auto !important;}
html.vm-ios-device .vmLogoText, html.vm-ios-device .vmLogoText span, html.vm-ios-device .heroTitle, html.vm-ios-device .brandTitle, html.vm-ios-device .sectionTitle, html.vm-ios-device .vmDynamicTitle, html.vm-ios-device .vmScheduleDynamicTitle, html.vm-ios-device .vmLiveTitle{filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html.vm-ios-device .player .meter i, html.vm-ios-device .heroPlayer .meter i, html.vm-ios-device body.listenBody .listenPremiumPlayer .meter i, html.vm-ios-device body.listenBody .listenPremiumPlayer.audio-reactive .meter i{box-shadow:0 0 8px rgba(27,236,255,0.30),0 0 12px rgba(255,48,210,0.14),inset 1px 0 3px rgba(255,255,255,0.20) !important;will-change:transform !important;}
html.vm-ios-device .player .meter i::before, html.vm-ios-device .heroPlayer .meter i::before, html.vm-ios-device body.listenBody .listenPremiumPlayer .meter i::before, html.vm-ios-device .player .meter i::after, html.vm-ios-device .heroPlayer .meter i::after, html.vm-ios-device body.listenBody .listenPremiumPlayer .meter i::after{opacity:0.28 !important;}
html.vm-ios-device.vm-ios-scrolling .vmLogoText span, html.vm-ios-device.vm-ios-scrolling .vmMarqueeText, html.vm-ios-device.vm-ios-scrolling .vmListenTickerText, html.vm-ios-device.vm-ios-scrolling .meter i, html.vm-ios-device.vm-ios-scrolling .hero::before, html.vm-ios-device.vm-ios-scrolling .hero::after, html.vm-ios-device.vm-ios-scrolling .heroPremium::before, html.vm-ios-device.vm-ios-scrolling .heroPremium::after, html.vm-ios-device.vm-ios-scrolling .premiumCard::before, html.vm-ios-device.vm-ios-scrolling .premiumCard::after, html.vm-ios-device.vm-ios-scrolling .vmTile::before, html.vm-ios-device.vm-ios-scrolling .vmTile::after{animation-play-state:paused !important;transition-duration:0.001ms !important;}
html.vm-ios-device.vm-ios-scrolling .hero, html.vm-ios-device.vm-ios-scrolling .heroPremium, html.vm-ios-device.vm-ios-scrolling .premiumCard, html.vm-ios-device.vm-ios-scrolling .vmTile, html.vm-ios-device.vm-ios-scrolling .listenPremiumPlayer, html.vm-ios-device.vm-ios-scrolling .heroPlayer{filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
.homePremiumBody .homeChatPremiumCard, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox *, .chatPremiumBody .vmChatBox, .chatPremiumBody .vmChatFrame, .chatPremiumBody .vmChatFrameSolo, .chatPremiumBody .vmChatFrame *, .chatPremiumBody .vmChatFrameSolo *{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;will-change:auto !important;}
.homePremiumBody .homeChatPremiumCard, .chatPremiumBody .vmChatBox, .chatPremiumBody .vmChatFrame, .chatPremiumBody .vmChatFrameSolo{transform:none !important;contain:none !important;content-visibility:visible !important;}
.homePremiumBody .homeChatPremiumCard:hover, .homePremiumBody .homeChatPremiumCard .embedBox:hover, .chatPremiumBody .vmChatBox:hover, .chatPremiumBody .vmChatFrame:hover, .chatPremiumBody .vmChatFrameSolo:hover{transform:none !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:728 / 486 !important;overflow:hidden !important;border-radius:22px !important;background:#050816 !important;transform:none !important;transition:none !important;}
.homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"]{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;border:0 !important;border-radius:inherit !important;overflow:hidden !important;transform:none !important;transition:opacity .18s ease !important;}
.homePremiumBody .vmChatGateCover, .homePremiumBody .vmChatGateCover img, .homePremiumBody .vmChatGateShade, .homePremiumBody .vmChatGateContent{transform:none !important;will-change:auto !important;}
.homePremiumBody .vmChatGateCover{border-radius:inherit !important;transition:opacity .18s ease,visibility .18s ease !important;contain:none !important;}
.homePremiumBody .vmChatGateCover img{filter:none !important;transform:none !important;}
.homePremiumBody .vmChatGateBox.vmChatGateOpen .vmChatGateCover{opacity:0 !important;visibility:hidden !important;pointer-events:none !important;transform:none !important;}
.chatPremiumBody .vmChatPremiumSection{overflow:visible !important;}
.chatPremiumBody .vmChatPremiumLayout{align-items:start !important;}
.chatPremiumBody .vmChatBox{padding:12px !important;overflow:hidden !important;}
.chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo{position:relative !important;width:100% !important;height:auto !important;min-height:0 !important;max-height:none !important;aspect-ratio:728 / 486 !important;overflow:hidden !important;border-radius:22px !important;background:#050816 !important;transform:none !important;transition:none !important;container-type:normal !important;}
.chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, .chatPremiumBody .vmChatFrameSolo iframe{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;border:0 !important;border-radius:inherit !important;overflow:hidden !important;background:#050816 !important;transform:none !important;}
@media (max-width: 760px) { .homePremiumBody .homeChatPremiumCard { padding: 12px !important; overflow: hidden !important; } .homePremiumBody .homeChatPremiumCard h2 { margin: 0 0 8px !important; padding: 10px 8px 0 !important; } .homePremiumBody .homeChatPremiumCard p { margin: 0 0 12px !important; padding: 0 8px !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { aspect-ratio: 728 / 486 !important; height: auto !important; min-height: 0 !important; max-height: none !important; border-radius: 18px !important; } .chatPremiumBody .vmChatBox { padding: 8px !important; border-radius: 20px !important; } }
@media (max-width: 430px) { .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { border-radius: 16px !important; } }
@supports (-webkit-touch-callout: none) { .homePremiumBody .homeChatPremiumCard, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .chatPremiumBody .vmChatBox, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { -webkit-transform: none !important; transform: none !important; -webkit-overflow-scrolling: auto !important; isolation: auto !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, .chatPremiumBody .vmChatFrameSolo iframe { pointer-events: auto !important; -webkit-transform: none !important; transform: none !important; } }
@media (max-width: 760px) { .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .homePremiumBody .homeChatPremiumCard .embedBox.small { position: relative !important; width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; aspect-ratio: auto !important; overflow: hidden !important; border-radius: 18px !important; contain: none !important; content-visibility: visible !important; transform: none !important; -webkit-transform: none !important; touch-action: auto !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], .homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"] { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; border: 0 !important; border-radius: inherit !important; background: #050816 !important; transform: none !important; -webkit-transform: none !important; pointer-events: auto !important; touch-action: auto !important; } .chatPremiumBody .vmChatPremiumSection, .chatPremiumBody .vmChatPremiumLayout, .chatPremiumBody .vmChatBox { overflow: visible !important; contain: none !important; content-visibility: visible !important; transform: none !important; -webkit-transform: none !important; } .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { position: relative !important; width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; aspect-ratio: auto !important; overflow: hidden !important; border-radius: 18px !important; background: #050816 !important; contain: none !important; content-visibility: visible !important; transform: none !important; -webkit-transform: none !important; touch-action: auto !important; } .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, .chatPremiumBody .vmChatFrameSolo iframe { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 600px !important; min-width: 0 !important; min-height: 600px !important; max-width: none !important; max-height: 600px !important; border: 0 !important; border-radius: inherit !important; background: #050816 !important; overflow: hidden !important; transform: none !important; -webkit-transform: none !important; pointer-events: auto !important; touch-action: auto !important; } }
@media (max-width: 430px) { .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .homePremiumBody .homeChatPremiumCard .embedBox.small, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { height: 600px !important; min-height: 600px !important; max-height: 600px !important; border-radius: 16px !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], .homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"], .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, .chatPremiumBody .vmChatFrameSolo iframe { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 760px) { .homePremiumBody .homeChatPremiumCard .vmChatGateCover, .homePremiumBody .homeChatPremiumCard .vmChatGateShade, .homePremiumBody .homeChatPremiumCard .vmChatGateContent { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .homePremiumBody .homeChatPremiumCard .embedBox.small, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { position: relative !important; width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; aspect-ratio: auto !important; overflow: visible !important; border-radius: 18px !important; transform: none !important; -webkit-transform: none !important; contain: none !important; content-visibility: visible !important; isolation: auto !important; touch-action: auto !important; -webkit-overflow-scrolling: touch !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], .homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"], .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, .chatPremiumBody .vmChatFrameSolo iframe { position: static !important; inset: auto !important; display: block !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; border: 0 !important; border-radius: 16px !important; overflow: hidden !important; background: #050816 !important; box-shadow: none !important; transform: none !important; -webkit-transform: none !important; transform-origin: initial !important; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; will-change: auto !important; pointer-events: auto !important; touch-action: auto !important; } .homePremiumBody .homeChatPremiumCard, .chatPremiumBody .vmChatBox, .chatPremiumBody .vmChatPremiumSection, .chatPremiumBody .vmChatPremiumLayout { transform: none !important; -webkit-transform: none !important; contain: none !important; content-visibility: visible !important; isolation: auto !important; } }
@media (max-width: 760px) { html.vm-chat-mobile-light, html.vm-chat-mobile-light body { -webkit-overflow-scrolling: touch !important; background-attachment: scroll !important; } html.vm-chat-mobile-light .homeMasonryPremiumSection, html.vm-chat-mobile-light .homeMasonryPremiumGrid, html.vm-chat-mobile-light .homeMasonryLeft, html.vm-chat-mobile-light .homeChatPremiumCard, html.vm-chat-mobile-light .homeChatPremiumCard .embedBox.small.vmChatGateBox, html.vm-chat-mobile-light .chatPremiumBody .vmChatPremiumSection, html.vm-chat-mobile-light .chatPremiumBody .vmChatPremiumLayout, html.vm-chat-mobile-light .chatPremiumBody .vmChatBox, html.vm-chat-mobile-light .chatPremiumBody .vmChatFrameSolo { content-visibility: visible !important; contain: none !important; contain-intrinsic-size: auto !important; transform: none !important; -webkit-transform: none !important; filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; will-change: auto !important; isolation: auto !important; pointer-events: auto !important; touch-action: auto !important; } html.vm-chat-mobile-light .homeChatPremiumCard::before, html.vm-chat-mobile-light .homeChatPremiumCard::after, html.vm-chat-mobile-light .chatPremiumBody .vmChatBox::before, html.vm-chat-mobile-light .chatPremiumBody .vmChatBox::after, html.vm-chat-mobile-light .chatPremiumBody .vmChatFrameSolo::before, html.vm-chat-mobile-light .chatPremiumBody .vmChatFrameSolo::after { display: none !important; animation: none !important; transition: none !important; pointer-events: none !important; } html.vm-chat-mobile-light .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], html.vm-chat-mobile-light .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"], html.vm-chat-mobile-light .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe, html.vm-chat-mobile-light .chatPremiumBody .vmChatFrameSolo iframe { position: static !important; display: block !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; border: 0 !important; border-radius: 16px !important; overflow: hidden !important; background: #050816 !important; transform: none !important; -webkit-transform: none !important; filter: none !important; will-change: auto !important; pointer-events: auto !important; touch-action: auto !important; } html.vm-chat-mobile-light .homeChatPremiumCard .vmChatGateCover, html.vm-chat-mobile-light .homeChatPremiumCard .vmChatGateShade, html.vm-chat-mobile-light .homeChatPremiumCard .vmChatGateContent { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } html.vm-chat-mobile-light .homePremiumBody .heroPremium::before, html.vm-chat-mobile-light .homePremiumBody .heroPremium::after, html.vm-chat-mobile-light .homePremiumBody .premiumCard::before, html.vm-chat-mobile-light .homePremiumBody .premiumCard::after, html.vm-chat-mobile-light .chatPremiumBody .premiumCard::before, html.vm-chat-mobile-light .chatPremiumBody .premiumCard::after { animation-play-state: paused !important; transition-duration: 0.001ms !important; } }
@media (max-width: 760px) { .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox { position: relative !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; overflow: hidden !important; border-radius: 18px !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) iframe[data-embed="chat"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateCover, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateShade, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateContent { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateCover, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateShade, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateContent { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen iframe[data-embed="chat"] { display: block !important; visibility: visible !important; position: static !important; margin: 0 auto !important; width: 100% !important; max-width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; border: 0 !important; border-radius: 16px !important; background: #050816 !important; pointer-events: auto !important; touch-action: auto !important; transform: none !important; -webkit-transform: none !important; will-change: auto !important; } html.vm-chat-gate-open .homePremiumBody .heroPremium::before, html.vm-chat-gate-open .homePremiumBody .heroPremium::after, html.vm-chat-gate-open .homePremiumBody .premiumCard::before, html.vm-chat-gate-open .homePremiumBody .premiumCard::after, html.vm-chat-gate-open .homePremiumBody .vmBannerHome::before { animation-play-state: paused !important; } }
@media (max-width: 760px) { html.vm-chat-mobile-light, html.vm-chat-mobile-light body, body.chatPremiumBody { overscroll-behavior-y: auto !important; touch-action: auto !important; -webkit-overflow-scrolling: touch !important; } .homePremiumBody .homeChatPremiumCard, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .chatPremiumBody .vmChatPremiumSection, .chatPremiumBody .vmChatPremiumLayout, .chatPremiumBody .vmChatBox, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { transform: none !important; -webkit-transform: none !important; contain: none !important; content-visibility: visible !important; isolation: auto !important; filter: none !important; -webkit-filter: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; will-change: auto !important; pointer-events: auto !important; touch-action: auto !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox, .chatPremiumBody .vmChatFrame.vmChatFrameSolo, .chatPremiumBody .vmChatFrameSolo { position: relative !important; width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; aspect-ratio: auto !important; overflow: visible !important; border-radius: 18px !important; background: #050816 !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox iframe[data-embed="chat"], .homePremiumBody .homeChatPremiumCard .embedBox.small iframe[data-embed="chat"], .chatPremiumBody .vmChatFrame.vmChatFrameSolo iframe[data-embed="chat"], .chatPremiumBody .vmChatFrameSolo iframe[data-embed="chat"] { position: static !important; inset: auto !important; display: block !important; margin: 0 auto !important; width: 900px !important; max-width: 100% !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; border: 0 !important; border-radius: 10px !important; overflow: hidden !important; background: #050816 !important; box-shadow: 0 10px 24px rgba(0,0,0,.35), 0 0 0 1px rgba(255,255,255,.08) inset !important; transform: none !important; -webkit-transform: none !important; scale: 1 !important; transform-origin: initial !important; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; will-change: auto !important; pointer-events: auto !important; touch-action: auto !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) iframe[data-embed="chat"] { display: none !important; visibility: hidden !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateCover { display: grid !important; place-items: center !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; position: absolute !important; inset: 0 !important; z-index: 5 !important; border-radius: inherit !important; transform: none !important; -webkit-transform: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateShade { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox:not(.vmChatGateOpen) .vmChatGateContent { display: flex !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; left: auto !important; top: auto !important; right: auto !important; bottom: auto !important; margin: 0 auto !important; transform: none !important; -webkit-transform: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateCover, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateShade, .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen .vmChatGateContent { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } .homePremiumBody .homeChatPremiumCard .embedBox.small.vmChatGateBox.vmChatGateOpen iframe[data-embed="chat"] { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; } }
@media (hover: hover) { body .card:hover, body .mini:hover, body .player:hover, body .embedBox:hover, body .eventItem:hover, body .facebookSideCard:hover, body .eventsCard:hover, body .vmBannerHomeCard:hover, body .homeChartPreviewCard:hover, body .homeChatPremiumCard:hover, body .homeLivePreviewCard:hover, body .listenPremiumPlayer:hover, body .listenGreetingMiniCard:hover, body .vmSchedulePanel:hover, body .vmSchedulePremium:hover, body .vmChartPanel:hover, body .greetingsCenterCard:hover, body .vmContactPremiumCard:hover, body .vmRecruitCard:hover, body .vmTeamCard:hover, body .vmLivePanel:hover, body .vmChartRow:hover, body.chartPremiumBody .vmChartRow:hover, body .homeChartPreviewRow:hover, body .scheduleBody .vmScheduleCard:hover, body .scheduleBody .vmScheduleAvatar:hover, body .scheduleBody .vmScheduleCard:hover .vmScheduleAvatar { transform: none !important; -webkit-transform: none !important; } body .card:hover, body .mini:hover, body .player:hover, body .embedBox:hover, body .eventItem:hover, body .facebookSideCard:hover, body .eventsCard:hover, body .vmBannerHomeCard:hover, body .homeChartPreviewCard:hover, body .homeChatPremiumCard:hover, body .homeLivePreviewCard:hover, body .listenPremiumPlayer:hover, body .listenGreetingMiniCard:hover, body .vmSchedulePanel:hover, body .vmSchedulePremium:hover, body .vmChartPanel:hover, body .greetingsCenterCard:hover, body .vmContactPremiumCard:hover, body .vmRecruitCard:hover, body .vmTeamCard:hover, body .vmLivePanel:hover { box-shadow: inherit !important; } body .greetingChoiceCard:hover, body .quickTiles a:hover, body .quickTiles button:hover, body .vmLiveActionTiles a:hover, body .vmLiveActionTiles button:hover, body .vmLiveHeroIcons a:hover, body .vmLiveHeroIcons button:hover, body .vmCommunityGrid a:hover, body .listenGreetingBtn:hover, body .vmGreetingChoiceBtn:hover, body .btn:hover, body button:hover, body .card button:hover, body .card .btn:hover, body .card a.btn:hover, body .mini button:hover, body .mini .btn:hover, body .player button:hover, body .embedBox button:hover, body .vmChartTabs button:hover, body .vmChartPlay:hover, body .vmChartVote:hover:not(:disabled), body .vmChartListenHead button:hover, body .vmChatTool:hover, body .vmEventsPublicClose:hover, body .vmEventsLoginClose:hover, body .close:hover, body #vmModal .close:hover { transform: translate3d(0, -3px, 0) scale(1.025) !important; -webkit-transform: translate3d(0, -3px, 0) scale(1.025) !important; } }
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{grid-template-columns:minmax(0,185px) 58px 40px minmax(0,163px) !important;column-gap:10px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play{width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;max-width:40px !important;max-height:40px !important;font-size:0.82rem !important;line-height:1 !important;padding:0 !important;margin:0 !important;border-radius:50% !important;align-self:center !important;justify-self:center !important;position:static !important;transform:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume{width:163px !important;min-width:0 !important;max-width:163px !important;}
@media (max-width: 640px) { body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 50px 38px !important; grid-template-rows: 54px 32px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play { width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important; max-width: 38px !important; max-height: 38px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume { grid-column: 1 / 4 !important; grid-row: 2 !important; width: 100% !important; max-width: none !important; } }
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer{grid-template-columns:minmax(0,185px) 58px 42px 131px !important;column-gap:20px !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar{grid-column:2 !important;justify-self:center !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play{grid-column:3 !important;width:34px !important;height:34px !important;min-width:34px !important;min-height:34px !important;max-width:34px !important;max-height:34px !important;font-size:0.72rem !important;line-height:1 !important;padding:0 !important;margin:0 !important;justify-self:center !important;align-self:center !important;transform:none !important;-webkit-transform:none !important;box-shadow:0 0 0 3px rgba(255,122,24,0.18),0 5px 13px rgba(0,0,0,0.30) !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play:hover, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play:hover{transform:none !important;-webkit-transform:none !important;}
body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume{grid-column:4 !important;width:131px !important;min-width:0 !important;max-width:131px !important;justify-self:stretch !important;}
@media (max-width: 640px) { body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 54px 40px !important; column-gap: 14px !important; grid-template-rows: 54px 32px !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play { width: 32px !important; height: 32px !important; min-width: 32px !important; min-height: 32px !important; max-width: 32px !important; max-height: 32px !important; font-size: 0.68rem !important; box-shadow: 0 0 0 3px rgba(255, 122, 24, 0.16), 0 5px 12px rgba(0, 0, 0, 0.28) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume { grid-column: 1 / 4 !important; grid-row: 2 !important; width: 100% !important; max-width: none !important; } }
@media (max-width: 1180px) and (hover: none), (max-width: 1180px) and (pointer: coarse) { body.vmLivePageBody main, body.vmLivePageBody .page, body.vmLivePageBody main > .page, body.vmLivePageBody .section.page, body.vmLivePageBody .vmLiveStudio { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; overflow-x: hidden !important; } body.vmLivePageBody .vmLiveStudio { padding-left: 10px !important; padding-right: 10px !important; padding-top: 16px !important; } body.vmLivePageBody .vmLiveStudioGrid { width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-left: auto !important; margin-right: auto !important; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 14px !important; justify-content: stretch !important; align-items: start !important; overflow: visible !important; box-sizing: border-box !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard, body.vmLivePageBody .vmLiveVideoColumn { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; margin-left: 0 !important; margin-right: 0 !important; padding: 10px !important; box-sizing: border-box !important; overflow: hidden !important; } body.vmLivePageBody .vmLiveVideoColumn { display: flex !important; flex-direction: column !important; gap: 12px !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; } body.vmLivePageBody .vmLiveVideoBox { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; border-radius: 22px !important; box-sizing: border-box !important; background: #000 !important; } body.vmLivePageBody .vmLiveVideoBox iframe, body.vmLivePageBody .vmLiveVideoBox iframe[data-embed="live"] { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100% !important; max-height: 100% !important; min-height: 0 !important; margin: 0 !important; border: 0 !important; transform: none !important; -webkit-transform: none !important; object-fit: contain !important; background: #000 !important; } body.vmLivePageBody .vmLiveChatColumn, body.vmLivePageBody .vmLiveChatOuterCard { padding: 10px !important; border-radius: 24px !important; } body.vmLivePageBody .vmLiveChatBox { position: relative !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; aspect-ratio: auto !important; padding: 0 !important; margin: 0 auto !important; overflow: hidden !important; border-radius: 18px !important; box-sizing: border-box !important; contain: none !important; content-visibility: visible !important; transform: none !important; -webkit-transform: none !important; background: #050816 !important; } body.vmLivePageBody .vmLiveChatBox iframe, body.vmLivePageBody .vmLiveChatBox iframe[data-embed="chat"] { position: static !important; inset: auto !important; display: block !important; width: 900px !important; max-width: 100% !important; min-width: 0 !important; height: 600px !important; min-height: 600px !important; max-height: 600px !important; margin: 0 auto !important; padding: 0 !important; border: 0 !important; border-radius: 14px !important; overflow: hidden !important; background: #050816 !important; transform: none !important; -webkit-transform: none !important; pointer-events: auto !important; touch-action: auto !important; contain: none !important; content-visibility: visible !important; } body.vmLivePageBody .vmLiveChatBox::before, body.vmLivePageBody .vmLiveChatBox::after { display: none !important; content: none !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 10px 11px !important; border-radius: 20px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 50px 34px !important; grid-template-rows: auto 30px !important; column-gap: 12px !important; row-gap: 8px !important; align-items: center !important; overflow: hidden !important; box-sizing: border-box !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .liveTop { grid-column: 1 / 3 !important; grid-row: 1 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 50px !important; gap: 9px !important; min-width: 0 !important; align-items: center !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .avatar { width: 50px !important; height: 50px !important; min-width: 50px !important; min-height: 50px !important; border-radius: 15px !important; grid-column: 2 !important; justify-self: center !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .play, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer button.play { grid-column: 3 !important; grid-row: 1 !important; width: 30px !important; height: 30px !important; min-width: 30px !important; min-height: 30px !important; max-width: 30px !important; max-height: 30px !important; padding: 0 !important; margin: 0 !important; justify-self: center !important; align-self: center !important; font-size: 0.64rem !important; transform: none !important; -webkit-transform: none !important; box-shadow: 0 0 0 2px rgba(255,122,24,.16), 0 4px 10px rgba(0,0,0,.24) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume { grid-column: 1 / 4 !important; grid-row: 2 !important; width: 100% !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; justify-self: stretch !important; } }
@media (max-width: 1180px) and (hover: none) and (orientation: landscape), (max-width: 1180px) and (pointer: coarse) and (orientation: landscape) { body.vmLivePageBody .vmLiveStudio { padding-left: 8px !important; padding-right: 8px !important; } body.vmLivePageBody .vmLiveVideoBox { width: 100% !important; max-width: 100% !important; aspect-ratio: 16 / 9 !important; height: auto !important; min-height: 0 !important; max-height: none !important; } body.vmLivePageBody .vmLiveChatBox, body.vmLivePageBody .vmLiveChatBox iframe, body.vmLivePageBody .vmLiveChatBox iframe[data-embed="chat"] { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } }
@media (max-width: 1180px) and (hover: none), (max-width: 1180px) and (pointer: coarse) { body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer { grid-template-columns: minmax(0, 1fr) 46px 46px !important; grid-template-rows: 52px 34px !important; height: 98px !important; min-height: 98px !important; max-height: 98px !important; overflow: visible !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer .controls { display: contents !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume { display: block !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important; grid-column: 1 / 4 !important; grid-row: 2 !important; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 26px !important; min-height: 26px !important; max-height: 26px !important; margin: 2px 0 0 !important; padding: 0 !important; align-self: center !important; justify-self: stretch !important; position: static !important; transform: none !important; -webkit-transform: none !important; z-index: 5 !important; -webkit-appearance: none !important; appearance: none !important; background: transparent !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-webkit-slider-runnable-track, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume::-webkit-slider-runnable-track { height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, rgba(255,122,24,.95), rgba(255,186,80,.95)) 0 / var(--vm-volume, 50%) 100% no-repeat, rgba(255,255,255,.18) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-webkit-slider-thumb, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume::-webkit-slider-thumb { -webkit-appearance: none !important; width: 16px !important; height: 16px !important; border-radius: 50% !important; margin-top: -5px !important; background: #fff !important; border: 3px solid rgba(255,122,24,.98) !important; box-shadow: 0 0 14px rgba(255,122,24,.45) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-track, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume::-moz-range-track { height: 6px !important; border-radius: 999px !important; background: rgba(255,255,255,.18) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-progress, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume::-moz-range-progress { height: 6px !important; border-radius: 999px !important; background: linear-gradient(90deg, rgba(255,122,24,.95), rgba(255,186,80,.95)) !important; } body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input.volume::-moz-range-thumb, body.vmLivePageBody .vmLiveVideoColumn .vmLivePlayer input[type="range"].volume::-moz-range-thumb { width: 16px !important; height: 16px !important; border-radius: 50% !important; background: #fff !important; border: 3px solid rgba(255,122,24,.98) !important; box-shadow: 0 0 14px rgba(255,122,24,.45) !important; } body.vmLivePageBody .vmLiveChatBox { touch-action: pan-y !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior-y: auto !important; } body.vmLivePageBody .vmLiveChatBox iframe, body.vmLivePageBody .vmLiveChatBox iframe[data-embed="chat"] { pointer-events: none !important; touch-action: pan-y !important; } }
@media (max-width: 1180px) { body.vmLivePageBody.vmLiveTouchScrollFix .vmLiveChatBox, body.vmLivePageBody.vmLiveTouchScrollFix .vmLiveChatColumn, body.vmLivePageBody.vmLiveTouchScrollFix .vmLiveChatOuterCard { touch-action: pan-y !important; -ms-touch-action: pan-y !important; overscroll-behavior-y: auto !important; -webkit-overflow-scrolling: touch !important; } body.vmLivePageBody.vmLiveTouchScrollFix .vmLiveChatBox iframe, body.vmLivePageBody.vmLiveTouchScrollFix .vmLiveChatBox iframe[data-embed="chat"] { pointer-events: none !important; touch-action: pan-y !important; -ms-touch-action: pan-y !important; } }
html.vm-ios-device{background:#080b18 !important;-webkit-text-size-adjust:100% !important;}
html.vm-ios-device body{background-color:#080b18 !important;background-attachment:scroll !important;-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important;}
html.vm-ios-device .mobileMenu, html.vm-ios-device .menu, html.vm-ios-device .nav, html.vm-ios-device header, html.vm-ios-device .siteHeader, html.vm-ios-device .topbar, html.vm-ios-device .topBar, html.vm-ios-device .hamburger, html.vm-ios-device .menuToggle, html.vm-ios-device .navToggle{-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;z-index:2147483000 !important;}
html.vm-ios-device .premiumCard, html.vm-ios-device .vmCard, html.vm-ios-device .homeCard, html.vm-ios-device .listenCard, html.vm-ios-device .liveCard, html.vm-ios-device .chartCard, html.vm-ios-device .teamCard, html.vm-ios-device .eventCard, html.vm-ios-device .modalCard, html.vm-ios-device .vmScheduleCard, html.vm-ios-device .vmLiveOuterCard, html.vm-ios-device .vmLiveChatOuterCard, html.vm-ios-device .vmLiveVideoBox, html.vm-ios-device .vmLiveChatBox{-webkit-backdrop-filter:none !important;backdrop-filter:none !important;filter:none !important;}
html.vm-ios-device.vm-ios-scrolling *, html.vm-ios-device.vm-ios-scrolling *::before, html.vm-ios-device.vm-ios-scrolling *::after{-webkit-animation-play-state:paused !important;animation-play-state:paused !important;-webkit-transition-duration:0s !important;transition-duration:0s !important;filter:none !important;-webkit-filter:none !important;}
html.vm-ios-device .hero::before, html.vm-ios-device .hero::after, html.vm-ios-device .premiumHero::before, html.vm-ios-device .premiumHero::after, html.vm-ios-device .bgGlow, html.vm-ios-device .glow, html.vm-ios-device .shine, html.vm-ios-device .lightSweep, html.vm-ios-device .orb, html.vm-ios-device .particles, html.vm-ios-device .equalizer::before, html.vm-ios-device .equalizer::after{will-change:auto !important;-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;}
html.vm-ios-device body.vm-ios-home-safe .hero, html.vm-ios-device body.vm-ios-home-safe .premiumHero, html.vm-ios-device body.vm-ios-home-safe .brand, html.vm-ios-device body.vm-ios-home-safe .brandLogo, html.vm-ios-device body.vm-ios-home-safe .vmLogo, html.vm-ios-device body.vm-ios-home-safe .logo{-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;-webkit-backface-visibility:hidden !important;backface-visibility:hidden !important;}
html.vm-ios-device body.vm-ios-chat-safe, html.vm-ios-device body.vm-ios-live-safe{-webkit-overflow-scrolling:touch !important;overscroll-behavior-y:auto !important;}
html.vm-ios-device body.vm-ios-chat-safe iframe, html.vm-ios-device body.vm-ios-live-safe iframe{-webkit-transform:translateZ(0) !important;transform:translateZ(0) !important;}
html.vm-ios-device main, html.vm-ios-device section, html.vm-ios-device .section, html.vm-ios-device .container, html.vm-ios-device .homeMasonryPremiumGrid, html.vm-ios-device .homeMasonryPremiumSection{content-visibility:visible !important;contain-intrinsic-size:auto !important;}
@supports (-webkit-touch-callout: none) { html.vm-ios-device body { min-height: -webkit-fill-available !important; } }
@supports (-webkit-touch-callout: none) { html.vm-ios-device, html.vm-ios-device body { width: 100% !important; max-width: 100% !important; overflow-x: hidden !important; -webkit-overflow-scrolling: touch !important; } html.vm-ios-device .top, html.vm-ios-device header.top, html.vm-ios-device .nav, html.vm-ios-device #vmMenu, html.vm-ios-device #vmMenuToggle, html.vm-ios-device .actions, html.vm-ios-device .brand { position: relative !important; z-index: 2147483000 !important; pointer-events: auto !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; } html.vm-ios-device #vmMenu.open { display: flex !important; pointer-events: auto !important; visibility: visible !important; opacity: 1 !important; } html.vm-ios-device .modal:not(.open) { display: none !important; pointer-events: none !important; visibility: hidden !important; } html.vm-ios-device .heroPlayer, html.vm-ios-device .listenPremiumPlayer, html.vm-ios-device .player { visibility: visible !important; opacity: 1 !important; contain: layout paint !important; content-visibility: visible !important; -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } html.vm-ios-device.vm-ios-scrolling .heroPlayer, html.vm-ios-device.vm-ios-scrolling .listenPremiumPlayer, html.vm-ios-device.vm-ios-scrolling .player, html.vm-ios-device.vm-ios-scrolling .vmLogoText, html.vm-ios-device.vm-ios-scrolling .vmLogoText *, html.vm-ios-device.vm-ios-scrolling .meter, html.vm-ios-device.vm-ios-scrolling .meter * { -webkit-animation-play-state: running !important; animation-play-state: running !important; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; } html.vm-ios-device .heroScene, html.vm-ios-device .heroScene *, html.vm-ios-device body::before, html.vm-ios-device body::after { will-change: auto !important; } html.vm-ios-device .vmLogoText, html.vm-ios-device .vmLogoText > span { -webkit-transform: translateZ(0) !important; transform: translateZ(0) !important; backface-visibility: hidden !important; -webkit-backface-visibility: hidden !important; } html.vm-ios-device .quickDock { pointer-events: auto !important; } }
body.pozdrowieniaBody #vmModal.vmV217GreetingBox, body.pozdrowieniaBody #vmModal.vmV217OnlineBox{padding:18px !important;align-items:center !important;justify-content:center !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox .modalCard, body.pozdrowieniaBody #vmModal.vmV217OnlineBox .modalCard{width:520px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;border-radius:18px !important;background:#070b1c !important;background-image:none !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 28px 90px rgba(0,0,0,0.5) !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox .modalCard::before, body.pozdrowieniaBody #vmModal.vmV217GreetingBox .modalCard::after, body.pozdrowieniaBody #vmModal.vmV217OnlineBox .modalCard::before, body.pozdrowieniaBody #vmModal.vmV217OnlineBox .modalCard::after{display:none !important;content:none !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox .modalHead, body.pozdrowieniaBody #vmModal.vmV217OnlineBox .modalHead{height:58px !important;min-height:58px !important;max-height:58px !important;padding:0 20px !important;background:rgba(255,255,255,0.055) !important;border-bottom:1px solid rgba(255,255,255,0.14) !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox iframe#vmModalFrame, body.pozdrowieniaBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{display:block !important;width:100% !important;border:0 !important;outline:0 !important;background:#070b1c !important;box-shadow:none !important;overflow:hidden !important;opacity:1 !important;visibility:visible !important;transition:opacity 0.12s ease !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, body.pozdrowieniaBody #vmModal.vmV217OnlineBox iframe#vmModalFrame{height:355px !important;min-height:355px !important;max-height:355px !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{height:390px !important;min-height:390px !important;max-height:390px !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] .modalCard{width:520px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:none !important;}
body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{height:382px !important;min-height:382px !important;max-height:382px !important;}
body.pozdrowieniaBody .vmGreetingChoiceBox .modalCard{width:560px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:calc(100vh - 36px) !important;}
body.pozdrowieniaBody .vmGreetingChoiceBox #vmModalFrame{display:none !important;height:0 !important;min-height:0 !important;max-height:0 !important;}
@media (max-width: 720px) { body.pozdrowieniaBody #vmModal.vmV217GreetingBox, body.pozdrowieniaBody #vmModal.vmV217OnlineBox { padding: 10px !important; } body.pozdrowieniaBody #vmModal.vmV217GreetingBox .modalCard, body.pozdrowieniaBody #vmModal.vmV217OnlineBox .modalCard, body.pozdrowieniaBody .vmGreetingChoiceBox .modalCard { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; } body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, body.pozdrowieniaBody #vmModal.vmV217OnlineBox iframe#vmModalFrame { height: 355px !important; min-height: 355px !important; max-height: 355px !important; } body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame { height: 390px !important; min-height: 390px !important; max-height: 390px !important; } body.pozdrowieniaBody #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame { height: 382px !important; min-height: 382px !important; max-height: 382px !important; } }
html body.homePremiumBody .heroWow h1:has(.vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]), html body.homePremiumBody .heroWow .heroContent h1:has(.vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]){overflow:visible !important;}
html body.homePremiumBody .heroWow h1 .grad.vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"], html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"], html body.homePremiumBody .heroWow .heroContent h1 .grad.vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"], html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]{display:inline-flex !important;align-items:baseline !important;overflow:visible !important;clip-path:inset(-60% -12% -70% -12%) !important;-webkit-clip-path:inset(-60% -12% -70% -12%) !important;contain:none !important;isolation:isolate !important;line-height:1.22 !important;/* miejsce na cień */ padding:0.18em 0.24em 0.24em 0.16em !important;/* kompensacja,żeby napis nie rozpychał układu */ margin-top:-0.18em !important;margin-right:-0.24em !important;margin-bottom:-0.24em !important;margin-left:-0.16em !important;}
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"] > span, html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"] > span{display:inline-block !important;position:relative !important;overflow:visible !important;clip-path:none !important;-webkit-clip-path:none !important;contain:none !important;line-height:1.18 !important;padding:0.1em 0.06em 0.14em 0.06em !important;margin:-0.1em -0.06em -0.14em -0.06em !important;}
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]::before, html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]::before{inset:-0.2em -0.28em -0.25em -0.18em !important;width:auto !important;height:auto !important;overflow:visible !important;clip-path:none !important;-webkit-clip-path:none !important;contain:none !important;}
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]::after, html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoAnimated[aria-label="VIRTUALMIX"]::after{overflow:visible !important;clip-path:none !important;-webkit-clip-path:none !important;contain:none !important;}
#vmModal.vmV217GreetingBox, #vmModal.vmV217OnlineBox{padding:18px !important;align-items:center !important;justify-content:center !important;}
#vmModal.vmV217GreetingBox .modalCard, #vmModal.vmV217OnlineBox .modalCard{width:520px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:none !important;overflow:hidden !important;border-radius:18px !important;background:#070b1c !important;border:1px solid rgba(255,255,255,0.14) !important;box-shadow:0 28px 90px rgba(0,0,0,0.5) !important;}
#vmModal.vmV217GreetingBox .modalHead, #vmModal.vmV217OnlineBox .modalHead{height:58px !important;min-height:58px !important;padding:0 20px !important;background:rgba(255,255,255,0.055) !important;border-bottom:1px solid rgba(255,255,255,0.14) !important;}
#vmModal.vmV217GreetingBox iframe#vmModalFrame, #vmModal.vmV217OnlineBox iframe#vmModalFrame{display:block !important;width:100% !important;border:0 !important;background:#070b1c !important;overflow:hidden !important;}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, #vmModal.vmV217OnlineBox[data-vm-v217-mode="online"] iframe#vmModalFrame, #vmModal.vmV217OnlineBox iframe#vmModalFrame{height:355px !important;min-height:355px !important;max-height:355px !important;}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame{height:390px !important;min-height:390px !important;max-height:390px !important;}
#vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame{height:535px !important;min-height:535px !important;max-height:535px !important;}
#vmModal.vmV217GreetingBox.vmV217Ready .modalCard, #vmModal.vmV217OnlineBox.vmV217Ready .modalCard{transform:none !important;}
@media (max-width: 720px) { #vmModal.vmV217GreetingBox, #vmModal.vmV217OnlineBox { padding: 10px !important; } #vmModal.vmV217GreetingBox .modalCard, #vmModal.vmV217OnlineBox .modalCard { width: calc(100vw - 20px) !important; max-width: calc(100vw - 20px) !important; border-radius: 16px !important; } #vmModal.vmV217GreetingBox[data-vm-v217-mode="greeting"] iframe#vmModalFrame, #vmModal.vmV217OnlineBox[data-vm-v217-mode="online"] iframe#vmModalFrame, #vmModal.vmV217OnlineBox iframe#vmModalFrame { height: 355px !important; min-height: 355px !important; max-height: 355px !important; } #vmModal.vmV217GreetingBox[data-vm-v217-mode="request"] iframe#vmModalFrame { height: 390px !important; min-height: 390px !important; max-height: 390px !important; } #vmModal.vmV217GreetingBox[data-vm-v217-mode="voice"] iframe#vmModalFrame { height: 535px !important; min-height: 535px !important; max-height: 535px !important; } }
.homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]){height:448px !important;min-height:448px !important;max-height:448px !important;}
@media (min-width: 1500px) { .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 460px !important; min-height: 460px !important; max-height: 460px !important; } }
@media (max-width: 1180px) and (min-width: 1051px) { .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 438px !important; min-height: 438px !important; max-height: 438px !important; } }
@media (max-width: 1050px) and (min-width: 641px) { .homePremiumBody .homeMasonryPremiumSection .embedBox:has(iframe[data-embed="scheduleToday"]) { height: 430px !important; min-height: 430px !important; max-height: 430px !important; } }
.vmEventsLoginBox .vmEventsLoginClose, body .vmEventsLoginBox .vmEventsLoginClose{position:absolute !important;top:18px !important;right:24px !important;left:auto !important;bottom:auto !important;margin:0 !important;transform:none !important;-webkit-transform:none !important;}
body .vmEventsLoginBox .vmEventsLoginClose:hover{transform:none !important;-webkit-transform:none !important;}
.footer button#vmEventsAdminOpen, .footer button#vmEventsAdminOpen:hover, body .footer button#vmEventsAdminOpen:hover{transform:none !important;-webkit-transform:none !important;}
.footer a, .footer button#vmEventsAdminOpen{color:inherit;text-decoration:none;transition:color 0.16s ease,text-shadow 0.16s ease,opacity 0.16s ease;transform:none !important;-webkit-transform:none !important;}
.footer a:hover, .footer a:focus-visible, .footer button#vmEventsAdminOpen:hover, .footer button#vmEventsAdminOpen:focus-visible, body .footer button#vmEventsAdminOpen:hover{color:#ffffff !important;text-decoration:underline;text-underline-offset:3px;text-shadow:0 0 14px rgba(255,178,90,0.34),0 0 18px rgba(47,140,255,0.18);transform:none !important;-webkit-transform:none !important;}
@media (min-width: 761px) { #vmModal.vmChartPopupBox, #vmModal.vmSchedulePopupBox { background: rgba(0, 0, 0, 0.56) !important; backdrop-filter: blur(18px) saturate(1.14) !important; -webkit-backdrop-filter: blur(18px) saturate(1.14) !important; padding: 18px !important; } #vmModal.vmChartPopupBox .modalCard, #vmModal.vmSchedulePopupBox .modalCard { position: relative !important; width: min(1320px, calc(100vw - 72px)) !important; max-width: min(1320px, calc(100vw - 72px)) !important; height: min(820px, calc(100dvh - 36px)) !important; max-height: calc(100dvh - 36px) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 30px !important; overflow: visible !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal.vmSchedulePopupBox iframe#vmModalFrame { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; opacity: 1 !important; visibility: visible !important; border: 0 !important; border-radius: 30px !important; background: transparent !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal.vmSchedulePopupBox .modalHead { position: absolute !important; top: 4px !important; right: -8px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; background: transparent !important; z-index: 30 !important; pointer-events: none !important; overflow: visible !important; transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .modalHead strong, #vmModal.vmSchedulePopupBox .modalHead strong, #vmModal.vmChartPopupBox .modalHead::before, #vmModal.vmChartPopupBox .modalHead::after, #vmModal.vmSchedulePopupBox .modalHead::before, #vmModal.vmSchedulePopupBox .modalHead::after { display: none !important; content: none !important; } #vmModal.vmChartPopupBox .close, #vmModal.vmSchedulePopupBox .close { position: relative !important; inset: auto !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 !important; margin: 0 !important; border-radius: 12px !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important; display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; border: 1px solid rgba(255,255,255,.28) !important; background: linear-gradient(145deg, rgba(255,255,255,.20), rgba(255,255,255,.075)) !important; box-shadow: 0 10px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.20), 0 0 16px rgba(47,140,255,.10) !important; backdrop-filter: blur(16px) !important; -webkit-backdrop-filter: blur(16px) !important; transform: none !important; -webkit-transform: none !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important; pointer-events: auto !important; overflow: visible !important; } #vmModal.vmChartPopupBox .close:hover, #vmModal.vmSchedulePopupBox .close:hover, #vmModal.vmChartPopupBox .close:focus-visible, #vmModal.vmSchedulePopupBox .close:focus-visible { background: linear-gradient(145deg, rgba(255,138,24,.30), rgba(47,140,255,.18)) !important; border-color: rgba(255, 196, 132, .54) !important; box-shadow: 0 10px 26px rgba(0,0,0,.34), 0 0 20px rgba(255,138,24,.22), inset 0 1px 0 rgba(255,255,255,.24) !important; transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .close::after, #vmModal.vmSchedulePopupBox .close::after { content: "×" !important; position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; display: block !important; color: #fff !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; width: auto !important; height: auto !important; text-align: center !important; transform: translate(-50%, -54%) !important; -webkit-transform: translate(-50%, -54%) !important; text-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 16px rgba(47,140,255,.22) !important; pointer-events: none !important; } #vmModal.vmChartPopupBox .close::before, #vmModal.vmSchedulePopupBox .close::before { content: "Zamknij" !important; position: absolute !important; top: 42px !important; left: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; padding: 5px 8px !important; border-radius: 8px !important; background: rgba(5, 8, 18, .92) !important; border: 1px solid rgba(255,255,255,.18) !important; color: #fff !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap !important; opacity: 0 !important; visibility: hidden !important; transform: translateX(-50%) !important; -webkit-transform: translateX(-50%) !important; transition: opacity .14s ease, visibility .14s ease !important; box-shadow: 0 10px 22px rgba(0,0,0,.32) !important; pointer-events: none !important; animation: none !important; } #vmModal.vmChartPopupBox .close:hover::before, #vmModal.vmSchedulePopupBox .close:hover::before, #vmModal.vmChartPopupBox .close:focus-visible::before, #vmModal.vmSchedulePopupBox .close:focus-visible::before { opacity: 1 !important; visibility: visible !important; } }
@media (min-width: 769px) { #vmModal.vmChartPopupBox .modalHead, #vmModal.vmSchedulePopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { top: -4px !important; right: -18px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .close, #vmModal.vmSchedulePopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 !important; margin: 0 !important; display: grid !important; place-items: center !important; transform: none !important; -webkit-transform: none !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important; } #vmModal.vmChartPopupBox .close:hover, #vmModal.vmSchedulePopupBox .close:hover, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close:hover { transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .close::after, #vmModal.vmSchedulePopupBox .close::after, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close::after { content: "×" !important; position: absolute !important; inset: 0 !important; width: 34px !important; height: 34px !important; display: flex !important; align-items: center !important; justify-content: center !important; color: #fff !important; font-size: 24px !important; font-weight: 900 !important; line-height: 34px !important; text-align: center !important; transform: translateY(-1px) !important; -webkit-transform: translateY(-1px) !important; text-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 16px rgba(47,140,255,.22) !important; pointer-events: none !important; } }
@media (min-width: 769px) { #vmModal.vmChartPopupBox .modalHead, #vmModal.vmSchedulePopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { top: -1px !important; right: -24px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; padding: 0 !important; margin: 0 !important; transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .close, #vmModal.vmSchedulePopupBox .close, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close { width: 34px !important; min-width: 34px !important; max-width: 34px !important; height: 34px !important; min-height: 34px !important; max-height: 34px !important; padding: 0 !important; margin: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; transform: none !important; -webkit-transform: none !important; transition: background .16s ease, border-color .16s ease, box-shadow .16s ease !important; } #vmModal.vmChartPopupBox .close:hover, #vmModal.vmSchedulePopupBox .close:hover, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close:hover, #vmModal.vmChartPopupBox .close:focus-visible, #vmModal.vmSchedulePopupBox .close:focus-visible, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close:focus-visible { transform: none !important; -webkit-transform: none !important; } #vmModal.vmChartPopupBox .close::after, #vmModal.vmSchedulePopupBox .close::after, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .close::after { content: "×" !important; position: absolute !important; left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; width: auto !important; height: auto !important; display: block !important; color: #fff !important; font-size: 24px !important; font-weight: 900 !important; line-height: 1 !important; text-align: center !important; transform: translate(-50%, -62%) !important; -webkit-transform: translate(-50%, -62%) !important; text-shadow: 0 8px 22px rgba(0,0,0,.45), 0 0 16px rgba(47,140,255,.22) !important; pointer-events: none !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal.vmSchedulePopupBox iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; background: transparent !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; contain: paint !important; display: block !important; } #vmModal.vmChartPopupBox .modalCard, #vmModal.vmSchedulePopupBox .modalCard { border-radius: 30px !important; } }
@media (min-width: 769px) and (pointer: fine) { html.vmPopupPage, html.vmPopupPage body.vmPopupPage.chartPremiumBody, html.vmPopupPage body.vmPopupPage.scheduleBody { width: 100% !important; min-height: 100dvh !important; margin: 0 !important; overflow: hidden !important; background: transparent !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody::before, html.vmPopupPage body.vmPopupPage.chartPremiumBody::after, html.vmPopupPage body.vmPopupPage.scheduleBody::before, html.vmPopupPage body.vmPopupPage.scheduleBody::after { display: none !important; content: none !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody main, html.vmPopupPage body.vmPopupPage.scheduleBody main { min-height: 100dvh !important; height: 100dvh !important; margin: 0 !important; overflow: hidden !important; border-radius: 30px !important; background: radial-gradient(circle at 12% 10%, rgba(255, 122, 24, 0.25), transparent 32%), radial-gradient(circle at 90% 6%, rgba(47, 140, 255, 0.25), transparent 30%), radial-gradient(circle at 54% 86%, rgba(255, 63, 180, 0.16), transparent 34%), linear-gradient(145deg, #050816, #081329 45%, #050816) !important; background-clip: padding-box !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; contain: paint !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody main::before, html.vmPopupPage body.vmPopupPage.scheduleBody main::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; border-radius: inherit !important; background-image: linear-gradient(rgba(255, 255, 255, 0.042) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.042) 1px, transparent 1px) !important; background-size: 68px 68px !important; mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 72%) !important; -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 72%) !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody main > *, html.vmPopupPage body.vmPopupPage.scheduleBody main > * { position: relative !important; z-index: 1 !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody .chartPremiumSection, html.vmPopupPage body.vmPopupPage.scheduleBody .schedulePremiumSection, html.vmPopupPage body.vmPopupPage.scheduleBody .section { overflow: hidden !important; background: transparent !important; } }
@media (min-width: 769px) and (pointer: fine) { html.vmPopupPage body.vmPopupPage.chartPremiumBody main > .page, html.vmPopupPage body.vmPopupPage.chartPremiumBody main > .page.section, html.vmPopupPage body.vmPopupPage.scheduleBody main.schedulePage > .page, html.vmPopupPage body.vmPopupPage.scheduleBody main.schedulePage > .page.section { width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 12px !important; padding-right: 12px !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody .chartPremiumSection, html.vmPopupPage body.vmPopupPage.scheduleBody .schedulePremiumSection { padding: 12px !important; } #vmModal.vmChartPopupBox .modalHead, #vmModal.vmSchedulePopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { right: -16px !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox .modalHead, #vmModal.vmSchedulePopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { right: -22px !important; } }
@media (min-width: 769px) and (pointer: fine) { html.vmPopupPage body.vmPopupPage.scheduleBody main.schedulePage { min-height: 100dvh !important; height: 100dvh !important; overflow: hidden !important; border-radius: 30px !important; background: radial-gradient(circle at 12% 10%, rgba(255, 122, 24, 0.25), transparent 32%), radial-gradient(circle at 90% 6%, rgba(47, 140, 255, 0.25), transparent 30%), radial-gradient(circle at 54% 86%, rgba(255, 63, 180, 0.16), transparent 34%), linear-gradient(145deg, #050816, #081329 45%, #050816) !important; background-clip: padding-box !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; contain: paint !important; } html.vmPopupPage body.vmPopupPage.scheduleBody main.schedulePage::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; border-radius: inherit !important; background-image: linear-gradient(rgba(255, 255, 255, 0.042) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.042) 1px, transparent 1px) !important; background-size: 68px 68px !important; mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 72%) !important; -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 72%) !important; } html.vmPopupPage body.vmPopupPage.scheduleBody main.schedulePage > * { position: relative !important; z-index: 1 !important; } html.vmPopupPage body.vmPopupPage.scheduleBody .schedulePremiumSection { min-height: 100dvh !important; height: 100dvh !important; padding: 12px !important; background: transparent !important; overflow: hidden !important; } html.vmPopupPage body.vmPopupPage.scheduleBody .vmSchedulePremium { height: calc(100dvh - 24px) !important; min-height: 0 !important; box-sizing: border-box !important; padding: 10px !important; border-radius: 28px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.14) !important; background: radial-gradient(circle at 14% 4%, rgba(255, 122, 24, 0.16), transparent 34%), radial-gradient(circle at 88% 10%, rgba(47, 140, 255, 0.16), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.095), rgba(255, 255, 255, 0.052)) !important; background-clip: padding-box !important; box-shadow: 0 28px 90px rgba(0, 0, 0, 0.45) !important; backdrop-filter: blur(20px) !important; -webkit-mask-image: -webkit-radial-gradient(white, black) !important; isolation: isolate !important; } html.vmPopupPage body.vmPopupPage.scheduleBody .vmScheduleDays, html.vmPopupPage body.vmPopupPage.scheduleBody .vmSchedulePanel { min-height: 0 !important; background: linear-gradient( 135deg, rgba(255, 139, 35, 0.14), rgba(31, 72, 130, 0.24) 48%, rgba(8, 12, 30, 0.72) ) !important; } }
@media (min-width: 769px) and (pointer: fine) { .listenBody .listenNowCard h2 { margin-bottom: 10px !important; color: #ffffff !important; text-shadow: 0 0 18px rgba(52, 245, 197, 0.16) !important; } .listenBody .listenNowCard > p:first-of-type { margin: 0 0 12px !important; padding: 12px 14px !important; border-radius: 16px !important; background: linear-gradient(135deg, rgba(52, 245, 197, 0.16), rgba(28, 68, 138, 0.20)) !important; border: 1px solid rgba(52, 245, 197, 0.26) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.09), 0 0 18px rgba(52, 245, 197, 0.06) !important; } .listenBody .listenNowCard > p:first-of-type b { display: block !important; color: #ffffff !important; font-size: 15px !important; line-height: 1.32 !important; } .listenBody .listenNowCard > p:first-of-type::before { content: "AKTUALNIE"; display: inline-flex !important; align-items: center !important; margin-bottom: 6px !important; padding: 4px 9px !important; border-radius: 999px !important; background: rgba(52, 245, 197, 0.12) !important; color: #34f5c5 !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 0.09em !important; } .listenBody .nextShowBox { margin-top: 8px !important; background: rgba(5, 12, 28, 0.18) !important; border-color: rgba(255, 255, 255, 0.09) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045) !important; opacity: 0.82 !important; } .listenBody .nextShowBox span { color: rgba(255, 156, 55, 0.82) !important; font-size: 11px !important; } .listenBody .nextShowBox strong { color: rgba(255, 255, 255, 0.84) !important; font-size: 13px !important; } .listenBody .listenNowCard .nextShowBox .nextPresenterLine, .listenBody .listenNowCard .nextShowBox em[data-next-presenter], .listenBody .nextShowBox small, .listenBody .listenNowCard .nextShowBox small b, .listenBody .listenNowCard .nextShowBox small em { color: rgba(255, 255, 255, 0.66) !important; } }
@media (min-width: 901px) and (pointer: fine) { #vmModal.vmGreetingsPagePopup, body.listenBody #vmModal.vmGreetingsPagePopup { padding: 18px !important; align-items: center !important; justify-content: center !important; } #vmModal.vmGreetingsPagePopup .modalCard, body.listenBody #vmModal.vmGreetingsPagePopup .modalCard, #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) .modalCard, body.listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) .modalCard { width: min(1180px, calc(100vw - 72px)) !important; max-width: 1180px !important; height: min(692px, calc(100vh - 36px)) !important; max-height: calc(100vh - 36px) !important; min-height: 0 !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; } #vmModal.vmGreetingsPagePopup .modalHead, body.listenBody #vmModal.vmGreetingsPagePopup .modalHead { flex: 0 0 52px !important; height: 52px !important; min-height: 52px !important; padding: 0 18px !important; } #vmModal.vmGreetingsPagePopup iframe#vmModalFrame, body.listenBody #vmModal.vmGreetingsPagePopup iframe#vmModalFrame, #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) iframe#vmModalFrame, body.listenBody #vmModal.vmGreetingsPagePopup:has(iframe[src*="pozdrowienia"]) iframe#vmModalFrame { flex: 1 1 auto !important; height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; } html.vmPopupPage:has(body.pozdrowieniaBody), html.vmPopupPage body.pozdrowieniaBody, body.vmPopupPage.pozdrowieniaBody { overflow: hidden !important; background: transparent !important; } html.vmPopupPage body.pozdrowieniaBody main, body.vmPopupPage.pozdrowieniaBody main { padding: 0 !important; margin: 0 !important; overflow: hidden !important; } html.vmPopupPage body.pozdrowieniaBody .page, body.vmPopupPage.pozdrowieniaBody .page { width: 100% !important; max-width: 1120px !important; margin: 0 auto !important; } html.vmPopupPage body.pozdrowieniaBody .subHero, body.vmPopupPage.pozdrowieniaBody .subHero { padding: 14px 16px 8px !important; } html.vmPopupPage body.pozdrowieniaBody .subHero .card, body.vmPopupPage.pozdrowieniaBody .subHero .card { min-height: 0 !important; padding: 18px 30px !important; gap: 14px !important; border-radius: 22px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; } html.vmPopupPage body.pozdrowieniaBody .subHero h1, body.vmPopupPage.pozdrowieniaBody .subHero h1 { font-size: clamp(2rem, 3.1vw, 2.55rem) !important; line-height: 1 !important; margin: 8px 0 8px !important; } html.vmPopupPage body.pozdrowieniaBody .subHero .lead, body.vmPopupPage.pozdrowieniaBody .subHero .lead { margin: 0 !important; font-size: 1rem !important; line-height: 1.35 !important; } html.vmPopupPage body.pozdrowieniaBody .subHero .kicker, body.vmPopupPage.pozdrowieniaBody .subHero .kicker { height: 34px !important; min-height: 34px !important; padding: 7px 14px !important; } html.vmPopupPage body.pozdrowieniaBody .section.greetingsCenterSection, html.vmPopupPage body.pozdrowieniaBody .greetingsCenterSection, body.vmPopupPage.pozdrowieniaBody .section.greetingsCenterSection, body.vmPopupPage.pozdrowieniaBody .greetingsCenterSection { padding: 12px 16px 14px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterGrid, body.vmPopupPage.pozdrowieniaBody .greetingsCenterGrid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 18px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard { min-height: 178px !important; height: 178px !important; padding: 18px 26px !important; border-radius: 22px !important; gap: 8px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon, html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon.vmLineIcon, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon.vmLineIcon { width: 46px !important; height: 46px !important; min-width: 46px !important; min-height: 46px !important; border-radius: 15px !important; margin: 0 auto 8px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard h2, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard h2 { font-size: 1.32rem !important; line-height: 1.08 !important; margin: 0 0 6px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard p, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard p { min-height: 0 !important; height: auto !important; margin: 0 !important; font-size: .9rem !important; line-height: 1.32 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .btn, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .btn { margin-top: 8px !important; padding: 10px 15px !important; min-height: 0 !important; line-height: 1 !important; } }
@media (min-width: 901px) and (pointer: fine) { html.vmPopupPage body.pozdrowieniaBody, body.vmPopupPage.pozdrowieniaBody { background: transparent !important; overflow: hidden !important; } html.vmPopupPage body.pozdrowieniaBody main, body.vmPopupPage.pozdrowieniaBody main { min-height: 100% !important; background: transparent !important; overflow: hidden !important; } html.vmPopupPage body.pozdrowieniaBody .page, body.vmPopupPage.pozdrowieniaBody .page { background: transparent !important; } html.vmPopupPage body.pozdrowieniaBody .section.greetingsCenterSection, html.vmPopupPage body.pozdrowieniaBody .greetingsCenterSection, body.vmPopupPage.pozdrowieniaBody .section.greetingsCenterSection, body.vmPopupPage.pozdrowieniaBody .greetingsCenterSection { padding: 12px 16px 10px !important; background: transparent !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterGrid, body.vmPopupPage.pozdrowieniaBody .greetingsCenterGrid { gap: 14px 18px !important; align-items: stretch !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard { min-height: 192px !important; height: 192px !important; padding: 18px 26px !important; justify-content: center !important; align-items: center !important; text-align: center !important; gap: 12px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon, html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon.vmLineIcon, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .greetingsCardIcon.vmLineIcon { margin: 0 auto 6px !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard h2, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard h2 { width: 100% !important; text-align: center !important; margin: 0 !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard p, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard p { width: min(440px, 100%) !important; min-height: 0 !important; height: auto !important; text-align: center !important; margin: 0 auto !important; line-height: 1.28 !important; } html.vmPopupPage body.pozdrowieniaBody .greetingsCenterCard .btn, body.vmPopupPage.pozdrowieniaBody .greetingsCenterCard .btn { align-self: center !important; margin: 2px auto 0 !important; min-height: 36px !important; padding: 11px 22px !important; font-size: 0.95rem !important; line-height: 1 !important; border-radius: 999px !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmTeamPopupBox { background: rgba(0,0,0,.56) !important; backdrop-filter: blur(18px) saturate(1.14) !important; -webkit-backdrop-filter: blur(18px) saturate(1.14) !important; padding: 18px !important; } #vmModal.vmTeamPopupBox .modalCard { position: relative !important; width: min(1320px, calc(100vw - 72px)) !important; max-width: min(1320px, calc(100vw - 72px)) !important; height: min(820px, calc(100dvh - 36px)) !important; max-height: calc(100dvh - 36px) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 30px !important; overflow: visible !important; } #vmModal.vmTeamPopupBox iframe#vmModalFrame { display: block !important; width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; border: 0 !important; border-radius: 30px !important; background: transparent !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; contain: paint !important; } #vmModal.vmTeamPopupBox .modalHead { top: -1px !important; right: -22px !important; } }
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule{position:relative;isolation:isolate;background-clip:padding-box !important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow > *, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard > *, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard > *, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule > *{position:relative;z-index:2;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule::before{content:"";position:absolute;inset:-1px;z-index:0;pointer-events:none;border-radius:inherit;opacity:calc(var(--vmTileGlow,.82) * .92);}
:root[data-vm-tile-style] body .player::before, :root[data-vm-tile-style] body .player::after, :root[data-vm-tile-style] body .heroPlayer::before, :root[data-vm-tile-style] body .heroPlayer::after, :root[data-vm-tile-style] body .listenPremiumPlayer::before, :root[data-vm-tile-style] body .listenPremiumPlayer::after, :root[data-vm-tile-style] body .embedBox::before, :root[data-vm-tile-style] body .embedBox::after, :root[data-vm-tile-style] body .mini::before, :root[data-vm-tile-style] body .mini::after, :root[data-vm-tile-style] body .eventsCard::before, :root[data-vm-tile-style] body .eventsCard::after, :root[data-vm-tile-style] body .facebookSideCard::before, :root[data-vm-tile-style] body .facebookSideCard::after, :root[data-vm-tile-style] body .vmBannerHomeCard::before, :root[data-vm-tile-style] body .vmBannerHomeCard::after, :root[data-vm-tile-style] body .homeChartPreviewCard::before, :root[data-vm-tile-style] body .homeChartPreviewCard::after, :root[data-vm-tile-style] body .homeChatPremiumCard::before, :root[data-vm-tile-style] body .homeChatPremiumCard::after, :root[data-vm-tile-style] body .homeLivePreviewCard::before, :root[data-vm-tile-style] body .homeLivePreviewCard::after, :root[data-vm-tile-style] body .vmSchedulePanel::before, :root[data-vm-tile-style] body .vmSchedulePanel::after, :root[data-vm-tile-style] body .vmSchedulePremium::before, :root[data-vm-tile-style] body .vmSchedulePremium::after, :root[data-vm-tile-style] body .vmChartPanel::before, :root[data-vm-tile-style] body .vmChartPanel::after, :root[data-vm-tile-style] body .greetingsCenterCard::before, :root[data-vm-tile-style] body .greetingsCenterCard::after, :root[data-vm-tile-style] body .vmContactPremiumCard::before, :root[data-vm-tile-style] body .vmContactPremiumCard::after, :root[data-vm-tile-style] body .vmRecruitCard::before, :root[data-vm-tile-style] body .vmRecruitCard::after, :root[data-vm-tile-style] body .vmLivePanel::before, :root[data-vm-tile-style] body .vmLivePanel::after, :root[data-vm-tile-style] body .section .card:not(.feature):not(.vmTeamCard):not(.vmTileStylePreviewCard)::before, :root[data-vm-tile-style] body .section .card:not(.feature):not(.vmTeamCard):not(.vmTileStylePreviewCard)::after{content:none !important;display:none !important;animation:none !important;background:none !important;}
:root[data-vm-tile-style] body .player, :root[data-vm-tile-style] body .heroPlayer, :root[data-vm-tile-style] body .listenPremiumPlayer, :root[data-vm-tile-style] body .embedBox, :root[data-vm-tile-style] body .eventsCard, :root[data-vm-tile-style] body .facebookSideCard, :root[data-vm-tile-style] body .vmSchedulePanel, :root[data-vm-tile-style] body .vmSchedulePremium, :root[data-vm-tile-style] body .vmChartPanel, :root[data-vm-tile-style] body .greetingsCenterCard, :root[data-vm-tile-style] body .vmLivePanel{overflow:hidden !important;isolation:isolate !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .section .card.feature, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles a, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles button, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule{overflow:hidden !important;isolation:isolate !important;background-clip:padding-box !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .section .card.feature::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles a::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles button::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule::before{inset:0 !important;border-radius:inherit !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .section .card.feature::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles a::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .quickTiles button::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmChartRow::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmScheduleCard::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTeamCard::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body .vmTodaySchedule::after{inset:0 !important;border-radius:inherit !important;opacity:min(var(--vmTileSweep,.58),.42) !important;}
@media (max-width: 768px), (pointer: coarse) { :root[data-vm-tile-style] body .player::before, :root[data-vm-tile-style] body .player::after, :root[data-vm-tile-style] body .embedBox::before, :root[data-vm-tile-style] body .embedBox::after { content: none !important; display: none !important; } }
:root{--vm-popup-bg-custom-url:none;--vm-popup-bg-brightness:100%;--vm-popup-bg-contrast:112%;--vm-popup-bg-saturation:112%;--vm-popup-bg-blur:0px;--vm-popup-bg-opacity:1;--vm-popup-bg-ready:radial-gradient(circle at 78% 12%,rgba(47,140,255,0.24),transparent 38%),linear-gradient(135deg,#050b17 0%,#0d1e3b 54%,#060b16 100%);--vm-popup-bg-glow-strength:0.18;}
:root[data-vm-popup-bg-style="premium-navy"]{--vm-popup-bg-ready:radial-gradient(circle at 82% 10%,rgba(47,140,255,0.30),transparent 40%),radial-gradient(circle at 24% 78%,rgba(118,86,255,0.10),transparent 44%),linear-gradient(135deg,#050b17 0%,#0d1e3b 54%,#060b16 100%);}
:root[data-vm-popup-bg-style="deep-black"]{--vm-popup-bg-ready:radial-gradient(circle at 82% 12%,rgba(47,140,255,0.12),transparent 42%),linear-gradient(135deg,#010205 0%,#050a12 54%,#010205 100%);}
:root[data-vm-popup-bg-style="blue-orange-mix"]{--vm-popup-bg-ready:radial-gradient(circle at 14% 14%,rgba(255,124,24,0.30),transparent 36%),radial-gradient(circle at 84% 10%,rgba(34,126,255,0.34),transparent 42%),linear-gradient(135deg,#0a101d 0%,#132b56 54%,#080d18 100%);}
:root[data-vm-popup-bg-style="dark-glass"]{--vm-popup-bg-ready:radial-gradient(circle at 18% 10%,rgba(255,255,255,0.08),transparent 34%),radial-gradient(circle at 78% 18%,rgba(72,144,255,0.22),transparent 42%),linear-gradient(135deg,#070a12 0%,#151b2d 50%,#071020 100%);}
:root[data-vm-popup-bg-style="midnight-blue"]{--vm-popup-bg-ready:radial-gradient(circle at 84% 10%,rgba(22,117,255,0.34),transparent 42%),radial-gradient(circle at 16% 18%,rgba(78,118,255,0.12),transparent 38%),linear-gradient(135deg,#030715 0%,#081a3a 54%,#020612 100%);}
:root[data-vm-popup-bg-style="carbon-night"]{--vm-popup-bg-ready:linear-gradient(115deg,rgba(255,255,255,0.035) 0 1px,transparent 1px 16px),radial-gradient(circle at 84% 8%,rgba(47,140,255,0.14),transparent 40%),linear-gradient(135deg,#050607 0%,#111720 52%,#030405 100%);}
:root[data-vm-popup-bg-style="violet-navy"]{--vm-popup-bg-ready:radial-gradient(circle at 74% 14%,rgba(151,82,255,0.30),transparent 42%),radial-gradient(circle at 16% 78%,rgba(47,140,255,0.12),transparent 40%),linear-gradient(135deg,#070616 0%,#151d42 54%,#060713 100%);}
:root[data-vm-popup-bg-style="ocean-dark"]{--vm-popup-bg-ready:radial-gradient(circle at 18% 12%,rgba(25,218,180,0.18),transparent 34%),radial-gradient(circle at 82% 10%,rgba(47,140,255,0.28),transparent 42%),linear-gradient(135deg,#031013 0%,#0a2637 54%,#020b12 100%);}
:root[data-vm-popup-bg-style="smoke-orange"]{--vm-popup-bg-ready:radial-gradient(circle at 16% 12%,rgba(255,126,31,0.30),transparent 36%),radial-gradient(circle at 84% 12%,rgba(47,140,255,0.14),transparent 42%),linear-gradient(135deg,#100908 0%,#172238 52%,#060b14 100%);}
:root[data-vm-popup-bg-custom="1"]{--vm-popup-bg-ready:var(--vm-popup-bg-custom-url),linear-gradient(135deg,#050b17,#0d1e3b);}
:root[data-vm-popup-bg-glow="off"]{--vm-popup-bg-glow-strength:0;}
:root[data-vm-popup-bg-glow="soft"]{--vm-popup-bg-glow-strength:0.10;}
:root[data-vm-popup-bg-glow="normal"]{--vm-popup-bg-glow-strength:0.16;}
:root[data-vm-popup-bg-glow="strong"]{--vm-popup-bg-glow-strength:0.26;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.scheduleBody, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.vmTodayFrameBody{position:relative;isolation:isolate;background:#050b17 !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody::before, html[data-vm-popup-bg-style] body.scheduleBody::before, html[data-vm-popup-bg-style] body.teamPremiumBody::before, html[data-vm-popup-bg-style] body.vmTodayFrameBody::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;opacity:var(--vm-popup-bg-opacity);background-image:var(--vm-popup-bg-ready);background-size:cover,cover,cover;background-position:center center,center center,center center;background-repeat:no-repeat,no-repeat,no-repeat;filter:brightness(var(--vm-popup-bg-brightness)) contrast(var(--vm-popup-bg-contrast)) saturate(var(--vm-popup-bg-saturation)) blur(var(--vm-popup-bg-blur));transform:scale(1.02);}
html[data-vm-popup-bg-style] body.chartPremiumBody::after, html[data-vm-popup-bg-style] body.scheduleBody::after, html[data-vm-popup-bg-style] body.teamPremiumBody::after, html[data-vm-popup-bg-style] body.vmTodayFrameBody::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:1;background:radial-gradient(circle at 82% 12%,rgba(47,140,255,var(--vm-popup-bg-glow-strength)),transparent 44%),linear-gradient(180deg,rgba(2,6,14,.10),rgba(2,6,14,.32));}
html[data-vm-popup-bg-style] body.chartPremiumBody > *, html[data-vm-popup-bg-style] body.scheduleBody > *, html[data-vm-popup-bg-style] body.teamPremiumBody > *, html[data-vm-popup-bg-style] body.vmTodayFrameBody > *{position:relative;z-index:1;}
html[data-vm-popup-bg-style] body.vmPopupPage main, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayFrameWrap, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayShell{background-image:none !important;background-color:transparent !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main::before, html[data-vm-popup-bg-style] body.vmPopupPage main::after, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::after{content:none !important;display:none !important;}
.vmPopupStylePreview{min-height:260px;border-radius:28px;padding:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;overflow:hidden;background-image:var(--vm-popup-bg-ready);background-size:cover;background-position:center;filter:brightness(var(--vm-popup-bg-brightness)) contrast(var(--vm-popup-bg-contrast)) saturate(var(--vm-popup-bg-saturation));border:1px solid rgba(255,255,255,.14);}
.vmPopupStylePreview .card{min-height:140px;}
.vmPopupStyleForm input[type="range"]{width:100%;accent-color:#ff8a1f;}
@media (max-width: 760px) { .vmPopupStylePreview { grid-template-columns: 1fr; } }
html[data-vm-popup-bg-style] body.vmPopupPage, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.scheduleBody, html[data-vm-popup-bg-style] body.teamPremiumBody{background:#050b17 !important;animation:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage::before, html[data-vm-popup-bg-style] body.chartPremiumBody::before, html[data-vm-popup-bg-style] body.scheduleBody::before, html[data-vm-popup-bg-style] body.teamPremiumBody::before{background-image:var(--vm-popup-bg-ready) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.scheduleBody, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.vmTodayFrameBody{position:relative !important;isolation:isolate !important;background:#050b17 !important;background-image:none !important;overflow-x:hidden;}
html[data-vm-popup-bg-style] body.chartPremiumBody::before, html[data-vm-popup-bg-style] body.scheduleBody::before, html[data-vm-popup-bg-style] body.teamPremiumBody::before, html[data-vm-popup-bg-style] body.vmTodayFrameBody::before{content:"" !important;position:fixed !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody::after, html[data-vm-popup-bg-style] body.scheduleBody::after, html[data-vm-popup-bg-style] body.teamPremiumBody::after, html[data-vm-popup-bg-style] body.vmTodayFrameBody::after{content:"" !important;position:fixed !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:radial-gradient(circle at 82% 12%,rgba(47,140,255,var(--vm-popup-bg-glow-strength,.16)),transparent 44%),linear-gradient(180deg,rgba(2,6,14,.06),rgba(2,6,14,.26)) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayFrameWrap, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayShell, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule{background-image:none !important;background-color:transparent !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody::before, html[data-vm-popup-bg-style] body.scheduleBody::before, html[data-vm-popup-bg-style] body.teamPremiumBody::before, html[data-vm-popup-bg-style] body.vmTodayFrameBody::before{display:block !important;content:"" !important;position:fixed !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-color:#050b17 !important;background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody::after, html[data-vm-popup-bg-style] body.scheduleBody::after, html[data-vm-popup-bg-style] body.teamPremiumBody::after, html[data-vm-popup-bg-style] body.vmTodayFrameBody::after{display:block !important;content:"" !important;position:fixed !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(180deg,rgba(2,6,14,.10),rgba(2,6,14,.28)) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody > *, html[data-vm-popup-bg-style] body.scheduleBody > *, html[data-vm-popup-bg-style] body.teamPremiumBody > *, html[data-vm-popup-bg-style] body.vmTodayFrameBody > *{position:relative !important;z-index:2 !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayFrameWrap, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayShell, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule{background-image:none !important;background-color:rgba(5,11,23,0.18) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main::before, html[data-vm-popup-bg-style] body.vmPopupPage main::after, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage::before, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage::after, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel::after, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartGlow, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard::after, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule::before, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule::after{content:none !important;display:none !important;background:none !important;background-image:none !important;animation:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button:not(.active), html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleItem, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartRow, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamCard, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamInfoBox, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamContactRow, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayRow{background-image:none !important;background-color:rgba(255,255,255,0.055) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button.active{background-image:linear-gradient(135deg,#ff8a18,#ff6a00) !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.vmTodayFrameBody{background:#050b17 !important;background-image:none !important;isolation:isolate !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .schedulePremiumSection, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePremium, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamPageV596, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayFrameWrap, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayShell, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule{background-image:none !important;background-color:rgba(5,11,23,0.16) !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .schedulePremiumSection::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .schedulePremiumSection::after, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePremium::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePremium::after, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays::after, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel::after, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .chartPremiumSection::before, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .chartPremiumSection::after, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium::before, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium::after, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartGlow, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamPageV596::before, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamPageV596::after, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::before, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::after, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule::before, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodaySchedule::after{content:none !important;display:none !important;background:none !important;background-image:none !important;box-shadow:none !important;animation:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button:not(.isSelected), html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleItem, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleCard, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartRow, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamCard, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamInfoBox, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamContactRow, html[data-vm-popup-bg-style] body.vmTodayFrameBody .vmTodayRow{background-image:none !important;background-color:rgba(255,255,255,0.055) !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .schedulePremiumSection, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePremium, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel{background:transparent !important;background-image:none !important;box-shadow:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmSchedulePanel::after, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDaysHead::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDaysHead::after, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button::before, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button::after{content:none !important;display:none !important;background:none !important;background-image:none !important;box-shadow:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDaysHead{background:rgba(255,255,255,0.055) !important;background-image:none !important;border-color:rgba(255,255,255,0.14) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 12px 28px rgba(0,0,0,.14) !important;text-shadow:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button:not(.isToday):not(.isSelected){background:rgba(255,255,255,0.045) !important;background-image:none !important;border-color:rgba(255,255,255,0.12) !important;box-shadow:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday.isSelected, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected){background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,0.32) !important;box-shadow:0 16px 42px rgba(255,122,0,0.30),inset 0 0 0 1px rgba(255,255,255,.10) !important;color:#fff !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday span, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday.isSelected span, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleDays button.isToday:not(.isSelected) span{background:rgba(255,255,255,0.24) !important;color:#fff !important;}
html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleItem, html[data-vm-popup-bg-style] body.scheduleBody.vmSchedulePopupMode .vmScheduleCard{background:rgba(255,255,255,.055) !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleDaysHead{background:rgba(255,255,255,0.055) !important;background-image:none !important;text-shadow:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePanel::before, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePanel::after{content:none !important;display:none !important;background:none !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage, html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage, html[data-vm-popup-bg-style] body.scheduleBody, html[data-vm-popup-bg-style] body.teamPremiumBody{background:#050b17 !important;background-image:none !important;isolation:isolate !important;}
html[data-vm-popup-bg-style] body.vmPopupPage::before, html[data-vm-popup-bg-style] body.chartPremiumBody::before, html[data-vm-popup-bg-style] body.scheduleBody::before, html[data-vm-popup-bg-style] body.teamPremiumBody::before{content:"" !important;display:block !important;position:fixed !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-color:#050b17 !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage::after, html[data-vm-popup-bg-style] body.chartPremiumBody::after, html[data-vm-popup-bg-style] body.scheduleBody::after, html[data-vm-popup-bg-style] body.teamPremiumBody::after{content:"" !important;display:block !important;position:fixed !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(180deg,rgba(2,6,14,.08),rgba(2,6,14,.26)) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage > *, html[data-vm-popup-bg-style] body.chartPremiumBody > *, html[data-vm-popup-bg-style] body.scheduleBody > *, html[data-vm-popup-bg-style] body.teamPremiumBody > *{position:relative !important;z-index:2 !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard{background:transparent !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage main::before, html[data-vm-popup-bg-style] body.vmPopupPage main::after, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage::before, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePage::after, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .schedulePremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePremium::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmSchedulePanel::after, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::before, html[data-vm-popup-bg-style] body.vmPopupPage .chartPremiumSection::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartPremium::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamPageV596::after, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard::before, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamFrameCard::after{content:none !important;display:none !important;background:none !important;background-image:none !important;box-shadow:none !important;animation:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDaysHead, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button:not(.isToday):not(.isSelected), html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleItem, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleCard, html[data-vm-popup-bg-style] body.vmPopupPage .vmChartRow, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamCard, html[data-vm-popup-bg-style] body.vmPopupPage .vmTeamInfoBox{background-image:none !important;background-color:rgba(255,255,255,.055) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button.isToday, html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button.isToday.isSelected{background:linear-gradient(135deg,#ff8a00,#ff6a00) !important;border-color:rgba(255,255,255,.32) !important;box-shadow:0 16px 42px rgba(255,122,0,.28),inset 0 0 0 1px rgba(255,255,255,.10) !important;color:#fff !important;}
html[data-vm-popup-bg-style] body.vmPopupPage .vmScheduleDays button.isToday span{background:rgba(255,255,255,.24) !important;color:#fff !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode{background:transparent !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode::before, html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode::after{content:none !important;display:none !important;background:none !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection{background:transparent !important;background-image:none !important;overflow:visible !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium{position:relative !important;isolation:isolate !important;overflow:hidden !important;border-radius:26px !important;clip-path:inset(0 round 26px) !important;background:#050b17 !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-color:#050b17 !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:linear-gradient(180deg,rgba(2,6,14,.08),rgba(2,6,14,.22)) !important;}
html[data-vm-popup-bg-style] body.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium > *{position:relative !important;z-index:2 !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard{position:relative !important;isolation:isolate !important;overflow:hidden !important;background:#050b17 !important;background-image:none !important;border-radius:inherit;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium::before, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-color:#050b17 !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium::after, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:radial-gradient(circle at 82% 12%,rgba(47,140,255,var(--vm-popup-bg-glow-strength,.16)),transparent 44%),linear-gradient(180deg,rgba(2,6,14,.06),rgba(2,6,14,.22)) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium > *:not(.vmChartGlow), html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard > *{position:relative !important;z-index:2 !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartGlow{display:none !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .chartPremiumSection, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamPageV596{background:transparent !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartRow{background-image:none !important;background-color:rgba(255,255,255,.052) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartRow:hover{background-image:none !important;background-color:rgba(255,255,255,.072) !important;}
html[data-vm-popup-bg-style] body.chartPremiumBody.vmPopupPage .vmChartPremium, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard, html[data-vm-popup-bg-style] body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium{clip-path:inset(0 round 28px) !important;-webkit-clip-path:inset(0 round 28px) !important;contain:paint !important;}
html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard{position:relative !important;isolation:isolate !important;overflow:hidden !important;background:#050b17 !important;background-image:none !important;}
html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::before, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::before{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:0 !important;pointer-events:none !important;opacity:var(--vm-popup-bg-opacity,1) !important;background-image:var(--vm-popup-bg-ready) !important;background-color:#050b17 !important;background-size:cover !important;background-position:center center !important;background-repeat:no-repeat !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important;transform:scale(1.02) !important;}
html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::after, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;background:radial-gradient(circle at 82% 12%,rgba(47,140,255,var(--vm-popup-bg-glow-strength,.16)),transparent 44%),linear-gradient(180deg,rgba(2,6,14,.06),rgba(2,6,14,.22)) !important;}
html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard > *, html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrameCard > *{position:relative !important;z-index:2 !important;}
html[data-vm-popup-bg-style] body.teamPremiumBody.vmPopupPage .vmTeamFrame{background:rgba(0,0,0,.08) !important;background-image:none !important;}
#vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead{top:18px !important;right:42px !important;}
@media (max-width: 900px) { #vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead { top: 10px !important; right: 16px !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead, body #vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead { top: 12px !important; right: 1px !important; width: 34px !important; height: 34px !important; min-height: 34px !important; z-index: 80 !important; pointer-events: none !important; background: transparent !important; border: 0 !important; } #vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead .close, body #vmModal.vmTeamPopupBox.vmSchedulePopupBox .modalHead .close { pointer-events: auto !important; } }
@media (min-width: 769px) and (pointer: fine) { body.scheduleBody:not(.vmSchedulePopupMode) > .quickDock, body.chartPremiumBody:not(.vmPopupPage) > .quickDock, body.teamPremiumBody:not(.vmPopupPage) > .quickDock { position: fixed !important; left: auto !important; right: 14px !important; bottom: 14px !important; top: auto !important; transform: none !important; z-index: 70 !important; } }
@media (min-width: 769px) and (pointer: fine) { body.scheduleBody:not(.vmSchedulePopupMode) main, body.chartPremiumBody:not(.vmPopupPage) main, body.teamPremiumBody:not(.vmPopupPage) main { margin-bottom: 0 !important; padding-bottom: 0 !important; } body.scheduleBody:not(.vmSchedulePopupMode) .footer, body.chartPremiumBody:not(.vmPopupPage) .footer, body.teamPremiumBody:not(.vmPopupPage) .footer { margin-top: 0 !important; padding-top: 28px !important; padding-bottom: 38px !important; } body.scheduleBody:not(.vmSchedulePopupMode) > .quickDock, body.chartPremiumBody:not(.vmPopupPage) > .quickDock, body.teamPremiumBody:not(.vmPopupPage) > .quickDock { position: fixed !important; left: auto !important; right: 14px !important; top: auto !important; bottom: 14px !important; transform: none !important; margin: 0 !important; z-index: 90 !important; } body.scheduleBody:not(.vmSchedulePopupMode) > .quickDock a, body.scheduleBody:not(.vmSchedulePopupMode) > .quickDock button, body.chartPremiumBody:not(.vmPopupPage) > .quickDock a, body.chartPremiumBody:not(.vmPopupPage) > .quickDock button, body.teamPremiumBody:not(.vmPopupPage) > .quickDock a, body.teamPremiumBody:not(.vmPopupPage) > .quickDock button { left: auto !important; right: auto !important; transform: none !important; } body.scheduleBody:not(.vmSchedulePopupMode) #vmCookieBanner, body.chartPremiumBody:not(.vmPopupPage) #vmCookieBanner, body.teamPremiumBody:not(.vmPopupPage) #vmCookieBanner { position: fixed !important; left: 20px !important; right: 20px !important; bottom: 20px !important; margin: 0 !important; z-index: 99999 !important; } }
@media (min-width: 769px) and (pointer: fine) { body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePremium { border: 0 !important; box-shadow: none !important; background: transparent !important; background-image: none !important; border-radius: 0 !important; overflow: visible !important; } body.scheduleBody:not(.vmSchedulePopupMode) .vmScheduleDays, body.scheduleBody:not(.vmSchedulePopupMode) .vmSchedulePanel { border-radius: 24px !important; overflow: hidden !important; } body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard { border-radius: 32px !important; overflow: hidden !important; clip-path: inset(0 round 32px) !important; -webkit-clip-path: inset(0 round 32px) !important; } body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrame { border-radius: 24px !important; overflow: hidden !important; } body.scheduleBody:not(.vmSchedulePopupMode) > .quickDock, body.chartPremiumBody:not(.vmPopupPage) > .quickDock, body.teamPremiumBody:not(.vmPopupPage) > .quickDock { position: fixed !important; left: auto !important; right: 14px !important; top: auto !important; bottom: 14px !important; transform: none !important; margin: 0 !important; z-index: 90 !important; } }
@media (min-width: 769px) and (pointer: fine) { html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::after { content: none !important; display: none !important; background: none !important; background-image: none !important; filter: none !important; -webkit-filter: none !important; transform: none !important; -webkit-transform: none !important; } html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::before, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::after, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::before, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::after { content: none !important; display: none !important; background: none !important; background-image: none !important; filter: none !important; -webkit-filter: none !important; transform: none !important; -webkit-transform: none !important; } body.scheduleBody:not(.vmPopupPage) main, body.chartPremiumBody:not(.vmPopupPage) main, body.teamPremiumBody:not(.vmPopupPage) main { transform: none !important; -webkit-transform: none !important; filter: none !important; -webkit-filter: none !important; contain: none !important; overflow-x: hidden !important; } body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard { transform: none !important; -webkit-transform: none !important; contain: none !important; } body > button.socket-btn, html body > button.socket-btn { position: fixed !important; left: auto !important; right: 20px !important; top: auto !important; bottom: 20px !important; transform: none !important; -webkit-transform: none !important; z-index: 2147483647 !important; overflow: visible !important; } }
html[data-vm-surface-style]{--vm-surface-custom-url:none;--vm-surface-bg-1:rgba(8,18,38,.78);--vm-surface-bg-2:rgba(12,38,72,.54);--vm-surface-border:rgba(84,190,255,.22);--vm-surface-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);}
html[data-vm-surface-style="deep-black"]{--vm-surface-bg-1:rgba(3,5,10,.84);--vm-surface-bg-2:rgba(13,17,24,.58);--vm-surface-border:rgba(255,255,255,.14);}
html[data-vm-surface-style="blue-orange-mix"]{--vm-surface-bg-1:rgba(7,23,50,.80);--vm-surface-bg-2:rgba(255,106,0,.14);--vm-surface-border:rgba(255,145,55,.24);}
html[data-vm-surface-style="dark-glass"]{--vm-surface-bg-1:rgba(7,14,26,.64);--vm-surface-bg-2:rgba(28,45,70,.42);--vm-surface-border:rgba(255,255,255,.18);}
html[data-vm-surface-style="midnight-blue"]{--vm-surface-bg-1:rgba(3,13,36,.82);--vm-surface-bg-2:rgba(18,48,90,.50);--vm-surface-border:rgba(56,165,255,.22);}
html[data-vm-surface-style="carbon-night"]{--vm-surface-bg-1:rgba(8,10,14,.84);--vm-surface-bg-2:rgba(30,34,40,.48);--vm-surface-border:rgba(120,132,150,.18);}
html[data-vm-surface-style="violet-navy"]{--vm-surface-bg-1:rgba(12,13,48,.82);--vm-surface-bg-2:rgba(80,43,130,.38);--vm-surface-border:rgba(170,115,255,.20);}
html[data-vm-surface-style="ocean-dark"]{--vm-surface-bg-1:rgba(2,28,45,.82);--vm-surface-bg-2:rgba(0,105,135,.32);--vm-surface-border:rgba(70,220,255,.20);}
html[data-vm-surface-style="smoke-orange"]{--vm-surface-bg-1:rgba(18,13,10,.84);--vm-surface-bg-2:rgba(210,92,20,.22);--vm-surface-border:rgba(255,148,70,.22);}
html[data-vm-surface-custom="1"]{--vm-surface-bg-1:rgba(7,13,24,.60);--vm-surface-bg-2:rgba(10,22,38,.44);}
html[data-vm-surface-style] body:not(.vmPopupPage) .card, html[data-vm-surface-style] body:not(.vmPopupPage) .miniCard, html[data-vm-surface-style] body:not(.vmPopupPage) .eventCard, html[data-vm-surface-style] body:not(.vmPopupPage) .scheduleTodayBlock, html[data-vm-surface-style] body:not(.vmPopupPage) .vmScheduleDays, html[data-vm-surface-style] body:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-surface-style] body:not(.vmPopupPage) .vmScheduleCard, html[data-vm-surface-style] body:not(.vmPopupPage) .vmChartPremium, html[data-vm-surface-style] body:not(.vmPopupPage) .vmChartRow, html[data-vm-surface-style] body:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-surface-style] body:not(.vmPopupPage) .vmTeamCard, html[data-vm-surface-style] body:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-surface-style] body:not(.vmPopupPage) .listenPremiumPlayer, html[data-vm-surface-style] body:not(.vmPopupPage) .heroPlayer, html[data-vm-surface-style] body:not(.vmPopupPage) .xatBox, html[data-vm-surface-style] body:not(.vmPopupPage) .embedBox, html[data-vm-surface-style] body:not(.vmPopupPage) .greetingsCard, html[data-vm-surface-style] body:not(.vmPopupPage) .requestCard, html[data-vm-surface-style] body:not(.vmPopupPage) .onLiveCard{background:linear-gradient(135deg,var(--vm-surface-bg-1),var(--vm-surface-bg-2)),var(--vm-surface-custom-url,none) center/cover no-repeat !important;border-color:var(--vm-surface-border) !important;box-shadow:var(--vm-surface-shadow);filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%));}
html[data-vm-surface-glow="off"] body:not(.vmPopupPage) .card, html[data-vm-surface-glow="off"] body:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-surface-glow="off"] body:not(.vmPopupPage) .vmChartPremium, html[data-vm-surface-glow="off"] body:not(.vmPopupPage) .vmTeamFrameCard{box-shadow:none;}
html[data-vm-surface-glow="soft"]{--vm-surface-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07);}
html[data-vm-surface-glow="strong"]{--vm-surface-shadow:0 28px 90px rgba(0,120,255,.20),0 18px 70px rgba(255,106,0,.12),inset 0 1px 0 rgba(255,255,255,.10);}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::after{content:none !important;display:none !important;}
html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveStudio, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLivePlayer, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles a, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles button, html[data-vm-surface-style] body:not(.vmPopupPage).rekrutacjaBody .vmRecruitShell.vmUseSurfaceStyle{background:linear-gradient(135deg,var(--vm-surface-bg-1),var(--vm-surface-bg-2)),var(--vm-surface-custom-url,none) center/cover no-repeat !important;border-color:var(--vm-surface-border) !important;box-shadow:var(--vm-surface-shadow) !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%));}
html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveStudio, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLivePlayer, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles a, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles button, html[data-vm-surface-glow="off"] body:not(.vmPopupPage).rekrutacjaBody .vmRecruitShell{box-shadow:none !important;}
html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveStudio, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard, html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn{background:transparent !important;background-image:none !important;border-color:transparent !important;box-shadow:none !important;filter:none !important;}
html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard{position:relative !important;isolation:isolate !important;overflow:visible !important;background:linear-gradient(135deg,var(--vm-surface-bg-1),var(--vm-surface-bg-2)),var(--vm-surface-custom-url,none) center/cover no-repeat !important;border-color:var(--vm-surface-border) !important;box-shadow:var(--vm-surface-shadow) !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) !important;transform:none !important;-webkit-transform:none !important;}
html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard{box-shadow:none !important;}
body.vmLivePageBody .vmLiveChatOuterCard::before, body.vmLivePageBody .vmLiveChatOuterCard::after, body.vmLivePageBody .vmLiveChatColumn::before, body.vmLivePageBody .vmLiveChatColumn::after{display:none !important;content:none !important;}
body.vmLivePageBody .vmLiveChatOuterCard > *, body.vmLivePageBody .vmLiveChatColumn > *{position:relative !important;z-index:2 !important;}
:root[data-vm-tile-style]{--vm-subpage-surface-bg:linear-gradient(135deg,rgba(8,18,38,.78),rgba(12,38,72,.54));--vm-subpage-surface-border:rgba(84,190,255,.22);--vm-subpage-surface-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);}
:root[data-vm-tile-style="glass-premium"], :root[data-vm-tile-style="liquid-glass"], :root[data-vm-tile-style="crystal-3d"], :root[data-vm-tile-style="diamond-light"]{--vm-subpage-surface-bg:linear-gradient(135deg,rgba(255,255,255,.10),rgba(47,140,255,.16));--vm-subpage-surface-border:rgba(255,255,255,.24);--vm-subpage-surface-shadow:0 28px var(--vmTileBlur,78px) rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12);}
:root[data-vm-tile-style="blue-orange-glow"], :root[data-vm-tile-style="fire-ice"], :root[data-vm-tile-style="ice-orange"], :root[data-vm-tile-style="sunset-lux"]{--vm-subpage-surface-bg:radial-gradient(circle at 18% 12%,rgba(255,122,24,.20),transparent 38%),linear-gradient(135deg,rgba(7,23,50,.82),rgba(255,106,0,.13));--vm-subpage-surface-border:rgba(255,145,55,.28);--vm-subpage-surface-shadow:0 30px var(--vmTileBlur,78px) rgba(0,0,0,.40),0 0 calc(var(--vmTileBlur,78px) * .62) rgba(255,122,24,.12);}
:root[data-vm-tile-style="neon-edge"], :root[data-vm-tile-style="cyber-blue"], :root[data-vm-tile-style="electric-border"], :root[data-vm-tile-style="plasma-frame"]{--vm-subpage-surface-bg:radial-gradient(circle at 82% 16%,rgba(47,140,255,.20),transparent 40%),linear-gradient(135deg,rgba(4,14,34,.84),rgba(9,38,76,.38));--vm-subpage-surface-border:rgba(56,165,255,.30);--vm-subpage-surface-shadow:0 30px var(--vmTileBlur,78px) rgba(0,0,0,.42),0 0 calc(var(--vmTileBlur,78px) * .70) rgba(47,140,255,.16);}
:root[data-vm-tile-style="aurora-soft"], :root[data-vm-tile-style="ocean-lux"], :root[data-vm-tile-style="music-spectrum"], :root[data-vm-tile-style="hologram-line"], :root[data-vm-tile-style="live-pulse"]{--vm-subpage-surface-bg:radial-gradient(circle at 18% 10%,rgba(52,245,197,.16),transparent 38%),radial-gradient(circle at 86% 24%,rgba(47,140,255,.18),transparent 42%),linear-gradient(135deg,rgba(4,20,42,.82),rgba(24,38,70,.42));--vm-subpage-surface-border:rgba(94,220,255,.25);--vm-subpage-surface-shadow:0 30px var(--vmTileBlur,78px) rgba(0,0,0,.39),0 0 calc(var(--vmTileBlur,78px) * .60) rgba(47,140,255,.13);}
:root[data-vm-tile-style="carbon-pro"], :root[data-vm-tile-style="deep-space"], :root[data-vm-tile-style="velvet-blue"]{--vm-subpage-surface-bg:linear-gradient(135deg,rgba(5,8,15,.86),rgba(23,30,48,.50));--vm-subpage-surface-border:rgba(150,165,190,.18);--vm-subpage-surface-shadow:0 34px var(--vmTileBlur,78px) rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.07);}
:root[data-vm-tile-style="stage-glow"], :root[data-vm-tile-style="soft-gold"], :root[data-vm-tile-style="chrome-depth"]{--vm-subpage-surface-bg:radial-gradient(circle at 18% 12%,rgba(255,204,112,.18),transparent 38%),linear-gradient(135deg,rgba(20,18,36,.84),rgba(30,22,42,.48));--vm-subpage-surface-border:rgba(255,204,112,.24);--vm-subpage-surface-shadow:0 30px var(--vmTileBlur,78px) rgba(0,0,0,.42),0 0 calc(var(--vmTileBlur,78px) * .65) rgba(255,184,70,.12);}
:root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, :root:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard{background:var(--vm-subpage-surface-bg) !important;border-color:var(--vm-subpage-surface-border) !important;box-shadow:var(--vm-subpage-surface-shadow) !important;}
:root[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, :root[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, :root[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, :root[data-vm-tile-intensity="soft"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, :root[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard{box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07) !important;}
:root[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, :root[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, :root[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, :root[data-vm-tile-intensity="strong"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, :root[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard{box-shadow:0 28px 90px rgba(0,120,255,.20),0 18px 70px rgba(255,106,0,.12),inset 0 1px 0 rgba(255,255,255,.10) !important;}
:root[data-vm-header-style="premium-navy"], :root[data-vm-tile-style="premium-navy"], :root[data-vm-bg-style="premium-navy"], :root[data-vm-popup-bg-style="premium-navy"]{--vm-v851-bg-a:rgba(7,18,42,.86);--vm-v851-bg-b:rgba(15,55,100,.46);--vm-v851-border:rgba(84,190,255,.24);--vm-v851-glow:rgba(47,140,255,.16);--vm-v851-accent:rgba(255,130,24,.16);}
:root[data-vm-header-style="deep-black"], :root[data-vm-tile-style="deep-black"], :root[data-vm-bg-style="deep-black"], :root[data-vm-popup-bg-style="deep-black"]{--vm-v851-bg-a:rgba(3,5,10,.90);--vm-v851-bg-b:rgba(18,22,30,.54);--vm-v851-border:rgba(255,255,255,.15);--vm-v851-glow:rgba(255,255,255,.08);--vm-v851-accent:rgba(90,140,255,.10);}
:root[data-vm-header-style="blue-orange-mix"], :root[data-vm-tile-style="blue-orange-mix"], :root[data-vm-bg-style="blue-orange-mix"], :root[data-vm-popup-bg-style="blue-orange-mix"]{--vm-v851-bg-a:rgba(5,24,58,.86);--vm-v851-bg-b:rgba(255,105,0,.20);--vm-v851-border:rgba(255,145,55,.30);--vm-v851-glow:rgba(47,140,255,.17);--vm-v851-accent:rgba(255,130,24,.24);}
:root[data-vm-header-style="dark-glass"], :root[data-vm-tile-style="dark-glass"], :root[data-vm-bg-style="dark-glass"], :root[data-vm-popup-bg-style="dark-glass"]{--vm-v851-bg-a:rgba(8,14,26,.68);--vm-v851-bg-b:rgba(35,50,75,.42);--vm-v851-border:rgba(255,255,255,.20);--vm-v851-glow:rgba(255,255,255,.10);--vm-v851-accent:rgba(80,180,255,.12);}
:root[data-vm-header-style="midnight-blue"], :root[data-vm-tile-style="midnight-blue"], :root[data-vm-bg-style="midnight-blue"], :root[data-vm-popup-bg-style="midnight-blue"]{--vm-v851-bg-a:rgba(2,12,34,.90);--vm-v851-bg-b:rgba(18,60,112,.52);--vm-v851-border:rgba(56,165,255,.25);--vm-v851-glow:rgba(47,140,255,.18);--vm-v851-accent:rgba(30,210,255,.12);}
:root[data-vm-header-style="carbon-night"], :root[data-vm-tile-style="carbon-night"], :root[data-vm-bg-style="carbon-night"], :root[data-vm-popup-bg-style="carbon-night"]{--vm-v851-bg-a:rgba(7,9,13,.90);--vm-v851-bg-b:rgba(34,38,46,.52);--vm-v851-border:rgba(140,150,170,.18);--vm-v851-glow:rgba(0,0,0,.22);--vm-v851-accent:rgba(255,255,255,.08);}
:root[data-vm-header-style="violet-navy"], :root[data-vm-tile-style="violet-navy"], :root[data-vm-bg-style="violet-navy"], :root[data-vm-popup-bg-style="violet-navy"]{--vm-v851-bg-a:rgba(9,12,44,.88);--vm-v851-bg-b:rgba(90,43,140,.42);--vm-v851-border:rgba(178,120,255,.24);--vm-v851-glow:rgba(150,80,255,.17);--vm-v851-accent:rgba(40,180,255,.12);}
:root[data-vm-header-style="ocean-dark"], :root[data-vm-tile-style="ocean-dark"], :root[data-vm-bg-style="ocean-dark"], :root[data-vm-popup-bg-style="ocean-dark"]{--vm-v851-bg-a:rgba(1,25,42,.88);--vm-v851-bg-b:rgba(0,105,135,.34);--vm-v851-border:rgba(70,220,255,.25);--vm-v851-glow:rgba(0,180,255,.17);--vm-v851-accent:rgba(0,245,200,.13);}
:root[data-vm-header-style="smoke-orange"], :root[data-vm-tile-style="smoke-orange"], :root[data-vm-bg-style="smoke-orange"], :root[data-vm-popup-bg-style="smoke-orange"]{--vm-v851-bg-a:rgba(18,13,10,.88);--vm-v851-bg-b:rgba(210,92,20,.24);--vm-v851-border:rgba(255,148,70,.26);--vm-v851-glow:rgba(255,118,30,.17);--vm-v851-accent:rgba(45,145,255,.11);}
:root[data-vm-header-style="ocean-crystal"], :root[data-vm-tile-style="ocean-crystal"], :root[data-vm-bg-style="ocean-crystal"], :root[data-vm-popup-bg-style="ocean-crystal"]{--vm-v851-bg-a:rgba(0,44,72,.82);--vm-v851-bg-b:rgba(40,185,255,.24);--vm-v851-border:rgba(120,235,255,.30);--vm-v851-glow:rgba(70,210,255,.20);--vm-v851-accent:rgba(255,255,255,.12);}
:root[data-vm-header-style="neon-blue-orange"], :root[data-vm-tile-style="neon-blue-orange"], :root[data-vm-bg-style="neon-blue-orange"], :root[data-vm-popup-bg-style="neon-blue-orange"]{--vm-v851-bg-a:rgba(4,17,45,.88);--vm-v851-bg-b:rgba(255,116,20,.18);--vm-v851-border:rgba(255,132,35,.30);--vm-v851-glow:rgba(47,140,255,.20);--vm-v851-accent:rgba(255,120,20,.24);}
:root[data-vm-header-style="aqua-orange-lux"], :root[data-vm-tile-style="aqua-orange-lux"], :root[data-vm-bg-style="aqua-orange-lux"], :root[data-vm-popup-bg-style="aqua-orange-lux"]{--vm-v851-bg-a:rgba(2,35,62,.84);--vm-v851-bg-b:rgba(255,136,38,.20);--vm-v851-border:rgba(85,220,255,.28);--vm-v851-glow:rgba(255,130,24,.16);--vm-v851-accent:rgba(0,220,255,.16);}
:root[data-vm-header-style="orange-blue-smoke"], :root[data-vm-tile-style="orange-blue-smoke"], :root[data-vm-bg-style="orange-blue-smoke"], :root[data-vm-popup-bg-style="orange-blue-smoke"]{--vm-v851-bg-a:rgba(10,18,36,.86);--vm-v851-bg-b:rgba(255,115,35,.18);--vm-v851-border:rgba(255,150,75,.24);--vm-v851-glow:rgba(50,130,255,.14);--vm-v851-accent:rgba(255,115,35,.18);}
:root[data-vm-header-style="premium-navy"] .subHero > .card, :root[data-vm-header-style="premium-navy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="deep-black"] .subHero > .card, :root[data-vm-header-style="deep-black"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="blue-orange-mix"] .subHero > .card, :root[data-vm-header-style="blue-orange-mix"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="dark-glass"] .subHero > .card, :root[data-vm-header-style="dark-glass"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="midnight-blue"] .subHero > .card, :root[data-vm-header-style="midnight-blue"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="carbon-night"] .subHero > .card, :root[data-vm-header-style="carbon-night"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="violet-navy"] .subHero > .card, :root[data-vm-header-style="violet-navy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ocean-dark"] .subHero > .card, :root[data-vm-header-style="ocean-dark"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="smoke-orange"] .subHero > .card, :root[data-vm-header-style="smoke-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ocean-crystal"] .subHero > .card, :root[data-vm-header-style="ocean-crystal"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="neon-blue-orange"] .subHero > .card, :root[data-vm-header-style="neon-blue-orange"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aqua-orange-lux"] .subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="orange-blue-smoke"] .subHero > .card, :root[data-vm-header-style="orange-blue-smoke"] .vmHeaderStylePreview > .card{background:radial-gradient(circle at 16% 12%,var(--vm-v851-accent),transparent 38%),radial-gradient(circle at 86% 8%,var(--vm-v851-glow),transparent 42%),linear-gradient(135deg,var(--vm-v851-bg-a),var(--vm-v851-bg-b)) !important;border-color:var(--vm-v851-border) !important;box-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-v851-glow),inset 0 1px 0 rgba(255,255,255,.09) !important;}
:root[data-vm-tile-style="premium-navy"], :root[data-vm-tile-style="deep-black"], :root[data-vm-tile-style="blue-orange-mix"], :root[data-vm-tile-style="dark-glass"], :root[data-vm-tile-style="midnight-blue"], :root[data-vm-tile-style="carbon-night"], :root[data-vm-tile-style="violet-navy"], :root[data-vm-tile-style="ocean-dark"], :root[data-vm-tile-style="smoke-orange"], :root[data-vm-tile-style="ocean-crystal"], :root[data-vm-tile-style="neon-blue-orange"], :root[data-vm-tile-style="aqua-orange-lux"], :root[data-vm-tile-style="orange-blue-smoke"]{--vm-subpage-surface-bg:radial-gradient(circle at 16% 12%,var(--vm-v851-accent),transparent 38%),radial-gradient(circle at 86% 8%,var(--vm-v851-glow),transparent 42%),linear-gradient(135deg,var(--vm-v851-bg-a),var(--vm-v851-bg-b));--vm-subpage-surface-border:var(--vm-v851-border);--vm-subpage-surface-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-v851-glow),inset 0 1px 0 rgba(255,255,255,.09);--vm-surface-bg-1:var(--vm-v851-bg-a);--vm-surface-bg-2:var(--vm-v851-bg-b);--vm-surface-border:var(--vm-v851-border);--vm-surface-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-v851-glow),inset 0 1px 0 rgba(255,255,255,.09);}
:root[data-vm-bg-style="premium-navy"] body::before, :root[data-vm-bg-style="deep-black"] body::before, :root[data-vm-bg-style="blue-orange-mix"] body::before, :root[data-vm-bg-style="dark-glass"] body::before, :root[data-vm-bg-style="midnight-blue"] body::before, :root[data-vm-bg-style="carbon-night"] body::before, :root[data-vm-bg-style="violet-navy"] body::before, :root[data-vm-bg-style="ocean-dark"] body::before, :root[data-vm-bg-style="smoke-orange"] body::before, :root[data-vm-bg-style="ocean-crystal"] body::before, :root[data-vm-bg-style="neon-blue-orange"] body::before, :root[data-vm-bg-style="aqua-orange-lux"] body::before, :root[data-vm-bg-style="orange-blue-smoke"] body::before, :root[data-vm-bg-style="premium-navy"] .vmBgStylePreview, :root[data-vm-bg-style="deep-black"] .vmBgStylePreview, :root[data-vm-bg-style="blue-orange-mix"] .vmBgStylePreview, :root[data-vm-bg-style="dark-glass"] .vmBgStylePreview, :root[data-vm-bg-style="midnight-blue"] .vmBgStylePreview, :root[data-vm-bg-style="carbon-night"] .vmBgStylePreview, :root[data-vm-bg-style="violet-navy"] .vmBgStylePreview, :root[data-vm-bg-style="ocean-dark"] .vmBgStylePreview, :root[data-vm-bg-style="smoke-orange"] .vmBgStylePreview, :root[data-vm-bg-style="ocean-crystal"] .vmBgStylePreview, :root[data-vm-bg-style="neon-blue-orange"] .vmBgStylePreview, :root[data-vm-bg-style="aqua-orange-lux"] .vmBgStylePreview, :root[data-vm-bg-style="orange-blue-smoke"] .vmBgStylePreview{background:radial-gradient(circle at 12% 10%,var(--vm-v851-accent),transparent 34%),radial-gradient(circle at 88% 12%,var(--vm-v851-glow),transparent 42%),linear-gradient(135deg,var(--vm-v851-bg-a),rgba(3,8,18,.94) 52%,var(--vm-v851-bg-b)) !important;}
:root[data-vm-bg-custom="1"] body:not(.vmPopupPage)::before,:root[data-vm-bg-custom="1"] body:not(.vmPopupPage)::after{content:none !important;display:none !important;background:none !important;background-image:none !important;opacity:0 !important;animation:none !important;filter:none !important;}
#vmModal[data-vm-standard-popup], body.vmPopupPage, html.vmPopupPage body{--vm-popup-v851-a:var(--vm-v851-bg-a,rgba(7,18,42,.86));--vm-popup-v851-b:var(--vm-v851-bg-b,rgba(15,55,100,.46));--vm-popup-v851-border:var(--vm-v851-border,rgba(84,190,255,.24));}
html[data-vm-surface-style="premium-navy"], html[data-vm-surface-style="deep-black"], html[data-vm-surface-style="blue-orange-mix"], html[data-vm-surface-style="dark-glass"], html[data-vm-surface-style="midnight-blue"], html[data-vm-surface-style="carbon-night"], html[data-vm-surface-style="violet-navy"], html[data-vm-surface-style="ocean-dark"], html[data-vm-surface-style="smoke-orange"], html[data-vm-surface-style="ocean-crystal"], html[data-vm-surface-style="neon-blue-orange"], html[data-vm-surface-style="aqua-orange-lux"], html[data-vm-surface-style="orange-blue-smoke"]{--vm-surface-bg-1:var(--vm-v851-bg-a,rgba(8,18,38,.78));--vm-surface-bg-2:var(--vm-v851-bg-b,rgba(12,38,72,.54));--vm-surface-border:var(--vm-v851-border,rgba(84,190,255,.22));--vm-surface-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-v851-glow,rgba(47,140,255,.16)),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoBox{border:1px solid var(--vm-surface-border) !important;box-shadow:var(--vm-surface-shadow) !important;}
html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoBox{box-shadow:none !important;}
html[data-vm-surface-style] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn{background:linear-gradient(135deg,var(--vm-surface-bg-1),var(--vm-surface-bg-2)),var(--vm-surface-custom-url,none) center/cover no-repeat !important;border-color:var(--vm-surface-border) !important;box-shadow:var(--vm-surface-shadow),inset 0 0 0 1px var(--vm-surface-border) !important;border-radius:30px !important;filter:brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) !important;}
html[data-vm-surface-glow="off"] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn{box-shadow:inset 0 0 0 1px var(--vm-surface-border) !important;}
:root[data-vm-bg-style="premium-navy"] body, :root[data-vm-bg-style="deep-black"] body, :root[data-vm-bg-style="blue-orange-mix"] body, :root[data-vm-bg-style="dark-glass"] body, :root[data-vm-bg-style="midnight-blue"] body, :root[data-vm-bg-style="carbon-night"] body, :root[data-vm-bg-style="violet-navy"] body, :root[data-vm-bg-style="ocean-dark"] body, :root[data-vm-bg-style="smoke-orange"] body, :root[data-vm-bg-style="ocean-crystal"] body, :root[data-vm-bg-style="neon-blue-orange"] body, :root[data-vm-bg-style="aqua-orange-lux"] body, :root[data-vm-bg-style="orange-blue-smoke"] body{background:radial-gradient(circle at 10% 8%,var(--vm-v851-accent),transparent 34%),radial-gradient(circle at 86% 12%,var(--vm-v851-glow),transparent 42%),radial-gradient(circle at 52% 88%,color-mix(in srgb,var(--vm-v851-border) 48%,transparent),transparent 40%),linear-gradient(135deg,var(--vm-v851-bg-a),rgba(3,8,18,.96) 52%,var(--vm-v851-bg-b)) !important;}
:root[data-vm-bg-style="ocean-azure-motion"]{--vm-v851-bg-a:rgba(0,28,52,.94);--vm-v851-bg-b:rgba(0,128,190,.34);--vm-v851-border:rgba(95,235,255,.30);--vm-v851-glow:rgba(0,190,255,.24);--vm-v851-accent:rgba(25,255,210,.18);}
:root[data-vm-bg-style="blue-orange-flow"]{--vm-v851-bg-a:rgba(4,18,48,.94);--vm-v851-bg-b:rgba(255,112,22,.25);--vm-v851-border:rgba(255,140,45,.30);--vm-v851-glow:rgba(45,145,255,.25);--vm-v851-accent:rgba(255,130,24,.24);}
:root[data-vm-bg-style="aqua-deep-glow"]{--vm-v851-bg-a:rgba(0,20,42,.95);--vm-v851-bg-b:rgba(0,88,120,.34);--vm-v851-border:rgba(70,255,230,.26);--vm-v851-glow:rgba(0,220,255,.22);--vm-v851-accent:rgba(70,245,197,.18);}
:root[data-vm-bg-style="sunset-ocean"]{--vm-v851-bg-a:rgba(5,18,44,.95);--vm-v851-bg-b:rgba(255,106,24,.24);--vm-v851-border:rgba(255,160,80,.28);--vm-v851-glow:rgba(45,145,255,.22);--vm-v851-accent:rgba(255,90,160,.16);}
:root[data-vm-bg-style="crystal-blue"]{--vm-v851-bg-a:rgba(2,24,55,.94);--vm-v851-bg-b:rgba(75,190,255,.26);--vm-v851-border:rgba(165,245,255,.28);--vm-v851-glow:rgba(70,190,255,.24);--vm-v851-accent:rgba(255,255,255,.12);}
:root[data-vm-bg-style="ocean-azure-motion"] body, :root[data-vm-bg-style="blue-orange-flow"] body, :root[data-vm-bg-style="aqua-deep-glow"] body, :root[data-vm-bg-style="sunset-ocean"] body, :root[data-vm-bg-style="crystal-blue"] body{background:radial-gradient(ellipse at 14% 12%,var(--vm-v851-accent),transparent 38%),radial-gradient(ellipse at 86% 10%,var(--vm-v851-glow),transparent 43%),radial-gradient(ellipse at 46% 92%,color-mix(in srgb,var(--vm-v851-border) 52%,transparent),transparent 46%),linear-gradient(145deg,var(--vm-v851-bg-a),rgba(3,8,18,.96) 52%,var(--vm-v851-bg-b)) !important;}
.vmBgStylePreview{min-height:300px !important;padding:18px !important;align-items:end !important;background:radial-gradient(circle at 12% 10%,rgba(255,122,24,.25),transparent 34%),radial-gradient(circle at 88% 12%,rgba(47,140,255,.28),transparent 42%),linear-gradient(135deg,#050816,#081329 52%,#050816) !important;}
.vmBgStylePreview[data-vm-bg-style="premium-navy"], .vmBgStylePreview[data-vm-bg-style="deep-black"], .vmBgStylePreview[data-vm-bg-style="blue-orange-mix"], .vmBgStylePreview[data-vm-bg-style="dark-glass"], .vmBgStylePreview[data-vm-bg-style="midnight-blue"], .vmBgStylePreview[data-vm-bg-style="carbon-night"], .vmBgStylePreview[data-vm-bg-style="violet-navy"], .vmBgStylePreview[data-vm-bg-style="ocean-dark"], .vmBgStylePreview[data-vm-bg-style="smoke-orange"], .vmBgStylePreview[data-vm-bg-style="ocean-crystal"], .vmBgStylePreview[data-vm-bg-style="neon-blue-orange"], .vmBgStylePreview[data-vm-bg-style="aqua-orange-lux"], .vmBgStylePreview[data-vm-bg-style="orange-blue-smoke"], .vmBgStylePreview[data-vm-bg-style="ocean-azure-motion"], .vmBgStylePreview[data-vm-bg-style="blue-orange-flow"], .vmBgStylePreview[data-vm-bg-style="aqua-deep-glow"], .vmBgStylePreview[data-vm-bg-style="sunset-ocean"], .vmBgStylePreview[data-vm-bg-style="crystal-blue"]{background:radial-gradient(ellipse at 12% 10%,var(--vm-v851-accent),transparent 38%),radial-gradient(ellipse at 88% 12%,var(--vm-v851-glow),transparent 44%),radial-gradient(ellipse at 50% 94%,color-mix(in srgb,var(--vm-v851-border) 48%,transparent),transparent 46%),linear-gradient(145deg,var(--vm-v851-bg-a),rgba(3,8,18,.96) 52%,var(--vm-v851-bg-b)) !important;}
.vmBgStylePreview .card{min-height:94px !important;background:rgba(5,10,24,.34) !important;border-color:rgba(255,255,255,.16) !important;box-shadow:0 18px 46px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.08) !important;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);}
.vmBgStylePreview:after{opacity:calc(var(--vmBgOpacity,.72) * .72) !important;}
.vmBgStylePreview[data-vm-bg-animate="0"]:after{animation:none !important;}
:root{--vm-bg-a:rgba(3,8,18,.96);--vm-bg-b:rgba(8,18,38,.92);--vm-bg-border:rgba(84,190,255,.18);--vm-bg-glow:rgba(47,140,255,.14);--vm-bg-accent:rgba(255,130,24,.10);}
:root[data-vm-bg-style="premium-navy"], .vmBgStylePreview[data-vm-bg-style="premium-navy"]{--vm-bg-a:rgba(4,12,32,.98);--vm-bg-b:rgba(10,38,74,.72);--vm-bg-border:rgba(84,190,255,.24);--vm-bg-glow:rgba(47,140,255,.18);--vm-bg-accent:rgba(255,130,24,.12);}
:root[data-vm-bg-style="deep-black"], .vmBgStylePreview[data-vm-bg-style="deep-black"]{--vm-bg-a:rgba(1,3,8,.98);--vm-bg-b:rgba(18,22,30,.72);--vm-bg-border:rgba(255,255,255,.12);--vm-bg-glow:rgba(255,255,255,.08);--vm-bg-accent:rgba(80,130,255,.08);}
:root[data-vm-bg-style="blue-orange-mix"], .vmBgStylePreview[data-vm-bg-style="blue-orange-mix"]{--vm-bg-a:rgba(3,14,38,.98);--vm-bg-b:rgba(255,105,0,.24);--vm-bg-border:rgba(255,145,55,.28);--vm-bg-glow:rgba(47,140,255,.20);--vm-bg-accent:rgba(255,130,24,.22);}
:root[data-vm-bg-style="dark-glass"], .vmBgStylePreview[data-vm-bg-style="dark-glass"]{--vm-bg-a:rgba(6,10,20,.96);--vm-bg-b:rgba(38,50,74,.58);--vm-bg-border:rgba(255,255,255,.16);--vm-bg-glow:rgba(255,255,255,.09);--vm-bg-accent:rgba(80,180,255,.10);}
:root[data-vm-bg-style="midnight-blue"], .vmBgStylePreview[data-vm-bg-style="midnight-blue"]{--vm-bg-a:rgba(1,8,28,.98);--vm-bg-b:rgba(14,54,108,.66);--vm-bg-border:rgba(56,165,255,.25);--vm-bg-glow:rgba(47,140,255,.20);--vm-bg-accent:rgba(30,210,255,.10);}
:root[data-vm-bg-style="carbon-night"], .vmBgStylePreview[data-vm-bg-style="carbon-night"]{--vm-bg-a:rgba(5,7,11,.98);--vm-bg-b:rgba(34,38,46,.68);--vm-bg-border:rgba(140,150,170,.16);--vm-bg-glow:rgba(0,0,0,.22);--vm-bg-accent:rgba(255,255,255,.06);}
:root[data-vm-bg-style="violet-navy"], .vmBgStylePreview[data-vm-bg-style="violet-navy"]{--vm-bg-a:rgba(6,9,35,.98);--vm-bg-b:rgba(88,38,132,.52);--vm-bg-border:rgba(178,120,255,.22);--vm-bg-glow:rgba(150,80,255,.18);--vm-bg-accent:rgba(40,180,255,.11);}
:root[data-vm-bg-style="ocean-dark"], .vmBgStylePreview[data-vm-bg-style="ocean-dark"]{--vm-bg-a:rgba(0,20,38,.98);--vm-bg-b:rgba(0,105,135,.42);--vm-bg-border:rgba(70,220,255,.24);--vm-bg-glow:rgba(0,180,255,.18);--vm-bg-accent:rgba(0,245,200,.12);}
:root[data-vm-bg-style="smoke-orange"], .vmBgStylePreview[data-vm-bg-style="smoke-orange"]{--vm-bg-a:rgba(16,10,8,.98);--vm-bg-b:rgba(210,92,20,.28);--vm-bg-border:rgba(255,148,70,.24);--vm-bg-glow:rgba(255,118,30,.18);--vm-bg-accent:rgba(45,145,255,.10);}
:root[data-vm-bg-style="ocean-crystal"], .vmBgStylePreview[data-vm-bg-style="ocean-crystal"]{--vm-bg-a:rgba(0,34,62,.98);--vm-bg-b:rgba(40,185,255,.30);--vm-bg-border:rgba(120,235,255,.28);--vm-bg-glow:rgba(70,210,255,.22);--vm-bg-accent:rgba(255,255,255,.11);}
:root[data-vm-bg-style="neon-blue-orange"], .vmBgStylePreview[data-vm-bg-style="neon-blue-orange"]{--vm-bg-a:rgba(3,12,38,.98);--vm-bg-b:rgba(255,116,20,.24);--vm-bg-border:rgba(255,132,35,.28);--vm-bg-glow:rgba(47,140,255,.22);--vm-bg-accent:rgba(255,120,20,.22);}
:root[data-vm-bg-style="aqua-orange-lux"], .vmBgStylePreview[data-vm-bg-style="aqua-orange-lux"]{--vm-bg-a:rgba(0,26,50,.98);--vm-bg-b:rgba(255,136,38,.24);--vm-bg-border:rgba(85,220,255,.26);--vm-bg-glow:rgba(255,130,24,.18);--vm-bg-accent:rgba(0,220,255,.16);}
:root[data-vm-bg-style="orange-blue-smoke"], .vmBgStylePreview[data-vm-bg-style="orange-blue-smoke"]{--vm-bg-a:rgba(9,14,30,.98);--vm-bg-b:rgba(255,115,35,.22);--vm-bg-border:rgba(255,150,75,.24);--vm-bg-glow:rgba(50,130,255,.17);--vm-bg-accent:rgba(255,115,35,.18);}
:root[data-vm-bg-style="ocean-azure-motion"], .vmBgStylePreview[data-vm-bg-style="ocean-azure-motion"]{--vm-bg-a:rgba(0,28,52,.98);--vm-bg-b:rgba(0,128,190,.40);--vm-bg-border:rgba(95,235,255,.28);--vm-bg-glow:rgba(0,190,255,.24);--vm-bg-accent:rgba(25,255,210,.17);}
:root[data-vm-bg-style="blue-orange-flow"], .vmBgStylePreview[data-vm-bg-style="blue-orange-flow"]{--vm-bg-a:rgba(4,18,48,.98);--vm-bg-b:rgba(255,112,22,.30);--vm-bg-border:rgba(255,140,45,.28);--vm-bg-glow:rgba(45,145,255,.24);--vm-bg-accent:rgba(255,130,24,.23);}
:root[data-vm-bg-style="aqua-deep-glow"], .vmBgStylePreview[data-vm-bg-style="aqua-deep-glow"]{--vm-bg-a:rgba(0,20,42,.98);--vm-bg-b:rgba(0,88,120,.42);--vm-bg-border:rgba(70,255,230,.24);--vm-bg-glow:rgba(0,220,255,.22);--vm-bg-accent:rgba(70,245,197,.17);}
:root[data-vm-bg-style="sunset-ocean"], .vmBgStylePreview[data-vm-bg-style="sunset-ocean"]{--vm-bg-a:rgba(5,18,44,.98);--vm-bg-b:rgba(255,106,24,.30);--vm-bg-border:rgba(255,160,80,.26);--vm-bg-glow:rgba(45,145,255,.22);--vm-bg-accent:rgba(255,90,160,.16);}
:root[data-vm-bg-style="crystal-blue"], .vmBgStylePreview[data-vm-bg-style="crystal-blue"]{--vm-bg-a:rgba(2,24,55,.98);--vm-bg-b:rgba(75,190,255,.32);--vm-bg-border:rgba(165,245,255,.26);--vm-bg-glow:rgba(70,190,255,.24);--vm-bg-accent:rgba(255,255,255,.11);}
:root:not([data-vm-bg-style="standard"]) body:not(.vmPopupPage){background:radial-gradient(ellipse at 12% 9%,var(--vm-bg-accent),transparent 38%),radial-gradient(ellipse at 88% 10%,var(--vm-bg-glow),transparent 44%),radial-gradient(ellipse at 50% 96%,color-mix(in srgb,var(--vm-bg-border) 50%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,18,.96) 54%,var(--vm-bg-b)) !important;}
:root:not([data-vm-bg-style="standard"]) body:not(.vmPopupPage)::before{background:radial-gradient(circle at 20% 20%,var(--vm-bg-glow),transparent 34%),radial-gradient(circle at 80% 18%,var(--vm-bg-accent),transparent 38%) !important;}
.vmBgStylePreview{overflow:hidden !important;min-height:330px !important;background:radial-gradient(ellipse at 12% 9%,var(--vm-bg-accent),transparent 38%),radial-gradient(ellipse at 88% 10%,var(--vm-bg-glow),transparent 44%),radial-gradient(ellipse at 50% 96%,color-mix(in srgb,var(--vm-bg-border) 50%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,18,.96) 54%,var(--vm-bg-b)) !important;}
.vmBgStylePreview .card{opacity:.46 !important;}
:root[data-vm-tile-style="premium-navy"]{--vm-tile-a:rgba(7,18,42,.86);--vm-tile-b:rgba(15,55,100,.46);--vm-tile-border:rgba(84,190,255,.24);--vm-tile-glow:rgba(47,140,255,.16);--vm-tile-accent:rgba(255,130,24,.16);}
:root[data-vm-tile-style="deep-black"]{--vm-tile-a:rgba(3,5,10,.90);--vm-tile-b:rgba(18,22,30,.54);--vm-tile-border:rgba(255,255,255,.15);--vm-tile-glow:rgba(255,255,255,.08);--vm-tile-accent:rgba(90,140,255,.10);}
:root[data-vm-tile-style="blue-orange-mix"]{--vm-tile-a:rgba(5,24,58,.86);--vm-tile-b:rgba(255,105,0,.20);--vm-tile-border:rgba(255,145,55,.30);--vm-tile-glow:rgba(47,140,255,.17);--vm-tile-accent:rgba(255,130,24,.24);}
:root[data-vm-tile-style="dark-glass"]{--vm-tile-a:rgba(8,14,26,.68);--vm-tile-b:rgba(35,50,75,.42);--vm-tile-border:rgba(255,255,255,.20);--vm-tile-glow:rgba(255,255,255,.10);--vm-tile-accent:rgba(80,180,255,.12);}
:root[data-vm-tile-style="midnight-blue"]{--vm-tile-a:rgba(2,12,34,.90);--vm-tile-b:rgba(18,60,112,.52);--vm-tile-border:rgba(56,165,255,.25);--vm-tile-glow:rgba(47,140,255,.18);--vm-tile-accent:rgba(30,210,255,.12);}
:root[data-vm-tile-style="carbon-night"]{--vm-tile-a:rgba(7,9,13,.90);--vm-tile-b:rgba(34,38,46,.52);--vm-tile-border:rgba(140,150,170,.18);--vm-tile-glow:rgba(0,0,0,.22);--vm-tile-accent:rgba(255,255,255,.08);}
:root[data-vm-tile-style="violet-navy"]{--vm-tile-a:rgba(9,12,44,.88);--vm-tile-b:rgba(90,43,140,.42);--vm-tile-border:rgba(178,120,255,.24);--vm-tile-glow:rgba(150,80,255,.17);--vm-tile-accent:rgba(40,180,255,.12);}
:root[data-vm-tile-style="ocean-dark"]{--vm-tile-a:rgba(1,25,42,.88);--vm-tile-b:rgba(0,105,135,.34);--vm-tile-border:rgba(70,220,255,.25);--vm-tile-glow:rgba(0,180,255,.17);--vm-tile-accent:rgba(0,245,200,.13);}
:root[data-vm-tile-style="smoke-orange"]{--vm-tile-a:rgba(18,13,10,.88);--vm-tile-b:rgba(210,92,20,.24);--vm-tile-border:rgba(255,148,70,.26);--vm-tile-glow:rgba(255,118,30,.17);--vm-tile-accent:rgba(45,145,255,.11);}
:root[data-vm-tile-style="ocean-crystal"]{--vm-tile-a:rgba(0,44,72,.82);--vm-tile-b:rgba(40,185,255,.24);--vm-tile-border:rgba(120,235,255,.30);--vm-tile-glow:rgba(70,210,255,.20);--vm-tile-accent:rgba(255,255,255,.12);}
:root[data-vm-tile-style="neon-blue-orange"]{--vm-tile-a:rgba(4,17,45,.88);--vm-tile-b:rgba(255,116,20,.18);--vm-tile-border:rgba(255,132,35,.30);--vm-tile-glow:rgba(47,140,255,.20);--vm-tile-accent:rgba(255,120,20,.24);}
:root[data-vm-tile-style="aqua-orange-lux"]{--vm-tile-a:rgba(2,35,62,.84);--vm-tile-b:rgba(255,136,38,.20);--vm-tile-border:rgba(85,220,255,.28);--vm-tile-glow:rgba(255,130,24,.16);--vm-tile-accent:rgba(0,220,255,.16);}
:root[data-vm-tile-style="orange-blue-smoke"]{--vm-tile-a:rgba(10,18,36,.86);--vm-tile-b:rgba(255,115,35,.18);--vm-tile-border:rgba(255,150,75,.24);--vm-tile-glow:rgba(50,130,255,.14);--vm-tile-accent:rgba(255,115,35,.18);}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]){--vm-subpage-surface-bg:radial-gradient(circle at 16% 12%,var(--vm-tile-accent),transparent 38%),radial-gradient(circle at 86% 8%,var(--vm-tile-glow),transparent 42%),linear-gradient(135deg,var(--vm-tile-a),var(--vm-tile-b));--vm-subpage-surface-border:var(--vm-tile-border);--vm-subpage-surface-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-tile-glow),inset 0 1px 0 rgba(255,255,255,.09);--vm-surface-bg-1:var(--vm-tile-a);--vm-surface-bg-2:var(--vm-tile-b);--vm-surface-border:var(--vm-tile-border);--vm-surface-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-tile-glow),inset 0 1px 0 rgba(255,255,255,.09);}
:root[data-vm-bg-style="aurora-premium"], .vmBgStylePreview[data-vm-bg-style="aurora-premium"]{--vm-bg-a:rgba(2,9,28,.99);--vm-bg-b:rgba(24,72,132,.44);--vm-bg-border:rgba(118,220,255,.32);--vm-bg-glow:rgba(52,168,255,.30);--vm-bg-accent:rgba(255,126,34,.24);}
:root[data-vm-bg-style="neon-ocean-depth"], .vmBgStylePreview[data-vm-bg-style="neon-ocean-depth"]{--vm-bg-a:rgba(0,13,28,.99);--vm-bg-b:rgba(0,120,155,.46);--vm-bg-border:rgba(62,255,224,.34);--vm-bg-glow:rgba(0,215,255,.32);--vm-bg-accent:rgba(75,255,190,.22);}
:root[data-vm-bg-style="blue-orange-horizon"], .vmBgStylePreview[data-vm-bg-style="blue-orange-horizon"]{--vm-bg-a:rgba(2,10,30,.99);--vm-bg-b:rgba(255,112,24,.34);--vm-bg-border:rgba(255,150,70,.34);--vm-bg-glow:rgba(45,145,255,.33);--vm-bg-accent:rgba(255,128,28,.28);}
:root[data-vm-bg-style="star-night-soft"], .vmBgStylePreview[data-vm-bg-style="star-night-soft"]{--vm-bg-a:rgba(1,4,16,.99);--vm-bg-b:rgba(9,26,62,.62);--vm-bg-border:rgba(165,210,255,.28);--vm-bg-glow:rgba(65,135,255,.24);--vm-bg-accent:rgba(255,255,255,.13);}
:root[data-vm-bg-style="cosmic-dust-motion"], .vmBgStylePreview[data-vm-bg-style="cosmic-dust-motion"]{--vm-bg-a:rgba(4,3,18,.99);--vm-bg-b:rgba(68,32,118,.52);--vm-bg-border:rgba(190,120,255,.30);--vm-bg-glow:rgba(138,70,255,.30);--vm-bg-accent:rgba(255,105,190,.20);}
:root[data-vm-bg-style="ocean-particles-motion"], .vmBgStylePreview[data-vm-bg-style="ocean-particles-motion"]{--vm-bg-a:rgba(0,16,34,.99);--vm-bg-b:rgba(0,92,138,.48);--vm-bg-border:rgba(75,235,255,.32);--vm-bg-glow:rgba(0,185,255,.30);--vm-bg-accent:rgba(40,255,210,.20);}
:root[data-vm-bg-style="aurora-premium"] body:not(.vmPopupPage), :root[data-vm-bg-style="neon-ocean-depth"] body:not(.vmPopupPage), :root[data-vm-bg-style="blue-orange-horizon"] body:not(.vmPopupPage), :root[data-vm-bg-style="star-night-soft"] body:not(.vmPopupPage), :root[data-vm-bg-style="cosmic-dust-motion"] body:not(.vmPopupPage), :root[data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-style="aurora-premium"], .vmBgStylePreview[data-vm-bg-style="neon-ocean-depth"], .vmBgStylePreview[data-vm-bg-style="blue-orange-horizon"], .vmBgStylePreview[data-vm-bg-style="star-night-soft"], .vmBgStylePreview[data-vm-bg-style="cosmic-dust-motion"], .vmBgStylePreview[data-vm-bg-style="ocean-particles-motion"]{background:radial-gradient(ellipse at 12% 10%,var(--vm-bg-accent),transparent 34%),radial-gradient(ellipse at 86% 10%,var(--vm-bg-glow),transparent 42%),radial-gradient(ellipse at 42% 96%,color-mix(in srgb,var(--vm-bg-border) 54%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,20,.96) 48%,var(--vm-bg-b)) !important;}
:root[data-vm-bg-style="blue-orange-horizon"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-style="blue-orange-horizon"]{background:radial-gradient(ellipse at 10% 14%,rgba(255,130,24,.30),transparent 34%),radial-gradient(ellipse at 90% 12%,rgba(45,145,255,.34),transparent 42%),linear-gradient(100deg,rgba(255,120,20,.18),transparent 35%,rgba(35,125,255,.20) 72%,transparent),linear-gradient(145deg,var(--vm-bg-a),rgba(4,12,30,.97) 50%,var(--vm-bg-b)) !important;}
:root[data-vm-bg-style="star-night-soft"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-style="star-night-soft"]{background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.32) 0 1px,transparent 2px),radial-gradient(circle at 72% 18%,rgba(255,255,255,.24) 0 1px,transparent 2px),radial-gradient(circle at 86% 62%,rgba(255,255,255,.18) 0 1px,transparent 2px),radial-gradient(circle at 28% 72%,rgba(255,255,255,.16) 0 1px,transparent 2px),radial-gradient(ellipse at 86% 10%,var(--vm-bg-glow),transparent 42%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,20,.98) 48%,var(--vm-bg-b)) !important;}
@keyframes vmBg856Float { 0% { transform: translate3d(0,0,0) rotate(0deg); opacity: .58; } 50% { transform: translate3d(2.2%, -1.6%, 0) rotate(9deg); opacity: .82; } 100% { transform: translate3d(0,0,0) rotate(0deg); opacity: .58; } }
@keyframes vmBg856Stars { 0%, 100% { opacity: .34; transform: translate3d(0,0,0); } 50% { opacity: .64; transform: translate3d(0, -10px, 0); } }
:root[data-vm-bg-style="cosmic-dust-motion"] body:not(.vmPopupPage)::before, :root[data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage)::before{background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.30) 0 1px,transparent 2px),radial-gradient(circle at 28% 72%,rgba(255,255,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 58% 32%,rgba(255,255,255,.20) 0 1px,transparent 2px),radial-gradient(circle at 82% 64%,rgba(255,255,255,.24) 0 1px,transparent 2px),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) !important;background-size:260px 260px,310px 310px,220px 220px,360px 360px,90px 90px,90px 90px !important;animation:vmBg856Stars 18s ease-in-out infinite !important;}
:root[data-vm-bg-style="cosmic-dust-motion"] body:not(.vmPopupPage)::after, :root[data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage)::after{background:conic-gradient(from 180deg,rgba(255,105,190,.16),rgba(72,140,255,.24),rgba(40,255,210,.12),rgba(255,135,32,.14),rgba(255,105,190,.16)) !important;animation:vmBg856Float 34s ease-in-out infinite !important;opacity:calc(var(--vmBgOpacity,.72) * .72) !important;}
:root[data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage)::after{background:conic-gradient(from 90deg,rgba(20,255,210,.15),rgba(0,180,255,.28),rgba(60,120,255,.16),rgba(0,255,210,.12),rgba(20,255,210,.15)) !important;}
:root[data-vm-bg-animate="0"][data-vm-bg-style="cosmic-dust-motion"] body:not(.vmPopupPage)::before, :root[data-vm-bg-animate="0"][data-vm-bg-style="cosmic-dust-motion"] body:not(.vmPopupPage)::after, :root[data-vm-bg-animate="0"][data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage)::before, :root[data-vm-bg-animate="0"][data-vm-bg-style="ocean-particles-motion"] body:not(.vmPopupPage)::after{animation:none !important;}
.vmBgStylePreview[data-vm-bg-style="cosmic-dust-motion"]::after, .vmBgStylePreview[data-vm-bg-style="ocean-particles-motion"]::after{opacity:.46 !important;animation:vmBg856Float 34s ease-in-out infinite !important;}
.vmBgStylePreview[data-vm-bg-animate="0"][data-vm-bg-style="cosmic-dust-motion"]::after, .vmBgStylePreview[data-vm-bg-animate="0"][data-vm-bg-style="ocean-particles-motion"]::after{animation:none !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:var(--vm-subpage-surface-bg) !important;border-color:var(--vm-subpage-surface-border) !important;box-shadow:var(--vm-subpage-surface-shadow) !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox::before, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow::before{background:radial-gradient(circle at 18% 14%,var(--vm-tile-accent,rgba(255,130,24,.14)),transparent 40%),radial-gradient(circle at 86% 10%,var(--vm-tile-glow,rgba(47,140,255,.14)),transparent 44%) !important;border-color:transparent !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox::after, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow::after{border-color:var(--vm-subpage-surface-border) !important;}
:root[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, :root[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, :root[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07) !important;}
:root[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, :root[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, :root[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{box-shadow:0 28px 90px rgba(0,120,255,.20),0 18px 70px rgba(255,106,0,.12),inset 0 1px 0 rgba(255,255,255,.10) !important;}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard{background:var(--vm-subpage-surface-bg,linear-gradient(135deg,var(--vm-tile-a,rgba(8,18,38,.82)),var(--vm-tile-b,rgba(12,38,72,.50)))) !important;border-color:var(--vm-subpage-surface-border,var(--vm-tile-border,rgba(84,190,255,.24))) !important;box-shadow:var(--vm-subpage-surface-shadow,0 24px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.08)) !important;}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmScheduleCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:var(--vm-subpage-surface-bg,linear-gradient(135deg,var(--vm-tile-a,rgba(8,18,38,.82)),var(--vm-tile-b,rgba(12,38,72,.50)))) !important;border-color:var(--vm-subpage-surface-border,var(--vm-tile-border,rgba(84,190,255,.24))) !important;box-shadow:var(--vm-subpage-surface-shadow,0 18px 52px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)) !important;}
html[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-intensity="soft"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-intensity="soft"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-intensity="soft"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{box-shadow:0 14px 42px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.07) !important;}
html[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-intensity="strong"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-intensity="strong"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-intensity="strong"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{box-shadow:0 28px 90px rgba(0,120,255,.20),0 18px 70px rgba(255,106,0,.12),inset 0 1px 0 rgba(255,255,255,.10) !important;}
body.scheduleBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup, body.chartPremiumBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup, body.teamPremiumBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup{position:fixed !important;inset:0 !important;z-index:99990 !important;display:none !important;align-items:center !important;justify-content:center !important;}
body.scheduleBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup.open, body.chartPremiumBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup.open, body.teamPremiumBody:not(.vmPopupPage) #vmModal.vmGreetingsPagePopup.open{display:flex !important;}
html{--vm-page-header-bg:radial-gradient(circle at 16% 18%,rgba(255,122,24,.16),transparent 34%),radial-gradient(circle at 84% 12%,rgba(47,140,255,.22),transparent 40%),linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.055));--vm-page-header-border:rgba(255,255,255,.14);--vm-page-header-shadow:var(--shadow,0 24px 76px rgba(0,0,0,.34));}
html[data-vm-header-style="premium-navy"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,130,24,.16),transparent 38%),radial-gradient(circle at 86% 8%,rgba(47,140,255,.16),transparent 42%),linear-gradient(135deg,rgba(7,18,42,.86),rgba(15,55,100,.46));--vm-page-header-border:rgba(84,190,255,.24);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(47,140,255,.16),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="deep-black"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(90,140,255,.10),transparent 38%),radial-gradient(circle at 86% 8%,rgba(255,255,255,.08),transparent 42%),linear-gradient(135deg,rgba(3,5,10,.90),rgba(18,22,30,.54));--vm-page-header-border:rgba(255,255,255,.15);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.08);}
html[data-vm-header-style="blue-orange-mix"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,130,24,.24),transparent 38%),radial-gradient(circle at 86% 8%,rgba(47,140,255,.17),transparent 42%),linear-gradient(135deg,rgba(5,24,58,.86),rgba(255,105,0,.20));--vm-page-header-border:rgba(255,145,55,.30);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(47,140,255,.17),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="dark-glass"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(80,180,255,.12),transparent 38%),radial-gradient(circle at 86% 8%,rgba(255,255,255,.10),transparent 42%),linear-gradient(135deg,rgba(8,14,26,.68),rgba(35,50,75,.42));--vm-page-header-border:rgba(255,255,255,.20);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.32),0 0 60px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.10);}
html[data-vm-header-style="midnight-blue"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(30,210,255,.12),transparent 38%),radial-gradient(circle at 86% 8%,rgba(47,140,255,.18),transparent 42%),linear-gradient(135deg,rgba(2,12,34,.90),rgba(18,60,112,.52));--vm-page-header-border:rgba(56,165,255,.25);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(47,140,255,.18),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="carbon-night"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,130,24,.10),transparent 38%),radial-gradient(circle at 86% 8%,rgba(130,150,190,.10),transparent 42%),linear-gradient(135deg,rgba(7,9,13,.90),rgba(34,38,46,.52));--vm-page-header-border:rgba(140,150,170,.18);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07);}
html[data-vm-header-style="violet-navy"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,90,210,.16),transparent 38%),radial-gradient(circle at 86% 8%,rgba(90,150,255,.16),transparent 42%),linear-gradient(135deg,rgba(18,11,45,.88),rgba(23,56,105,.46));--vm-page-header-border:rgba(175,125,255,.24);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.36),0 0 70px rgba(120,90,255,.14),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="ocean-dark"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(33,255,210,.14),transparent 38%),radial-gradient(circle at 86% 8%,rgba(0,150,255,.18),transparent 42%),linear-gradient(135deg,rgba(2,30,52,.90),rgba(0,88,130,.42));--vm-page-header-border:rgba(68,220,255,.24);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(0,190,255,.15),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="smoke-orange"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,126,24,.22),transparent 38%),radial-gradient(circle at 86% 8%,rgba(95,130,180,.12),transparent 42%),linear-gradient(135deg,rgba(34,22,18,.88),rgba(47,54,72,.48));--vm-page-header-border:rgba(255,150,70,.24);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.38),0 0 70px rgba(255,120,35,.12),inset 0 1px 0 rgba(255,255,255,.08);}
html[data-vm-header-style="ocean-crystal"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(50,255,220,.18),transparent 38%),radial-gradient(circle at 86% 8%,rgba(80,170,255,.20),transparent 42%),linear-gradient(135deg,rgba(6,35,64,.84),rgba(12,84,130,.46));--vm-page-header-border:rgba(105,230,255,.28);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.32),0 0 70px rgba(52,210,255,.16),inset 0 1px 0 rgba(255,255,255,.10);}
html[data-vm-header-style="neon-blue-orange"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,105,24,.24),transparent 38%),radial-gradient(circle at 86% 8%,rgba(0,190,255,.22),transparent 42%),linear-gradient(135deg,rgba(4,18,48,.88),rgba(22,52,96,.44));--vm-page-header-border:rgba(255,140,55,.30);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 72px rgba(0,170,255,.18),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="aqua-orange-lux"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,150,45,.22),transparent 38%),radial-gradient(circle at 86% 8%,rgba(52,245,197,.20),transparent 42%),linear-gradient(135deg,rgba(4,28,52,.86),rgba(18,72,92,.42));--vm-page-header-border:rgba(95,225,235,.27);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(52,245,197,.15),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="orange-blue-smoke"]{--vm-page-header-bg:radial-gradient(circle at 16% 12%,rgba(255,122,24,.24),transparent 38%),radial-gradient(circle at 86% 8%,rgba(47,140,255,.18),transparent 42%),linear-gradient(135deg,rgba(38,27,25,.86),rgba(18,48,84,.48));--vm-page-header-border:rgba(255,150,70,.26);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.36),0 0 70px rgba(47,140,255,.13),inset 0 1px 0 rgba(255,255,255,.09);}
html[data-vm-header-style="glass-premium"], html[data-vm-header-style="dynamic-gradient"], html[data-vm-header-style="fire-ice"]{--vm-page-header-bg:radial-gradient(circle at 14% 14%,rgba(255,130,24,.18),transparent 38%),radial-gradient(circle at 86% 10%,rgba(47,140,255,.20),transparent 42%),linear-gradient(135deg,rgba(15,24,48,.76),rgba(32,58,94,.44));--vm-page-header-border:rgba(255,255,255,.22);--vm-page-header-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px rgba(47,140,255,.15),inset 0 1px 0 rgba(255,255,255,.10);}
body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:var(--vm-page-header-bg) !important;border-color:var(--vm-page-header-border) !important;box-shadow:var(--vm-page-header-shadow) !important;}
html[data-vm-header-style="standard"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, html[data-vm-header-style="standard"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, html[data-vm-header-style="standard"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055)) !important;border-color:var(--line) !important;box-shadow:var(--shadow) !important;}
html[data-vm-header-style="standard"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card::before, html[data-vm-header-style="standard"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card::before, html[data-vm-header-style="standard"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card::before{background:linear-gradient(120deg,rgba(255,122,24,0.18),rgba(47,140,255,0.14),rgba(255,255,255,0.045)) !important;opacity:0.9 !important;}
html:not([data-vm-surface-style]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html:not([data-vm-surface-style]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html:not([data-vm-surface-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html:not([data-vm-surface-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html:not([data-vm-surface-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html:not([data-vm-surface-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html:not([data-vm-surface-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html:not([data-vm-surface-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:radial-gradient(circle at 16% 18%,rgba(255,122,24,0.16),transparent 34%),radial-gradient(circle at 86% 10%,rgba(47,140,255,0.18),transparent 40%),linear-gradient(135deg,rgba(255,255,255,0.09),rgba(20,34,74,0.34)) !important;border-color:rgba(255,255,255,0.14) !important;box-shadow:0 24px 76px rgba(0,0,0,0.34),inset 0 1px 0 rgba(255,255,255,0.09) !important;}
html:not([data-vm-surface-style]) body.scheduleBody:not(.vmPopupPage) .vmScheduleCard, html:not([data-vm-surface-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartSong, html:not([data-vm-surface-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartTrack, html:not([data-vm-surface-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartListItem, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmScheduleCard, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartSong, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartTrack, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartListItem{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(23,42,82,.30)) !important;border-color:rgba(255,255,255,.13) !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage), html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage), html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage){isolation:auto !important;}
html[data-vm-bg-style="standard"] body.scheduleBody:not(.vmPopupPage), html[data-vm-bg-style="standard"] body.chartPremiumBody:not(.vmPopupPage), html[data-vm-bg-style="standard"] body.teamPremiumBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.scheduleBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.chartPremiumBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.teamPremiumBody:not(.vmPopupPage){background:linear-gradient(rgba(255,255,255,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.042) 1px,transparent 1px),radial-gradient(circle at 12% 10%,rgba(255,122,24,.25),transparent 32%),radial-gradient(circle at 90% 6%,rgba(47,140,255,.25),transparent 30%),radial-gradient(circle at 54% 86%,rgba(255,63,180,.16),transparent 34%),linear-gradient(145deg,#050816,#081329 45%,#050816) !important;background-size:68px 68px,68px 68px,auto,auto,auto,auto !important;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed !important;}
html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.scheduleBody:not(.vmPopupPage), html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.chartPremiumBody:not(.vmPopupPage), html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.teamPremiumBody:not(.vmPopupPage){background:radial-gradient(ellipse at 12% 9%,var(--vm-bg-accent),transparent 38%),radial-gradient(ellipse at 88% 10%,var(--vm-bg-glow),transparent 44%),radial-gradient(ellipse at 50% 96%,color-mix(in srgb,var(--vm-bg-border) 50%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,18,.96) 54%,var(--vm-bg-b)) !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::before, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::after{background:none !important;background-image:none !important;filter:none !important;transform:none !important;}
html[data-vm-bg-style="cosmic-dust-motion"] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-bg-style="cosmic-dust-motion"] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-style="cosmic-dust-motion"] body.teamPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-style="ocean-particles-motion"] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-bg-style="ocean-particles-motion"] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-style="ocean-particles-motion"] body.teamPremiumBody:not(.vmPopupPage)::before{content:"" !important;display:block !important;position:fixed !important;inset:0 !important;z-index:-2 !important;pointer-events:none !important;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.30) 0 1px,transparent 2px),radial-gradient(circle at 28% 72%,rgba(255,255,255,.22) 0 1px,transparent 2px),radial-gradient(circle at 58% 32%,rgba(255,255,255,.20) 0 1px,transparent 2px),radial-gradient(circle at 82% 64%,rgba(255,255,255,.24) 0 1px,transparent 2px),linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px) !important;background-size:260px 260px,310px 310px,220px 220px,360px 360px,90px 90px,90px 90px !important;animation:vmBg856Stars 18s ease-in-out infinite !important;}
html[data-vm-bg-style="cosmic-dust-motion"] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-bg-style="cosmic-dust-motion"] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-style="cosmic-dust-motion"] body.teamPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-style="ocean-particles-motion"] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-bg-style="ocean-particles-motion"] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-style="ocean-particles-motion"] body.teamPremiumBody:not(.vmPopupPage)::after{content:"" !important;display:block !important;position:fixed !important;inset:-35% !important;z-index:-3 !important;pointer-events:none !important;opacity:calc(var(--vmBgOpacity,.72) * .72) !important;background:conic-gradient(from 180deg,rgba(255,105,190,.16),rgba(72,140,255,.24),rgba(40,255,210,.12),rgba(255,135,32,.14),rgba(255,105,190,.16)) !important;animation:vmBg856Float 34s ease-in-out infinite !important;}
html[data-vm-bg-style="ocean-particles-motion"] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-bg-style="ocean-particles-motion"] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-style="ocean-particles-motion"] body.teamPremiumBody:not(.vmPopupPage)::after{background:conic-gradient(from 90deg,rgba(20,255,210,.15),rgba(0,180,255,.28),rgba(60,120,255,.16),rgba(0,255,210,.12),rgba(20,255,210,.15)) !important;}
html[data-vm-bg-animate="0"] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-bg-animate="0"] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-bg-animate="0"] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-animate="0"] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-animate="0"] body.teamPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-animate="0"] body.teamPremiumBody:not(.vmPopupPage)::after{animation:none !important;}
html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow, html:not([data-vm-tile-style]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html:not([data-vm-tile-style]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055)) !important;border-color:var(--line) !important;box-shadow:var(--shadow) !important;}
html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::before, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::after, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::before, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::after, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::before, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::after, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::before, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::after{content:none !important;display:none !important;background:none !important;}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:var(--vm-subpage-surface-bg) !important;border-color:var(--vm-subpage-surface-border) !important;box-shadow:var(--vm-subpage-surface-shadow) !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage):not(.vmSchedulePopupMode), html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage), html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage){isolation:auto !important;}
html[data-vm-bg-style="standard"] body.scheduleBody:not(.vmPopupPage), html[data-vm-bg-style="standard"] body.chartPremiumBody:not(.vmPopupPage), html[data-vm-bg-style="standard"] body.teamPremiumBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.scheduleBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.chartPremiumBody:not(.vmPopupPage), html:not([data-vm-bg-style]) body.teamPremiumBody:not(.vmPopupPage){background:radial-gradient(circle at 12% 10%,rgba(255,122,24,0.25),transparent 32%),radial-gradient(circle at 90% 6%,rgba(47,140,255,0.25),transparent 30%),radial-gradient(circle at 54% 86%,rgba(255,63,180,0.16),transparent 34%),linear-gradient(145deg,#050816,#081329 45%,#050816) !important;}
html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.scheduleBody:not(.vmPopupPage), html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.chartPremiumBody:not(.vmPopupPage), html[data-vm-bg-style]:not([data-vm-bg-style="standard"]) body.teamPremiumBody:not(.vmPopupPage){background:radial-gradient(ellipse at 12% 10%,var(--vm-bg-accent),transparent 34%),radial-gradient(ellipse at 86% 10%,var(--vm-bg-glow),transparent 42%),radial-gradient(ellipse at 42% 96%,color-mix(in srgb,var(--vm-bg-border) 54%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,20,.96) 48%,var(--vm-bg-b)) !important;}
html[data-vm-bg-custom="1"] body.scheduleBody:not(.vmPopupPage), html[data-vm-bg-custom="1"] body.chartPremiumBody:not(.vmPopupPage), html[data-vm-bg-custom="1"] body.teamPremiumBody:not(.vmPopupPage){background:var(--vm-bg-custom-url) center center/cover fixed no-repeat !important;}
html[data-vm-bg-style="standard"] body.scheduleBody:not(.vmPopupPage)::before, html[data-vm-bg-style="standard"] body.chartPremiumBody:not(.vmPopupPage)::before, html[data-vm-bg-style="standard"] body.teamPremiumBody:not(.vmPopupPage)::before, html:not([data-vm-bg-style]) body.scheduleBody:not(.vmPopupPage)::before, html:not([data-vm-bg-style]) body.chartPremiumBody:not(.vmPopupPage)::before, html:not([data-vm-bg-style]) body.teamPremiumBody:not(.vmPopupPage)::before{content:"" !important;display:block !important;position:fixed !important;inset:0 !important;z-index:-2 !important;pointer-events:none !important;background-image:linear-gradient(rgba(255,255,255,0.042) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.042) 1px,transparent 1px) !important;background-size:68px 68px !important;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 72%) !important;filter:none !important;transform:none !important;}
html[data-vm-bg-style="standard"] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-bg-style="standard"] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-bg-style="standard"] body.teamPremiumBody:not(.vmPopupPage)::after, html:not([data-vm-bg-style]) body.scheduleBody:not(.vmPopupPage)::after, html:not([data-vm-bg-style]) body.chartPremiumBody:not(.vmPopupPage)::after, html:not([data-vm-bg-style]) body.teamPremiumBody:not(.vmPopupPage)::after{content:"" !important;display:block !important;position:fixed !important;inset:-35% !important;z-index:-3 !important;pointer-events:none !important;background:conic-gradient(from 180deg,rgba(255,122,24,0.2),rgba(47,140,255,0.2),rgba(255,63,180,0.14),rgba(52,245,197,0.13),rgba(255,122,24,0.2)) !important;filter:blur(110px) !important;animation:spin 30s linear infinite !important;opacity:0.78 !important;}
body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, body.chartPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:var(--vm-page-header-bg,linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.055))) !important;border-color:var(--vm-page-header-border,var(--line)) !important;box-shadow:var(--vm-page-header-shadow,var(--shadow)) !important;}
html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style="standard"] body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style="standard"] body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style="standard"] body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow, html:not([data-vm-tile-style]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html:not([data-vm-tile-style]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html:not([data-vm-tile-style]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html:not([data-vm-tile-style]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html:not([data-vm-tile-style]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,255,255,0.055)) !important;background-image:linear-gradient(180deg,rgba(255,255,255,0.10),rgba(255,255,255,0.055)) !important;border-color:var(--line) !important;box-shadow:var(--shadow) !important;}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmScheduleDays, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.chartPremiumBody:not(.vmPopupPage) .vmChartRow, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamCard, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamInfoBox, html[data-vm-tile-style]:not([data-vm-tile-style="standard"]) body.teamPremiumBody:not(.vmPopupPage) .vmTeamContactRow{background:var(--vm-subpage-surface-bg) !important;background-image:var(--vm-subpage-surface-bg) !important;border-color:var(--vm-subpage-surface-border) !important;box-shadow:var(--vm-subpage-surface-shadow) !important;}
body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium::before, body.scheduleBody:not(.vmPopupPage) .vmSchedulePremium::after, body.scheduleBody:not(.vmPopupPage) .vmScheduleDays::before, body.scheduleBody:not(.vmPopupPage) .vmScheduleDays::after, body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel::before, body.scheduleBody:not(.vmPopupPage) .vmSchedulePanel::after, body.chartPremiumBody:not(.vmPopupPage) .chartPremiumSection::before, body.chartPremiumBody:not(.vmPopupPage) .chartPremiumSection::after, body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::before, body.chartPremiumBody:not(.vmPopupPage) .vmChartPremium::after, body.chartPremiumBody:not(.vmPopupPage) .vmChartGlow, body.teamPremiumBody:not(.vmPopupPage) .vmTeamPageV596::before, body.teamPremiumBody:not(.vmPopupPage) .vmTeamPageV596::after, body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::before, body.teamPremiumBody:not(.vmPopupPage) .vmTeamFrameCard::after{content:none !important;display:none !important;background:none !important;background-image:none !important;box-shadow:none !important;animation:none !important;}
@media (min-width: 769px) and (pointer: fine) { html.vmPopupPage body.vmPopupPage.chartPremiumBody, html.vmPopupPage body.vmPopupPage.chartPremiumBody main, html.vmPopupPage body.vmPopupPage.chartPremiumBody .chartPremiumSection { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.vmPopupPage.chartPremiumBody .vmChartPremium { border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; contain: paint !important; } #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmTeamPopupBox .modalCard { width: min(1320px, calc(100vw - 36px)) !important; max-width: min(1320px, calc(100vw - 36px)) !important; height: min(820px, calc(100dvh - 36px)) !important; max-height: calc(100dvh - 36px) !important; border-radius: 30px !important; background: transparent !important; overflow: visible !important; } #vmModal.vmTeamPopupBox iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage, html.vmPopupPage body.teamPremiumBody.vmPopupPage main, html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamPageV596 { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamFrameCard { border-radius: 28px !important; overflow: hidden !important; clip-path: inset(0 round 28px) !important; -webkit-clip-path: inset(0 round 28px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamFrame { border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; contain: paint !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage, html.vmPopupPage body.chartPremiumBody.vmPopupPage main, html.vmPopupPage body.chartPremiumBody.vmPopupPage .chartPremiumSection, html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPremium { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartList { border-radius: 24px !important; overflow: hidden auto !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartList::-webkit-scrollbar-track { border-radius: 999px !important; margin-top: 12px !important; margin-bottom: 18px !important; } #vmModal.vmTeamPopupBox .modalCard { width: min(1320px, calc(100vw - 72px)) !important; max-width: min(1320px, calc(100vw - 72px)) !important; height: min(820px, calc(100dvh - 36px)) !important; max-height: calc(100dvh - 36px) !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 30px !important; overflow: visible !important; } #vmModal.vmTeamPopupBox iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage, html.vmPopupPage body.teamPremiumBody.vmPopupPage main { margin: 0 !important; padding: 0 !important; width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; overflow: hidden !important; background: transparent !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage main::before, html.vmPopupPage body.teamPremiumBody.vmPopupPage main::after { content: none !important; display: none !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamPageV596 { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; overflow: hidden !important; background: transparent !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamFrameCard { width: 100% !important; height: calc(100dvh - 24px) !important; margin: 0 !important; padding: 12px !important; box-sizing: border-box !important; border-radius: 28px !important; overflow: hidden !important; clip-path: inset(0 round 28px) !important; -webkit-clip-path: inset(0 round 28px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.teamPremiumBody.vmPopupPage .vmTeamFrame { border-radius: 24px !important; overflow: hidden !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; contain: paint !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { border-bottom-right-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; -webkit-mask-image: -webkit-radial-gradient(white, black) !important; transform: translateZ(0) !important; background: transparent !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage { background: transparent !important; background-image: none !important; border-bottom-right-radius: 30px !important; overflow: hidden !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage main, html.vmPopupPage body.chartPremiumBody.vmPopupPage .chartPremiumSection { background: transparent !important; background-image: none !important; border-bottom-right-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPremium, html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartList { border-bottom-right-radius: 28px !important; overflow: hidden auto !important; clip-path: inset(0 round 28px) !important; -webkit-clip-path: inset(0 round 28px) !important; background-clip: padding-box !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage:has(body.chartPremiumBody.vmPopupPage) { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; overflow: hidden !important; background: transparent !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage, html.vmPopupPage body.chartPremiumBody.vmPopupPage main, html.vmPopupPage body.chartPremiumBody.vmPopupPage .chartPremiumSection { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPremium { height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; overflow: hidden !important; border-radius: 28px !important; clip-path: inset(0 round 28px) !important; -webkit-clip-path: inset(0 round 28px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartPanel.active, html.vmPopupPage body.chartPremiumBody.vmPopupPage .vmChartList { overflow: hidden auto !important; border-radius: 24px !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmSchedulePopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="ramowka"]) iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmSchedulePopupMode, body.vmSchedulePopupMode { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; overflow: hidden !important; background: transparent !important; background-image: none !important; } body.vmSchedulePopupMode .schedulePage, body.vmSchedulePopupMode .schedulePremiumSection { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } body.vmSchedulePopupMode .vmSchedulePremium { width: 100% !important; height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; min-height: 0 !important; margin: 12px 0 0 !important; overflow: hidden !important; border-radius: 28px !important; clip-path: inset(0 round 28px) !important; -webkit-clip-path: inset(0 round 28px) !important; background-clip: padding-box !important; contain: paint !important; } body.vmSchedulePopupMode .vmScheduleDays, body.vmSchedulePopupMode .vmSchedulePanel { height: 100% !important; min-height: 0 !important; overflow: hidden !important; border-radius: 24px !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; } body.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 152px) !important; max-height: none !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmSchedulePopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="ramowka"]) iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage::after, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection::after, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::after { display: none !important; content: none !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium { width: 100% !important; height: 100dvh !important; min-height: 0 !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmScheduleDays, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePanel { height: calc(100dvh - 24px) !important; max-height: calc(100dvh - 24px) !important; margin-top: 12px !important; margin-bottom: 12px !important; overflow: hidden !important; border-radius: 24px !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 152px) !important; max-height: none !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmSchedulePopupBox iframe#vmModalFrame, #vmModal .modalCard:has(iframe[src*="ramowka"]) iframe#vmModalFrame { border-radius: 30px !important; overflow: hidden !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background: transparent !important; contain: paint !important; } html.vmPopupPage:has(body.scheduleBody.vmPopupPage.vmSchedulePopupMode) { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; overflow: hidden !important; background: transparent !important; background-image: none !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode main, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection { width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; max-height: 100dvh !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode::after, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode main::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode main::after, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePage::after, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection::before, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .schedulePremiumSection::after { display: none !important; content: none !important; background: none !important; background-image: none !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium { position: relative !important; isolation: isolate !important; width: 100% !important; height: 100dvh !important; min-height: 0 !important; max-height: 100dvh !important; margin: 0 !important; padding: 24px !important; box-sizing: border-box !important; overflow: hidden !important; background: #050b17 !important; background-image: none !important; border: 1px solid rgba(255,255,255,.12) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 24px 70px rgba(0,0,0,.34) !important; backdrop-filter: blur(12px) saturate(120%) !important; -webkit-backdrop-filter: blur(12px) saturate(120%) !important; border-radius: 30px !important; clip-path: inset(0 round 30px) !important; -webkit-clip-path: inset(0 round 30px) !important; background-clip: padding-box !important; contain: paint !important; } html[data-vm-popup-bg-style] body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::before { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; opacity: var(--vm-popup-bg-opacity, 1) !important; background-image: var(--vm-popup-bg-ready) !important; background-color: #050b17 !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; filter: brightness(var(--vm-popup-bg-brightness,100%)) contrast(var(--vm-popup-bg-contrast,112%)) saturate(var(--vm-popup-bg-saturation,112%)) blur(var(--vm-popup-bg-blur,0px)) !important; transform: scale(1.02) !important; } html[data-vm-popup-bg-style] body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium::after { content: "" !important; display: block !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; background: linear-gradient(180deg, rgba(2,6,14,.08), rgba(2,6,14,.24)) !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePremium > * { position: relative !important; z-index: 2 !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmScheduleDays, html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmSchedulePanel { height: calc(100dvh - 48px) !important; max-height: calc(100dvh - 48px) !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; overflow: hidden !important; border-radius: 24px !important; clip-path: inset(0 round 24px) !important; -webkit-clip-path: inset(0 round 24px) !important; background-clip: padding-box !important; } html.vmPopupPage body.scheduleBody.vmPopupPage.vmSchedulePopupMode .vmScheduleViewer { height: calc(100% - 152px) !important; max-height: none !important; min-height: 0 !important; overflow-y: auto !important; overflow-x: hidden !important; } }
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn, .homePremiumBody .homeMasonryPremiumSection .homeChartPreviewCard{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease !important;}
:root[data-vm-tile-animate="1"] body .section .card:not(.vmHeaderStylePreviewCard):not(.vmTileStylePreviewCard)::after, :root[data-vm-tile-animate="1"] body .listenLayout .card::after, :root[data-vm-tile-animate="1"] body .quickTiles a::after, :root[data-vm-tile-animate="1"] body .quickTiles button::after, :root[data-vm-tile-animate="1"] body .vmTileStylePreviewCardItem::after, :root[data-vm-tile-animate="1"] body .vmChartRow::after, :root[data-vm-tile-animate="1"] body .vmScheduleCard::after, :root[data-vm-tile-animate="1"] body .vmTeamCard::after, :root[data-vm-tile-animate="1"] body .vmTodaySchedule::after, :root[data-vm-tile-animate="1"] body .vmTodaySchedule .vmScheduleCard::after{inset:-55% -85% !important;animation-name:vmTileSweepFullPass !important;}
@keyframes vmTileSweepFullPass { 0%, 38% { transform: translateX(-115%) skewX(-12deg); opacity: 0; } 48% { opacity: var(--vmTileSweep, .58); } 82% { opacity: var(--vmTileSweep, .58); } 100% { transform: translateX(115%) skewX(-12deg); opacity: 0; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmSchedulePopupBox:not(.vmTeamPopupBox) .modalHead { right: -8px !important; } }
@media (min-width: 769px) and (pointer: fine) { #vmModal.vmChartPopupBox .modalHead, #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead, .listenBody #vmModal.vmChartPopupBox .modalHead, .listenBody #vmModal .modalCard:has(iframe[src*="lista-przebojow"]) .modalHead { top: 10px !important; right: -10px !important; } }
@media (min-width: 769px) and (pointer: fine) { .listenBody .listenNowCard > p:last-child:has(b[data-listeners]) { display: none !important; } .listenBody .listenNowCard { padding-bottom: 18px !important; } .listenBody .listenNowCard .nextShowBox { margin-bottom: 0 !important; } }
:root[data-vm-header-style="aurora-premium"] .subHero > .card, :root[data-vm-header-style="aurora-premium"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="aurora-premium"] .modalCard .modalHead{background:radial-gradient(circle at 12% 18%,rgba(255,122,24,.30),transparent 32%),radial-gradient(circle at 82% 22%,rgba(47,140,255,.34),transparent 36%),radial-gradient(circle at 54% 92%,rgba(255,63,180,.18),transparent 38%),linear-gradient(135deg,rgba(14,18,35,.94),rgba(15,43,86,.78)) !important;border-color:rgba(255,255,255,.18) !important;box-shadow:0 24px 74px rgba(0,0,0,.34),0 0 44px rgba(47,140,255,.12) !important;}
:root[data-vm-header-style="aurora-premium"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="aurora-premium"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{background-size:145% 145%,145% 145%,140% 140%,100% 100% !important;animation:vmHeaderSoftMove 9s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="ocean-energy"] .subHero > .card, :root[data-vm-header-style="ocean-energy"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="ocean-energy"] .modalCard .modalHead{background:radial-gradient(circle at 18% 28%,rgba(52,245,197,.28),transparent 34%),radial-gradient(circle at 86% 16%,rgba(47,140,255,.34),transparent 34%),linear-gradient(135deg,rgba(3,37,48,.95),rgba(4,30,70,.84),rgba(6,10,28,.96)) !important;border-color:rgba(52,245,197,.20) !important;box-shadow:0 24px 76px rgba(0,0,0,.34),0 0 38px rgba(52,245,197,.11) !important;}
:root[data-vm-header-style="ocean-energy"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="ocean-energy"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{background-size:150% 150%,145% 145%,100% 100% !important;animation:vmHeaderSoftMove 10s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="inferno-x"] .subHero > .card, :root[data-vm-header-style="inferno-x"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="inferno-x"] .modalCard .modalHead{background:radial-gradient(circle at 18% 30%,rgba(255,122,24,.38),transparent 34%),radial-gradient(circle at 76% 22%,rgba(255,63,180,.18),transparent 32%),linear-gradient(135deg,rgba(34,12,10,.96),rgba(55,22,30,.78),rgba(10,15,33,.95)) !important;border-color:rgba(255,154,62,.22) !important;box-shadow:0 24px 76px rgba(0,0,0,.36),0 0 42px rgba(255,122,24,.13) !important;}
:root[data-vm-header-style="inferno-x"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="inferno-x"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{background-size:145% 145%,145% 145%,100% 100% !important;animation:vmHeaderSoftMove 8s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="galaxy-ultra"] .subHero > .card, :root[data-vm-header-style="galaxy-ultra"] .vmHeaderStylePreview > .card, :root[data-vm-header-style="galaxy-ultra"] .modalCard .modalHead{background:radial-gradient(circle at 18% 22%,rgba(142,88,255,.30),transparent 35%),radial-gradient(circle at 76% 28%,rgba(47,140,255,.28),transparent 32%),radial-gradient(circle at 58% 92%,rgba(255,122,24,.14),transparent 34%),linear-gradient(135deg,rgba(10,8,28,.96),rgba(18,26,70,.82),rgba(6,10,22,.96)) !important;border-color:rgba(170,145,255,.20) !important;box-shadow:0 24px 76px rgba(0,0,0,.36),0 0 44px rgba(142,88,255,.13) !important;}
:root[data-vm-header-style="galaxy-ultra"][data-vm-header-animate="1"] .subHero > .card, :root[data-vm-header-style="galaxy-ultra"][data-vm-header-animate="1"] .vmHeaderStylePreview > .card{background-size:150% 150%,145% 145%,140% 140%,100% 100% !important;animation:vmHeaderSoftMove 11s ease-in-out infinite alternate !important;}
@keyframes vmHeaderSoftMove { from { background-position: 0% 35%, 100% 20%, 50% 100%, 0 0; } to { background-position: 26% 56%, 76% 42%, 42% 72%, 0 0; } }
:root[data-vm-bg-style="emerald-night"], .vmBgStylePreview[data-vm-bg-style="emerald-night"]{--vm-bg-a:rgba(0,14,22,.99);--vm-bg-b:rgba(0,96,82,.46);--vm-bg-border:rgba(72,255,190,.30);--vm-bg-glow:rgba(0,225,185,.24);--vm-bg-accent:rgba(255,128,36,.16);}
:root[data-vm-bg-style="polar-ice"], .vmBgStylePreview[data-vm-bg-style="polar-ice"]{--vm-bg-a:rgba(2,16,34,.99);--vm-bg-b:rgba(82,185,255,.36);--vm-bg-border:rgba(190,245,255,.30);--vm-bg-glow:rgba(105,210,255,.28);--vm-bg-accent:rgba(255,255,255,.16);}
:root[data-vm-bg-style="amber-club"], .vmBgStylePreview[data-vm-bg-style="amber-club"]{--vm-bg-a:rgba(15,8,5,.99);--vm-bg-b:rgba(255,126,20,.34);--vm-bg-border:rgba(255,170,72,.30);--vm-bg-glow:rgba(255,126,24,.25);--vm-bg-accent:rgba(47,140,255,.13);}
:root[data-vm-bg-style="sapphire-grid"], .vmBgStylePreview[data-vm-bg-style="sapphire-grid"]{--vm-bg-a:rgba(1,8,26,.99);--vm-bg-b:rgba(15,84,160,.44);--vm-bg-border:rgba(78,168,255,.30);--vm-bg-glow:rgba(47,140,255,.28);--vm-bg-accent:rgba(52,245,197,.14);}
:root[data-vm-bg-style="velvet-aurora"], .vmBgStylePreview[data-vm-bg-style="velvet-aurora"]{--vm-bg-a:rgba(9,4,24,.99);--vm-bg-b:rgba(118,48,150,.42);--vm-bg-border:rgba(210,132,255,.28);--vm-bg-glow:rgba(160,80,255,.25);--vm-bg-accent:rgba(255,115,30,.16);}
:root[data-vm-bg-style="blue-orange-nebula"], .vmBgStylePreview[data-vm-bg-style="blue-orange-nebula"]{--vm-bg-a:rgba(2,10,32,.99);--vm-bg-b:rgba(255,110,24,.30);--vm-bg-border:rgba(255,150,70,.32);--vm-bg-glow:rgba(40,150,255,.30);--vm-bg-accent:rgba(255,118,28,.24);}
:root[data-vm-bg-style="emerald-night"] body:not(.vmPopupPage), :root[data-vm-bg-style="polar-ice"] body:not(.vmPopupPage), :root[data-vm-bg-style="amber-club"] body:not(.vmPopupPage), :root[data-vm-bg-style="sapphire-grid"] body:not(.vmPopupPage), :root[data-vm-bg-style="velvet-aurora"] body:not(.vmPopupPage), :root[data-vm-bg-style="blue-orange-nebula"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-style="emerald-night"], .vmBgStylePreview[data-vm-bg-style="polar-ice"], .vmBgStylePreview[data-vm-bg-style="amber-club"], .vmBgStylePreview[data-vm-bg-style="sapphire-grid"], .vmBgStylePreview[data-vm-bg-style="velvet-aurora"], .vmBgStylePreview[data-vm-bg-style="blue-orange-nebula"]{background:radial-gradient(ellipse at 10% 12%,var(--vm-bg-accent),transparent 34%),radial-gradient(ellipse at 86% 12%,var(--vm-bg-glow),transparent 44%),radial-gradient(ellipse at 48% 96%,color-mix(in srgb,var(--vm-bg-border) 54%,transparent),transparent 48%),linear-gradient(145deg,var(--vm-bg-a),rgba(3,8,20,.96) 52%,var(--vm-bg-b)) !important;}
:root[data-vm-bg-style="sapphire-grid"] body:not(.vmPopupPage)::before, .vmBgStylePreview[data-vm-bg-style="sapphire-grid"]::before{background-image:linear-gradient(rgba(120,190,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,255,.050) 1px,transparent 1px) !important;background-size:62px 62px !important;}
:root[data-vm-bg-style="star-night-soft"] body:not(.vmPopupPage)::before, .vmBgStylePreview[data-vm-bg-style="star-night-soft"]::before{opacity:.80 !important;}
:root:not([data-vm-bg-custom="1"])[data-vm-bg-intensity="soft"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-intensity="soft"]{filter:saturate(.92) brightness(.94);}
:root:not([data-vm-bg-custom="1"])[data-vm-bg-intensity="strong"] body:not(.vmPopupPage), .vmBgStylePreview[data-vm-bg-intensity="strong"]{filter:saturate(1.12) brightness(1.04);}
/* v1004: własne tło strony — źródłowo bez presetów, filtrów i pseudo-warstw */
:root[data-vm-bg-custom="1"] body:not(.vmPopupPage){background:var(--vm-bg-custom-url) center center/cover fixed no-repeat !important;filter:none !important;}
:root[data-vm-bg-custom="1"] body:not(.vmPopupPage)::before,:root[data-vm-bg-custom="1"] body:not(.vmPopupPage)::after{content:none !important;display:none !important;background:none !important;background-image:none !important;opacity:0 !important;animation:none !important;filter:none !important;}
.homePremiumBody .heroWow[data-vm-hero-style="midnight-premium"], .vmPreviewHeroV506[data-vm-hero-style="midnight-premium"]{background:linear-gradient(135deg,rgba(9,13,31,0.94),rgba(12,32,60,0.86) 55%,rgba(6,9,20,0.96)) !important;border-color:rgba(120,190,255,0.28) !important;box-shadow:0 34px 110px rgba(0,0,0,0.42),inset 0 1px 0 rgba(255,255,255,.10) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="midnight-premium"]:before, .vmPreviewHeroV506[data-vm-hero-style="midnight-premium"]:before{background:radial-gradient(circle at 15% 35%,rgba(255,138,36,.24),transparent 30%),radial-gradient(circle at 82% 28%,rgba(47,140,255,.34),transparent 34%),radial-gradient(circle at 64% 86%,rgba(84,245,210,.16),transparent 34%),linear-gradient(135deg,#060816,#071a36 54%,#050816) !important;animation:vmV891HeroSlowDrift 9s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-premium"], .vmPreviewHeroV506[data-vm-hero-style="blue-orange-premium"]{background:linear-gradient(135deg,rgba(42,23,18,.90),rgba(7,28,62,.88) 56%,rgba(3,9,24,.95)) !important;border-color:rgba(255,150,48,.28) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="blue-orange-premium"]:before, .vmPreviewHeroV506[data-vm-hero-style="blue-orange-premium"]:before{background:radial-gradient(circle at 12% 38%,rgba(255,122,24,.36),transparent 31%),radial-gradient(circle at 88% 30%,rgba(47,140,255,.38),transparent 34%),linear-gradient(115deg,rgba(255,255,255,.08),transparent 28% 62%,rgba(255,122,24,.12)),linear-gradient(135deg,#100812,#071c3e 55%,#050816) !important;animation:vmV891HeroSlowDrift 8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="ocean-lux-start"], .vmPreviewHeroV506[data-vm-hero-style="ocean-lux-start"]{background:linear-gradient(135deg,rgba(5,30,38,.94),rgba(5,47,78,.86) 55%,rgba(4,10,23,.95)) !important;border-color:rgba(76,230,255,.24) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="ocean-lux-start"]:before, .vmPreviewHeroV506[data-vm-hero-style="ocean-lux-start"]:before{background:radial-gradient(circle at 18% 28%,rgba(52,245,197,.26),transparent 31%),radial-gradient(circle at 84% 36%,rgba(47,140,255,.32),transparent 34%),radial-gradient(circle at 52% 92%,rgba(170,255,240,.12),transparent 35%),linear-gradient(135deg,#03141d,#062a52 58%,#050816) !important;animation:vmV891OceanMove 10s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-club-pro"], .vmPreviewHeroV506[data-vm-hero-style="aurora-club-pro"]{background:linear-gradient(135deg,rgba(8,18,32,.93),rgba(26,19,62,.88) 54%,rgba(4,16,28,.95)) !important;border-color:rgba(120,255,220,.22) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="aurora-club-pro"]:before, .vmPreviewHeroV506[data-vm-hero-style="aurora-club-pro"]:before{background:radial-gradient(circle at 14% 72%,rgba(52,245,197,.26),transparent 30%),radial-gradient(circle at 58% 36%,rgba(188,77,255,.24),transparent 33%),radial-gradient(circle at 88% 22%,rgba(47,140,255,.28),transparent 34%),linear-gradient(135deg,#050816,#111b42 52%,#06131e) !important;animation:vmV891AuroraMove 8.8s ease-in-out infinite alternate !important;}
.homePremiumBody .heroWow[data-vm-hero-style="velvet-neon"], .vmPreviewHeroV506[data-vm-hero-style="velvet-neon"]{background:linear-gradient(135deg,rgba(25,11,27,.94),rgba(9,22,54,.90) 58%,rgba(5,8,22,.96)) !important;border-color:rgba(255,75,190,.20) !important;}
.homePremiumBody .heroWow[data-vm-hero-style="velvet-neon"]:before, .vmPreviewHeroV506[data-vm-hero-style="velvet-neon"]:before{background:radial-gradient(circle at 16% 38%,rgba(255,122,24,.22),transparent 31%),radial-gradient(circle at 62% 45%,rgba(255,63,180,.25),transparent 34%),radial-gradient(circle at 88% 30%,rgba(47,140,255,.30),transparent 34%),linear-gradient(135deg,#140817,#071733 58%,#050816) !important;animation:vmV891VelvetMove 9.5s ease-in-out infinite alternate !important;}
@keyframes vmV891HeroSlowDrift { from { background-position: 0% 45%, 100% 30%, 0 0, 0 0; filter: saturate(1.04); } to { background-position: 18% 55%, 82% 42%, 40px 0, 0 0; filter: saturate(1.20); } }
@keyframes vmV891OceanMove { from { background-position: 0% 30%, 100% 35%, 50% 90%, 0 0; filter: saturate(1.05); } to { background-position: 14% 42%, 76% 46%, 58% 80%, 0 0; filter: saturate(1.22); } }
@keyframes vmV891AuroraMove { from { background-position: 12% 72%, 58% 36%, 88% 22%, 0 0; filter: hue-rotate(0deg) saturate(1.05); } to { background-position: 24% 58%, 46% 48%, 74% 35%, 0 0; filter: hue-rotate(9deg) saturate(1.22); } }
@keyframes vmV891VelvetMove { from { background-position: 16% 38%, 62% 45%, 88% 30%, 0 0; filter: saturate(1.04); } to { background-position: 30% 50%, 48% 56%, 72% 44%, 0 0; filter: saturate(1.18); } }
.homePremiumBody .heroWow, .vmPreviewHeroV506{position:relative;overflow:hidden;}
.homePremiumBody .heroWow > .vmHeroCustomVideo, .vmPreviewHeroV506 > .vmHeroCustomVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.42;}
.homePremiumBody .heroWow[data-vm-hero-video="1"]::before, .vmPreviewHeroV506[data-vm-hero-video="1"]::before{opacity:.32;}
.homePremiumBody .heroWow .heroContent, .homePremiumBody .heroWow .heroPlayer, .vmPreviewHeroV506 .heroContent, .vmPreviewHeroV506 .heroPlayer{position:relative;z-index:2;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode, .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode, .eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{display:inline-flex !important;align-items:center;justify-content:center;width:min(100%,720px);max-width:100%;min-height:clamp(58px,8vw,104px);line-height:1 !important;background:transparent !important;-webkit-text-fill-color:initial !important;color:inherit !important;text-shadow:none !important;filter:none !important;overflow:visible;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode::before, .homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode::after, .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::before, .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::after, .eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::before, .eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::after{content:none !important;display:none !important;}
.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode > .vmHeroLogoImage, .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > .vmHeroLogoImage, .eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > .vmHeroLogoImage{display:block;width:auto;max-width:min(100%,720px);max-height:clamp(72px,9vw,126px);object-fit:contain;background:transparent !important;border:0 !important;box-shadow:none !important;}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > .vmHeroLogoImage{max-height:92px;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage)::after, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage)::after{content:none !important;display:none !important;background:none !important;pointer-events:none !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage) > #socketAddBtn, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) > #socketAddBtn, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) > #socketAddBtn{position:fixed !important;left:auto !important;right:20px !important;top:auto !important;bottom:20px !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding-left:inherit;padding-right:inherit;transform:none !important;-webkit-transform:none !important;clip-path:none !important;overflow:visible !important;z-index:2147483647 !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) > button.socket-btn, html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage) > #socketAddBtn, html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) > #socketAddBtn, html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) > #socketAddBtn{position:fixed !important;left:auto !important;right:20px !important;top:auto !important;bottom:28px !important;width:44px !important;height:44px !important;min-width:44px !important;min-height:44px !important;max-width:44px !important;max-height:44px !important;padding:0 !important;margin:0 !important;box-sizing:border-box !important;border-radius:50% !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;line-height:1 !important;transform:none !important;-webkit-transform:none !important;clip-path:none !important;overflow:visible !important;z-index:2147483647 !important;}
html[data-vm-popup-bg-style] body.scheduleBody:not(.vmPopupPage) > :not(header):not(main):not(.quickDock):not(#vmModal):not(#vmToast):not(footer):not(script):not(#vmCookieBanner):not(#vmChartVoteNotice):not(#vmChartListenModal):not(button.socket-btn):not(#socketAddBtn), html[data-vm-popup-bg-style] body.chartPremiumBody:not(.vmPopupPage) > :not(header):not(main):not(.quickDock):not(#vmModal):not(#vmToast):not(footer):not(script):not(#vmCookieBanner):not(#vmChartVoteNotice):not(#vmChartListenModal):not(button.socket-btn):not(#socketAddBtn), html[data-vm-popup-bg-style] body.teamPremiumBody:not(.vmPopupPage) > :not(header):not(main):not(.quickDock):not(#vmModal):not(#vmToast):not(footer):not(script):not(#vmCookieBanner):not(#vmChartVoteNotice):not(#vmChartListenModal):not(button.socket-btn):not(#socketAddBtn){position:fixed !important;left:auto !important;right:20px !important;top:auto !important;bottom:82px !important;max-width:calc(100vw - 40px) !important;max-height:calc(100vh - 120px) !important;transform:none !important;-webkit-transform:none !important;clip-path:none !important;overflow:visible !important;z-index:2147483646 !important;}
body.vmSchedulePopupMode .vmSchedulePanelHead{grid-template-columns:minmax(0,1fr) max-content !important;}
body.vmSchedulePopupMode .vmScheduleNav{display:flex !important;flex-wrap:nowrap !important;align-items:center !important;justify-content:flex-end !important;gap:10px !important;width:max-content !important;min-width:max-content !important;max-width:none !important;margin-left:auto !important;}
body.vmSchedulePopupMode .vmScheduleNav .btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;width:auto !important;max-width:none !important;white-space:nowrap !important;word-break:normal !important;overflow-wrap:normal !important;}
body.chartPremiumBody #vmChartVoteNotice.vmChartVoteNotice{position:fixed !important;left:50% !important;right:auto !important;top:50% !important;bottom:auto !important;width:auto !important;height:auto !important;min-width:0 !important;min-height:0 !important;max-width:min(440px,calc(100vw - 32px)) !important;max-height:none !important;padding:17px 22px !important;margin:0 !important;box-sizing:border-box !important;overflow:visible !important;transform:translate(-50%,-46%) scale(.96) !important;z-index:2147483647 !important;}
body.chartPremiumBody #vmChartVoteNotice.vmChartVoteNotice.show{opacity:1 !important;transform:translate(-50%,-50%) scale(1) !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal{position:fixed !important;inset:0 !important;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100vw !important;height:100dvh !important;min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:22px !important;box-sizing:border-box !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;z-index:2147483000 !important;transform:none !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal:not(.open){display:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenBackdrop{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;margin:0 !important;transform:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenCard{position:relative !important;z-index:1 !important;width:min(920px,calc(100vw - 44px)) !important;max-width:min(920px,calc(100vw - 44px)) !important;height:auto !important;max-height:calc(100dvh - 44px) !important;margin:auto !important;overflow:hidden !important;transform:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame{display:block !important;position:relative !important;width:100% !important;height:auto !important;max-height:calc(100dvh - 116px) !important;aspect-ratio:16 / 9 !important;overflow:hidden !important;background:#020617 !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame iframe{display:block !important;visibility:visible !important;opacity:1 !important;position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;min-height:220px !important;border:0 !important;}
html.vmPopupPage body.vmPopupPage.chartPremiumBody #vmChartListenModal.vmChartListenModal{padding:16px !important;}
html.vmPopupPage body.vmPopupPage.chartPremiumBody #vmChartListenModal .vmChartListenCard{width:min(860px,calc(100vw - 32px)) !important;max-width:min(860px,calc(100vw - 32px)) !important;max-height:calc(100dvh - 32px) !important;}
html.vmPopupPage body.vmPopupPage.chartPremiumBody #vmChartListenModal .vmChartListenFrame{max-height:calc(100dvh - 104px) !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn, .homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn{position:relative !important;min-width:0 !important;padding:22px !important;border-radius:28px !important;overflow:hidden !important;isolation:isolate !important;background-clip:padding-box !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .homeScheduleHead, .homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn > .homeScheduleHead{margin:0 0 14px !important;padding:0 !important;position:relative !important;z-index:2 !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), .homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn > .facebookSideCard{position:relative !important;z-index:2 !important;margin:0 !important;}
.homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn > .facebookSideCard{width:100% !important;}
:root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn, :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn, :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn > .facebookSideCard{border-color:var(--vmFloatBorder) !important;box-shadow:var(--vmFloatShadowMain) !important;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,backdrop-filter .25s ease !important;}
:root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn, :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn > .facebookSideCard{overflow:hidden !important;isolation:isolate !important;background-clip:padding-box !important;backdrop-filter:blur(18px) saturate(1.14) !important;}
@media (max-width: 640px) { .homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn, .homePremiumBody .homeMasonryPremiumSection .homeFacebookColumn { padding: 18px !important; border-radius: 24px !important; } }
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]){padding:0 !important;}
:root:not([data-vm-tile-style]), :root[data-vm-tile-style=""], :root[data-vm-tile-style="standard"]{}
:root:not([data-vm-tile-style]) body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style=""] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style="standard"] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]){background:transparent !important;box-shadow:none !important;}
.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox iframe[data-embed="scheduleToday"]{border-radius:24px !important;}
body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]), :root[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]) body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"]){background:transparent !important;background-image:none !important;border-color:transparent !important;box-shadow:none !important;outline:0 !important;padding:0 !important;overflow:hidden !important;isolation:auto !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"])::before, body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"])::after, :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"])::before, :root[data-vm-tile-style] body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox:has(iframe[data-embed="scheduleToday"])::after{content:none !important;display:none !important;background:none !important;box-shadow:none !important;animation:none !important;}
body.homePremiumBody .homeMasonryPremiumSection .homeScheduleColumn > .embedBox iframe[data-embed="scheduleToday"]{background:transparent !important;border:0 !important;box-shadow:none !important;}
.homePremiumBody .homeChartPreviewRow strong .homeChartPreviewArtist{color:#35f38b !important;-webkit-text-fill-color:#35f38b !important;text-shadow:0 0 10px rgba(53,243,139,.16) !important;}
.homePremiumBody .homeChartPreviewRow strong .homeChartPreviewTitle{color:#ffd166 !important;-webkit-text-fill-color:#ffd166 !important;text-shadow:0 0 10px rgba(255,209,102,.15) !important;}
.homePremiumBody .homeChartPreviewRow strong .homeChartPreviewSep{color:rgba(255,255,255,.55) !important;-webkit-text-fill-color:rgba(255,255,255,.55) !important;text-shadow:none !important;}
body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField input, body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField textarea{width:100%;border:1px solid rgba(255,255,255,0.16) !important;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.095),rgba(255,255,255,0.055)) !important;color:#fff;padding:13px 14px;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.06) !important;filter:none !important;transition:border-color 0.18s ease,box-shadow 0.18s ease,background 0.18s ease;}
body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField input:hover, body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField textarea:hover{border-color:rgba(255,255,255,0.24) !important;background:linear-gradient(180deg,rgba(255,255,255,0.11),rgba(255,255,255,0.06)) !important;}
body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField input:focus, body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitField textarea:focus{border-color:rgba(255,122,24,0.72) !important;box-shadow:0 0 0 4px rgba(255,122,24,0.13),inset 0 1px 0 rgba(255,255,255,0.08) !important;background:linear-gradient(180deg,rgba(255,255,255,0.12),rgba(255,255,255,0.065)) !important;}
:root[data-vm-header-style="virtualmix-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 16% 18%,rgba(255,122,24,0.28),transparent 34%),radial-gradient(circle at 84% 12%,rgba(47,140,255,0.35),transparent 38%),linear-gradient(135deg,rgba(255,255,255,0.1),rgba(20,34,74,0.4)) !important;box-shadow:0 30px 100px rgba(0,0,0,0.34),0 0 70px rgba(255,122,24,0.1),0 0 75px rgba(47,140,255,0.1),inset 0 1px 0 rgba(255,255,255,0.16) !important;}
:root[data-vm-header-style="premium-gold"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 20% 8%,rgba(255,185,77,0.36),transparent 36%),linear-gradient(135deg,rgba(70,36,18,0.64),rgba(18,28,55,0.7)) !important;box-shadow:0 30px 105px rgba(0,0,0,0.36),0 0 85px rgba(255,145,24,0.18) !important;}
:root[data-vm-header-style="galaxy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="galaxy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="galaxy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 18%,rgba(160,80,255,0.32),transparent 34%),radial-gradient(circle at 82% 32%,rgba(47,140,255,0.28),transparent 38%),radial-gradient(circle at 50% 120%,rgba(255,122,24,0.12),transparent 40%),linear-gradient(135deg,rgba(9,9,30,0.92),rgba(18,25,55,0.78)) !important;box-shadow:0 34px 110px rgba(0,0,0,0.36),0 0 90px rgba(160,80,255,0.13) !important;}
:root[data-vm-header-style="glass-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="glass-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="glass-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 135deg,rgba(255,255,255,0.16),rgba(255,255,255,0.055) ) !important;backdrop-filter:blur(22px) saturate(1.18) !important;box-shadow:0 32px 105px rgba(0,0,0,0.32),inset 0 1px 0 rgba(255,255,255,0.24),inset 0 -1px 0 rgba(255,255,255,0.06) !important;}
:root[data-vm-header-style="dynamic-gradient"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 120deg,rgba(255,122,24,0.3),rgba(255,65,180,0.2),rgba(47,140,255,0.3),rgba(52,245,197,0.16) ) !important;background-size:300% 300% !important;box-shadow:0 30px 105px rgba(0,0,0,0.34),0 0 80px rgba(47,140,255,0.12) !important;}
:root[data-vm-header-style="dynamic-gradient"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{animation:vmHeaderAurora var(--vmHeaderSpeed) ease-in-out infinite alternate;}
:root[data-vm-header-style="virtualmix-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 18%,rgba(255,118,24,0.46),transparent 31%),radial-gradient(circle at 86% 15%,rgba(40,145,255,0.5),transparent 35%),radial-gradient(circle at 48% 110%,rgba(255,205,92,0.18),transparent 42%),linear-gradient( 138deg,rgba(20,28,58,0.92),rgba(13,26,62,0.82) 46%,rgba(52,28,22,0.72) ) !important;box-shadow:0 34px 120px rgba(0,0,0,0.39),0 0 105px rgba(255,122,24,0.2),0 0 110px rgba(47,140,255,0.18),inset 0 1px 0 rgba(255,255,255,0.23) !important;}
:root[data-vm-header-style="virtualmix-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="virtualmix-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="virtualmix-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 90deg,rgba(255,122,24,0.26),transparent 28%,rgba(47,140,255,0.24) 72%,rgba(255,122,24,0.16) ),repeating-linear-gradient(90deg,rgba(255,255,255,0.045) 0 1px,transparent 1px 46px) !important;}
:root[data-vm-header-style="premium-gold"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 12%,rgba(255,201,83,0.56),transparent 34%),radial-gradient(circle at 86% 20%,rgba(255,122,24,0.34),transparent 36%),linear-gradient( 138deg,rgba(76,41,14,0.88),rgba(18,26,52,0.85) 54%,rgba(91,47,18,0.72) ) !important;border-color:rgba(255,204,104,0.3) !important;box-shadow:0 34px 118px rgba(0,0,0,0.42),0 0 95px rgba(255,170,45,0.25),inset 0 1px 0 rgba(255,230,150,0.3) !important;}
:root[data-vm-header-style="premium-gold"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="premium-gold"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="premium-gold"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 115deg,rgba(255,235,155,0.22),transparent 31%,rgba(255,122,24,0.18) 70%,rgba(255,225,120,0.16) ),repeating-linear-gradient(90deg,transparent 0 28px,rgba(255,232,160,0.06) 29px 31px) !important;}
:root[data-vm-header-style="galaxy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="galaxy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="galaxy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 17% 17%,rgba(166,84,255,0.5),transparent 32%),radial-gradient(circle at 82% 30%,rgba(47,140,255,0.42),transparent 38%),radial-gradient(circle at 50% 108%,rgba(255,122,24,0.2),transparent 42%),radial-gradient(circle at 58% 18%,rgba(255,255,255,0.12),transparent 3%),radial-gradient(circle at 68% 42%,rgba(255,255,255,0.09),transparent 2%),linear-gradient(135deg,rgba(5,6,28,0.98),rgba(16,25,58,0.88)) !important;border-color:rgba(160,110,255,0.24) !important;box-shadow:0 36px 122px rgba(0,0,0,0.44),0 0 108px rgba(160,80,255,0.22),0 0 95px rgba(47,140,255,0.14) !important;}
:root[data-vm-header-style="galaxy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="galaxy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="galaxy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.16),transparent 2%),radial-gradient(circle at 38% 18%,rgba(255,255,255,0.12),transparent 2%),radial-gradient(circle at 72% 24%,rgba(255,255,255,0.13),transparent 2%),linear-gradient(110deg,rgba(160,80,255,0.2),transparent,rgba(47,140,255,0.17)) !important;}
:root[data-vm-header-style="glass-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="glass-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="glass-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 12%,rgba(255,255,255,0.22),transparent 33%),radial-gradient(circle at 88% 18%,rgba(47,140,255,0.22),transparent 35%),linear-gradient( 140deg,rgba(255,255,255,0.18),rgba(255,255,255,0.052) 46%,rgba(14,30,62,0.46) ) !important;backdrop-filter:blur(25px) saturate(1.32) !important;box-shadow:0 35px 120px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.32),inset 0 -1px 0 rgba(255,255,255,0.08),0 0 90px rgba(255,255,255,0.07) !important;}
:root[data-vm-header-style="glass-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="glass-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="glass-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 115deg,rgba(255,255,255,0.18),transparent 33%,rgba(47,140,255,0.13) 67%,rgba(255,122,24,0.08) ),repeating-linear-gradient(90deg,transparent 0 48px,rgba(255,255,255,0.055) 49px 50px) !important;}
:root[data-vm-header-style="dynamic-gradient"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="dynamic-gradient"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 118deg,rgba(255,122,24,0.42),rgba(255,65,180,0.31),rgba(47,140,255,0.44),rgba(52,245,197,0.25),rgba(255,122,24,0.34) ) !important;background-size:380% 380% !important;box-shadow:0 34px 118px rgba(0,0,0,0.39),0 0 96px rgba(47,140,255,0.2),0 0 82px rgba(255,122,24,0.16) !important;}
:root[data-vm-header-style="dynamic-gradient"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="dynamic-gradient"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="dynamic-gradient"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(circle at 20% 28%,rgba(255,255,255,0.18),transparent 30%),radial-gradient(circle at 86% 20%,rgba(255,255,255,0.13),transparent 32%) !important;}
:root[data-vm-header-style="blue-orange-neon"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-neon"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-neon"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 125deg,rgba(8,20,55,0.94),rgba(20,31,72,0.82) 48%,rgba(52,28,18,0.78) ),radial-gradient(circle at 18% 110%,rgba(42,145,255,0.42),transparent 42%),radial-gradient(circle at 88% -5%,rgba(255,122,24,0.44),transparent 38%) !important;box-shadow:0 32px 112px rgba(0,0,0,0.4),0 0 80px rgba(42,145,255,0.18),0 0 74px rgba(255,122,24,0.16) !important;}
:root[data-vm-header-style="blue-orange-neon"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="blue-orange-neon"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="blue-orange-neon"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 90deg,rgba(42,145,255,0.34),transparent 30%,rgba(255,255,255,0.08) 50%,transparent 70%,rgba(255,122,24,0.34) );}
:root[data-vm-header-style="blue-orange-neon"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:after, :root[data-vm-header-style="blue-orange-neon"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:after, :root[data-vm-header-style="blue-orange-neon"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:after{background:linear-gradient( 105deg,transparent,rgba(42,145,255,0.3),rgba(255,255,255,0.22),rgba(255,122,24,0.3),transparent );}
:root[data-vm-header-style="fire-ice-pro"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="fire-ice-pro"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="fire-ice-pro"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 10% 26%,rgba(255,90,18,0.56),transparent 36%),radial-gradient(circle at 92% 28%,rgba(35,166,255,0.56),transparent 38%),linear-gradient(135deg,rgba(35,17,22,0.92),rgba(7,23,55,0.88)) !important;box-shadow:0 36px 122px rgba(0,0,0,0.43),0 0 86px rgba(255,90,18,0.2),0 0 96px rgba(35,166,255,0.2) !important;}
:root[data-vm-header-style="fire-ice-pro"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="fire-ice-pro"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="fire-ice-pro"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(ellipse at 50% 50%,rgba(255,255,255,0.16),transparent 42%),linear-gradient(90deg,rgba(255,90,18,0.22),transparent 45%,rgba(35,166,255,0.25));}
:root[data-vm-header-style="fire-ice-pro"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:after, :root[data-vm-header-style="fire-ice-pro"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:after, :root[data-vm-header-style="fire-ice-pro"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:after{background:linear-gradient( 105deg,transparent,rgba(255,90,18,0.34),rgba(255,255,255,0.18),rgba(35,166,255,0.34),transparent );}
:root[data-vm-header-style="liquid-glass"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="liquid-glass"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="liquid-glass"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient(135deg,rgba(255,255,255,0.18),rgba(255,255,255,0.065)),radial-gradient(circle at 15% 10%,rgba(42,145,255,0.26),transparent 35%),radial-gradient(circle at 92% 18%,rgba(255,122,24,0.2),transparent 36%) !important;backdrop-filter:blur(24px) saturate(1.24) !important;box-shadow:0 34px 120px rgba(0,0,0,0.38),inset 0 1px 0 rgba(255,255,255,0.34),inset 0 -1px 0 rgba(255,255,255,0.1),0 0 78px rgba(255,255,255,0.08) !important;}
:root[data-vm-header-style="liquid-glass"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="liquid-glass"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="liquid-glass"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(ellipse at 22% -10%,rgba(255,255,255,0.38),transparent 36%),linear-gradient(120deg,rgba(255,255,255,0.1),transparent 44%,rgba(255,255,255,0.07));}
:root[data-vm-header-style="cyber-wave"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="cyber-wave"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="cyber-wave"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 20%,rgba(42,145,255,0.42),transparent 34%),radial-gradient(circle at 82% 25%,rgba(52,245,197,0.2),transparent 36%),linear-gradient(135deg,rgba(5,12,34,0.96),rgba(8,33,72,0.86)) !important;box-shadow:0 34px 120px rgba(0,0,0,0.42),0 0 98px rgba(42,145,255,0.22) !important;}
:root[data-vm-header-style="cyber-wave"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="cyber-wave"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="cyber-wave"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(ellipse at 50% 100%,rgba(52,245,197,0.18),transparent 42%),linear-gradient( 110deg,transparent 0 28%,rgba(42,145,255,0.2) 39%,transparent 52%,rgba(52,245,197,0.14) 64%,transparent 80% );}
:root[data-vm-header-style="cyber-wave"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="cyber-wave"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="cyber-wave"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{animation:vmHeaderBeamMove var(--vmHeaderSpeed) ease-in-out infinite alternate;}
:root[data-vm-header-style="deep-ocean"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="deep-ocean"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="deep-ocean"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 18%,rgba(52,245,197,0.26),transparent 36%),radial-gradient(circle at 86% 22%,rgba(42,145,255,0.4),transparent 42%),linear-gradient(135deg,rgba(3,18,34,0.97),rgba(5,40,62,0.86)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 94px rgba(52,245,197,0.14),0 0 98px rgba(42,145,255,0.17) !important;}
:root[data-vm-header-style="deep-ocean"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="deep-ocean"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="deep-ocean"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 110deg,transparent,rgba(52,245,197,0.12),transparent 45%,rgba(42,145,255,0.15),transparent );}
:root[data-vm-header-style="stage-lights"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="stage-lights"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="stage-lights"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(ellipse at 18% -20%,rgba(255,122,24,0.42),transparent 44%),radial-gradient(ellipse at 50% -25%,rgba(255,255,255,0.18),transparent 38%),radial-gradient(ellipse at 84% -20%,rgba(42,145,255,0.44),transparent 45%),linear-gradient(135deg,rgba(6,8,22,0.97),rgba(18,20,45,0.9)) !important;box-shadow:0 36px 126px rgba(0,0,0,0.44),0 0 90px rgba(255,122,24,0.13),0 0 100px rgba(42,145,255,0.15) !important;}
:root[data-vm-header-style="stage-lights"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="stage-lights"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="stage-lights"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient(105deg,transparent 0 14%,rgba(255,122,24,0.22) 28%,transparent 44%),linear-gradient(76deg,transparent 0 56%,rgba(42,145,255,0.24) 72%,transparent 90%);}
:root[data-vm-header-style="electric-aurora"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="electric-aurora"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="electric-aurora"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 15%,rgba(0,225,255,0.5),transparent 32%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.46),transparent 36%),radial-gradient(circle at 50% 110%,rgba(120,80,255,0.3),transparent 42%),linear-gradient(128deg,rgba(4,12,34,0.98),rgba(8,33,73,0.9) 48%,rgba(35,15,55,0.86)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.48),0 0 125px rgba(0,225,255,0.24),0 0 115px rgba(255,122,24,0.23),inset 0 1px 0 rgba(255,255,255,0.24) !important;}
:root[data-vm-header-style="electric-aurora"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="electric-aurora"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="electric-aurora"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 110deg,rgba(0,225,255,0.2),transparent 28%,rgba(255,122,24,0.18) 56%,transparent 78% ),radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.16),transparent 55%) !important;}
:root[data-vm-header-style="aqua-orange-lux"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 18%,rgba(0,238,255,0.44),transparent 36%),radial-gradient(circle at 86% 20%,rgba(255,132,30,0.54),transparent 38%),linear-gradient(135deg,rgba(5,21,43,0.98),rgba(7,34,66,0.9) 54%,rgba(37,20,22,0.82)) !important;box-shadow:0 40px 138px rgba(0,0,0,0.48),0 0 100px rgba(0,238,255,0.2),0 0 105px rgba(255,132,30,0.24) !important;}
:root[data-vm-header-style="aqua-orange-lux"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="aqua-orange-lux"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="aqua-orange-lux"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,0.16),transparent 48%),linear-gradient(90deg,rgba(0,238,255,0.2),transparent 50%,rgba(255,132,30,0.24)) !important;}
:root[data-vm-header-style="plasma-blue"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="plasma-blue"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="plasma-blue"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 16% 24%,rgba(52,245,197,0.34),transparent 34%),radial-gradient(circle at 72% 18%,rgba(42,145,255,0.58),transparent 42%),radial-gradient(circle at 92% 70%,rgba(120,80,255,0.25),transparent 38%),linear-gradient(135deg,rgba(3,10,31,0.99),rgba(5,28,67,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.49),0 0 135px rgba(42,145,255,0.28),0 0 90px rgba(52,245,197,0.18) !important;}
:root[data-vm-header-style="crystal-blue-3d"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="crystal-blue-3d"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="crystal-blue-3d"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 145deg,rgba(255,255,255,0.2),rgba(180,238,255,0.18) 18%,rgba(42,145,255,0.23) 38%,rgba(8,18,46,0.96) 62%,rgba(255,122,24,0.11) 88% ) !important;box-shadow:0 45px 150px rgba(0,0,0,0.52),inset 0 2px 0 rgba(255,255,255,0.36),inset 0 -2px 0 rgba(0,0,0,0.32),0 0 115px rgba(42,145,255,0.2) !important;}
:root[data-vm-header-style="crystal-blue-3d"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="crystal-blue-3d"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="crystal-blue-3d"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient( 118deg,rgba(255,255,255,0.26),transparent 28%,rgba(180,238,255,0.16) 50%,transparent 72%,rgba(255,122,24,0.12) ) !important;}
:root[data-vm-header-style="storm-orange"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="storm-orange"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="storm-orange"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 16% 18%,rgba(255,122,24,0.54),transparent 35%),radial-gradient(circle at 86% 28%,rgba(42,145,255,0.28),transparent 38%),linear-gradient(135deg,rgba(15,18,34,0.99),rgba(32,23,24,0.91)) !important;box-shadow:0 42px 140px rgba(0,0,0,0.5),0 0 118px rgba(255,122,24,0.24),0 0 80px rgba(42,145,255,0.13) !important;}
:root[data-vm-header-style="storm-orange"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card:before, :root[data-vm-header-style="storm-orange"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card:before, :root[data-vm-header-style="storm-orange"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card:before{background:linear-gradient(104deg,transparent 0 18%,rgba(255,255,255,0.18) 30%,transparent 42%),linear-gradient(80deg,transparent 0 55%,rgba(255,122,24,0.28) 70%,transparent 90%) !important;}
:root[data-vm-header-style="ocean-sunrise"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="ocean-sunrise"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-sunrise"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 18%,rgba(52,245,197,0.44),transparent 36%),radial-gradient(circle at 88% 20%,rgba(255,122,24,0.44),transparent 38%),linear-gradient( 135deg,rgba(3,20,35,0.99),rgba(5,45,70,0.88) 55%,rgba(34,23,22,0.82) ) !important;box-shadow:0 42px 140px rgba(0,0,0,0.48),0 0 100px rgba(52,245,197,0.18),0 0 100px rgba(255,122,24,0.2) !important;}
:root[data-vm-header-style="premium-carbon"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="premium-carbon"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-carbon"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 15% 18%,rgba(255,122,24,0.34),transparent 35%),radial-gradient(circle at 86% 20%,rgba(42,145,255,0.36),transparent 38%),linear-gradient( 145deg,rgba(255,255,255,0.08),rgba(8,12,28,0.99) 32%,rgba(10,17,38,0.96) 68%,rgba(255,255,255,0.06) ) !important;box-shadow:0 44px 148px rgba(0,0,0,0.52),inset 0 2px 0 rgba(255,255,255,0.16),inset 0 -2px 0 rgba(0,0,0,0.4),0 0 100px rgba(42,145,255,0.13),0 0 84px rgba(255,122,24,0.13) !important;}
:root[data-vm-header-style="virtualmix-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="virtualmix-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 16%,rgba(255,122,24,0.58),transparent 36%),radial-gradient(circle at 88% 18%,rgba(42,145,255,0.56),transparent 40%),radial-gradient(circle at 50% 112%,rgba(0,225,255,0.18),transparent 42%),linear-gradient(135deg,rgba(5,9,28,0.99),rgba(9,22,55,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 120px rgba(255,122,24,0.24),0 0 120px rgba(42,145,255,0.24) !important;}
:root[data-vm-header-style="blue-orange-neon"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-neon"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-neon"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 14% 18%,rgba(0,225,255,0.48),transparent 36%),radial-gradient(circle at 86% 20%,rgba(255,122,24,0.58),transparent 39%),linear-gradient(135deg,rgba(4,14,36,0.99),rgba(8,24,58,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 120px rgba(0,225,255,0.22),0 0 120px rgba(255,122,24,0.24) !important;}
:root[data-vm-header-style="premium-gold"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-gold"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 15% 12%,rgba(255,204,112,0.5),transparent 35%),radial-gradient(circle at 86% 22%,rgba(42,145,255,0.26),transparent 40%),linear-gradient(135deg,rgba(20,18,36,0.98),rgba(30,22,42,0.92)) !important;box-shadow:0 42px 142px rgba(0,0,0,0.5),0 0 118px rgba(255,184,70,0.22),0 0 78px rgba(42,145,255,0.12) !important;}
:root[data-vm-header-style="standard"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="standard"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="standard"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient( 135deg,rgba(255,255,255,0.1),rgba(255,255,255,0.045) ) !important;box-shadow:0 24px 85px rgba(0,0,0,0.28),inset 0 1px 0 rgba(255,255,255,0.14) !important;}
:root[data-vm-header-style="aqua-orange-lux"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="aqua-orange-lux"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-mix"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-mix"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="blue-orange-mix"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="carbon-night"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="carbon-night"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="carbon-night"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="dark-glass"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="dark-glass"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="dark-glass"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="deep-black"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="deep-black"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="deep-black"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="midnight-blue"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="midnight-blue"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="midnight-blue"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="neon-blue-orange"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="neon-blue-orange"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="neon-blue-orange"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-crystal"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="ocean-crystal"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-crystal"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-dark"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="ocean-dark"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-dark"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="orange-blue-smoke"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="orange-blue-smoke"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="orange-blue-smoke"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-navy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="premium-navy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="premium-navy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="smoke-orange"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="smoke-orange"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="smoke-orange"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="violet-navy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="violet-navy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="violet-navy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 16% 12%,var(--vm-v851-accent),transparent 38%),radial-gradient(circle at 86% 8%,var(--vm-v851-glow),transparent 42%),linear-gradient(135deg,var(--vm-v851-bg-a),var(--vm-v851-bg-b)) !important;border-color:var(--vm-v851-border) !important;box-shadow:0 24px 76px rgba(0,0,0,.34),0 0 70px var(--vm-v851-glow),inset 0 1px 0 rgba(255,255,255,.09) !important;}
:root[data-vm-header-style="standard"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="standard"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="standard"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(255,255,255,0.055)) !important;border-color:var(--line) !important;box-shadow:var(--shadow) !important;}
:root[data-vm-header-style="standard"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card::before, :root[data-vm-header-style="standard"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card::before, :root[data-vm-header-style="standard"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card::before{background:linear-gradient(120deg,rgba(255,122,24,0.18),rgba(47,140,255,0.14),rgba(255,255,255,0.045)) !important;opacity:0.9 !important;}
:root[data-vm-header-style="aurora-premium"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="aurora-premium"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="aurora-premium"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 12% 18%,rgba(255,122,24,.30),transparent 32%),radial-gradient(circle at 82% 22%,rgba(47,140,255,.34),transparent 36%),radial-gradient(circle at 54% 92%,rgba(255,63,180,.18),transparent 38%),linear-gradient(135deg,rgba(14,18,35,.94),rgba(15,43,86,.78)) !important;border-color:rgba(255,255,255,.18) !important;box-shadow:0 24px 74px rgba(0,0,0,.34),0 0 44px rgba(47,140,255,.12) !important;}
:root[data-vm-header-style="aurora-premium"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="aurora-premium"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="aurora-premium"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background-size:145% 145%,145% 145%,140% 140%,100% 100% !important;animation:vmHeaderSoftMove 9s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="ocean-energy"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="ocean-energy"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-energy"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 28%,rgba(52,245,197,.28),transparent 34%),radial-gradient(circle at 86% 16%,rgba(47,140,255,.34),transparent 34%),linear-gradient(135deg,rgba(3,37,48,.95),rgba(4,30,70,.84),rgba(6,10,28,.96)) !important;border-color:rgba(52,245,197,.20) !important;box-shadow:0 24px 76px rgba(0,0,0,.34),0 0 38px rgba(52,245,197,.11) !important;}
:root[data-vm-header-style="ocean-energy"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="ocean-energy"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="ocean-energy"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background-size:150% 150%,145% 145%,100% 100% !important;animation:vmHeaderSoftMove 10s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="inferno-x"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="inferno-x"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="inferno-x"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 30%,rgba(255,122,24,.38),transparent 34%),radial-gradient(circle at 76% 22%,rgba(255,63,180,.18),transparent 32%),linear-gradient(135deg,rgba(34,12,10,.96),rgba(55,22,30,.78),rgba(10,15,33,.95)) !important;border-color:rgba(255,154,62,.22) !important;box-shadow:0 24px 76px rgba(0,0,0,.36),0 0 42px rgba(255,122,24,.13) !important;}
:root[data-vm-header-style="inferno-x"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="inferno-x"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="inferno-x"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background-size:145% 145%,145% 145%,100% 100% !important;animation:vmHeaderSoftMove 8s ease-in-out infinite alternate !important;}
:root[data-vm-header-style="galaxy-ultra"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="galaxy-ultra"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="galaxy-ultra"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background:radial-gradient(circle at 18% 22%,rgba(142,88,255,.30),transparent 35%),radial-gradient(circle at 76% 28%,rgba(47,140,255,.28),transparent 32%),radial-gradient(circle at 58% 92%,rgba(255,122,24,.14),transparent 34%),linear-gradient(135deg,rgba(10,8,28,.96),rgba(18,26,70,.82),rgba(6,10,22,.96)) !important;border-color:rgba(170,145,255,.20) !important;box-shadow:0 24px 76px rgba(0,0,0,.36),0 0 44px rgba(142,88,255,.13) !important;}
:root[data-vm-header-style="galaxy-ultra"][data-vm-header-animate="1"] body.scheduleBody:not(.vmPopupPage) main.schedulePage > section.page.subHero > .card, :root[data-vm-header-style="galaxy-ultra"][data-vm-header-animate="1"] body.chartBody:not(.vmPopupPage) main > section.page.subHero > .card, :root[data-vm-header-style="galaxy-ultra"][data-vm-header-animate="1"] body.teamPremiumBody:not(.vmPopupPage) main > section.page.subHero > .card{background-size:150% 150%,145% 145%,140% 140%,100% 100% !important;animation:vmHeaderSoftMove 11s ease-in-out infinite alternate !important;}
body.rekrutacjaBody:not(.vmPopupPage) .vmRecruitShell.vmUseSurfaceStyle::before{content:none !important;display:none !important;}
body.chartPremiumBody .vmChartListenModal{z-index:2147483000;background:radial-gradient(circle at 18% 12%,rgba(47,140,255,0.18),transparent 34%),radial-gradient(circle at 82% 72%,rgba(255,126,0,0.12),transparent 36%),rgba(3,7,18,0.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);}
body.chartPremiumBody .vmChartListenBackdrop{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;}
body.chartPremiumBody .vmChartListenCard{width:min(920px,calc(100vw - 44px));background:linear-gradient(145deg,rgba(18,22,38,0.98),rgba(5,9,22,0.99));}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;margin:0 !important;padding:0 !important;display:none !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:2147483000 !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal.open{display:flex !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenBackdrop{position:absolute !important;inset:16px clamp(16px,7.7vw,122px) 18px !important;width:auto !important;height:auto !important;margin:0 !important;border-radius:30px !important;background:radial-gradient(circle at 8% 10%,rgba(35,58,120,0.34),transparent 38%),radial-gradient(circle at 88% 58%,rgba(255,126,0,0.14),transparent 36%),linear-gradient(145deg,rgba(6,13,32,0.94),rgba(3,7,18,0.96)) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.025),0 28px 100px rgba(0,0,0,0.58) !important;backdrop-filter:blur(18px) !important;-webkit-backdrop-filter:blur(18px) !important;transform:none !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard{position:relative !important;z-index:1 !important;width:min(920px,calc(100vw - 300px)) !important;max-width:calc(100vw - 44px) !important;max-height:calc(100dvh - 80px) !important;margin:0 auto !important;overflow:hidden !important;transform:none !important;background:linear-gradient(145deg,rgba(18,22,38,0.98),rgba(5,9,22,0.99)) !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame{width:100% !important;aspect-ratio:16 / 9 !important;max-height:calc(100dvh - 150px) !important;overflow:hidden !important;}
@media (max-width: 980px) { body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenBackdrop { inset: 12px !important; border-radius: 24px !important; } body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard { width: calc(100vw - 28px) !important; max-height: calc(100dvh - 32px) !important; } }
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;padding:22px !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenBackdrop{inset:0 !important;border-radius:0 !important;border:0 !important;box-shadow:none !important;background:rgba(3,7,18,0.58) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard{width:min(920px,calc(100vw - 44px)) !important;max-width:min(920px,calc(100vw - 44px)) !important;background:transparent !important;border:0 !important;box-shadow:none !important;border-radius:26px !important;overflow:hidden !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenHead{background:rgba(18,18,28,0.74) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame{width:100% !important;aspect-ratio:16 / 9 !important;background:transparent !important;max-height:calc(100dvh - 120px) !important;}
body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame iframe{width:100% !important;height:100% !important;border:0 !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;margin:0 !important;padding:22px !important;display:none !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:transparent !important;border:0 !important;box-shadow:none !important;z-index:2147483000 !important;transform:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenBackdrop{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;outline:0 !important;box-shadow:none !important;background:rgba(3,7,18,0.46) !important;transform:none !important;backdrop-filter:blur(15px) !important;-webkit-backdrop-filter:blur(15px) !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard{position:relative !important;z-index:1 !important;width:min(920px,calc(100vw - 44px)) !important;min-width:0 !important;max-width:min(920px,calc(100vw - 44px)) !important;height:auto !important;min-height:0 !important;max-height:calc(100dvh - 44px) !important;margin:auto !important;padding:0 !important;border:0 !important;outline:0 !important;border-radius:26px !important;background:transparent !important;box-shadow:none !important;overflow:hidden !important;transform:none !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenHead{position:relative !important;z-index:2 !important;margin:0 !important;border:1px solid rgba(255,255,255,0.10) !important;border-bottom:0 !important;border-radius:26px 26px 0 0 !important;background:rgba(23,21,30,0.72) !important;box-shadow:none !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame{position:relative !important;display:block !important;width:100% !important;height:auto !important;aspect-ratio:16 / 9 !important;max-height:calc(100dvh - 120px) !important;margin:0 !important;padding:0 !important;border:1px solid rgba(255,255,255,0.10) !important;border-top:0 !important;border-radius:0 0 26px 26px !important;background:transparent !important;box-shadow:none !important;overflow:hidden !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame iframe{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;max-width:none !important;max-height:none !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;}
@media (max-width: 980px) { html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal { padding: 12px !important; } html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; } }
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;margin:0 !important;padding:22px !important;display:none !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:2147483000 !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal.open{display:flex !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenBackdrop{display:none !important;content:none !important;background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard{position:relative !important;z-index:1 !important;width:min(920px,calc(100vw - 44px)) !important;max-width:min(920px,calc(100vw - 44px)) !important;height:auto !important;max-height:calc(100dvh - 44px) !important;margin:auto !important;padding:0 !important;border:0 !important;outline:0 !important;border-radius:26px !important;background:transparent !important;background-image:none !important;box-shadow:none !important;overflow:hidden !important;clip-path:inset(0 round 26px) !important;-webkit-clip-path:inset(0 round 26px) !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenHead{margin:0 !important;border:1px solid rgba(255,255,255,.10) !important;border-bottom:0 !important;border-radius:26px 26px 0 0 !important;background:rgba(23,21,30,.72) !important;box-shadow:none !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame{position:relative !important;display:block !important;width:100% !important;height:auto !important;aspect-ratio:16 / 9 !important;max-height:calc(100dvh - 120px) !important;margin:0 !important;padding:0 !important;border:1px solid rgba(255,255,255,.10) !important;border-top:0 !important;border-radius:0 0 26px 26px !important;background:transparent !important;background-image:none !important;box-shadow:none !important;overflow:hidden !important;clip-path:inset(0 round 0 0 26px 26px) !important;-webkit-clip-path:inset(0 round 0 0 26px 26px) !important;}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenFrame iframe{position:absolute !important;inset:0 !important;display:block !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important;}
@media (max-width: 980px) { html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal { padding: 12px !important; } html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal .vmChartListenCard { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; } }
body.chartPremiumBody #vmChartListenModal.vmChartListenModal{position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;margin:0 !important;padding:22px !important;display:none !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;background:transparent !important;background-image:none !important;border:0 !important;box-shadow:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;z-index:2147483000 !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal.open{display:flex !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenBackdrop{position:absolute !important;inset:0 !important;width:auto !important;height:auto !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;background:rgba(3,7,18,0.58) !important;background-image:none !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenCard{position:relative !important;z-index:1 !important;width:min(860px,calc(100vw - 44px)) !important;max-width:min(860px,calc(100vw - 44px)) !important;height:auto !important;max-height:calc(100dvh - 44px) !important;margin:auto !important;padding:0 !important;border:1px solid rgba(255,255,255,0.13) !important;border-radius:26px !important;background:linear-gradient(145deg,rgba(18,22,38,0.98),rgba(5,9,22,0.99)) !important;background-image:linear-gradient(145deg,rgba(18,22,38,0.98),rgba(5,9,22,0.99)) !important;box-shadow:0 34px 90px rgba(0,0,0,0.58),0 0 42px rgba(255,126,0,0.13) !important;overflow:hidden !important;transform:none !important;clip-path:inset(0 round 26px) !important;-webkit-clip-path:inset(0 round 26px) !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenHead{position:relative !important;z-index:2 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:14px !important;margin:0 !important;padding:14px 16px 12px !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,0.10) !important;border-radius:0 !important;background:linear-gradient(90deg,rgba(49,31,36,0.98),rgba(22,22,34,0.99)) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;box-shadow:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame{position:relative !important;display:block !important;width:100% !important;height:auto !important;max-height:calc(100dvh - 112px) !important;aspect-ratio:16 / 9 !important;margin:0 !important;padding:0 !important;border:0 !important;border-radius:0 !important;background:#020617 !important;background-image:none !important;box-shadow:none !important;overflow:hidden !important;clip-path:none !important;-webkit-clip-path:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame iframe{position:absolute !important;inset:0 !important;display:block !important;visibility:visible !important;opacity:1 !important;width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;margin:0 !important;padding:0 !important;border:0 !important;background:#020617 !important;}
@media (max-width: 980px) { body.chartPremiumBody #vmChartListenModal.vmChartListenModal { padding: 12px !important; } body.chartPremiumBody #vmChartListenModal .vmChartListenCard { width: calc(100vw - 24px) !important; max-width: calc(100vw - 24px) !important; max-height: calc(100dvh - 24px) !important; border-radius: 22px !important; clip-path: inset(0 round 22px) !important; -webkit-clip-path: inset(0 round 22px) !important; } }
body.chartPremiumBody #vmChartListenModal.vmChartListenModal{background:transparent !important;background-image:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenCard{background:#111625 !important;background-image:linear-gradient(145deg,#171827 0%,#050916 100%) !important;overflow:hidden !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenHead{background:#191722 !important;background-image:linear-gradient(90deg,#281d22 0%,#181823 100%) !important;opacity:1 !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame{background:#020617 !important;}
body.chartPremiumBody #vmChartListenModal .vmChartListenFrame iframe{background:#020617 !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal .vmChartListenCard{background-color:#071224 !important;background-image:linear-gradient(145deg,#081a36 0%,#050916 100%) !important;border-color:rgba(105,145,205,0.22) !important;overflow:hidden !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal .vmChartListenHead, html.vmPopupPage body.chartPremiumBody #vmChartListenModal.vmChartListenModal .vmChartListenHead, html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenHead{background-color:#071a36 !important;background-image:linear-gradient(90deg,#071a36 0%,#06142d 100%) !important;opacity:1 !important;filter:none !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:1px solid rgba(116,160,220,0.18) !important;box-shadow:inset 0 -1px 0 rgba(255,255,255,0.035) !important;}
body.chartPremiumBody #vmChartListenModal.vmChartListenModal .vmChartListenFrame{background-color:#020617 !important;}
html.vmPopupPage body.pozdrowieniaBody #vmModal.vmV217GreetingBox.open, html.vmPopupPage body.pozdrowieniaBody #vmModal.vmV217OnlineBox.open, body.vmPopupPage.pozdrowieniaBody #vmModal.vmV217GreetingBox.open, body.vmPopupPage.pozdrowieniaBody #vmModal.vmV217OnlineBox.open{position:fixed !important;inset:auto !important;top:50% !important;left:50% !important;transform:translate(-50%,-50%) !important;width:520px !important;max-width:calc(100vw - 36px) !important;height:auto !important;min-height:0 !important;max-height:calc(100vh - 36px) !important;padding:0 !important;display:block !important;align-items:initial !important;justify-content:initial !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;overflow:visible !important;z-index:9999 !important;}
html.vmPopupPage body.pozdrowieniaBody #vmModal.vmV217GreetingBox.open .modalCard, html.vmPopupPage body.pozdrowieniaBody #vmModal.vmV217OnlineBox.open .modalCard, body.vmPopupPage.pozdrowieniaBody #vmModal.vmV217GreetingBox.open .modalCard, body.vmPopupPage.pozdrowieniaBody #vmModal.vmV217OnlineBox.open .modalCard{width:100% !important;max-width:100% !important;height:auto !important;min-height:0 !important;max-height:calc(100vh - 36px) !important;overflow:hidden !important;}
.scheduleBody .vmScheduleCard.isCanceled{opacity:0.72 !important;background:linear-gradient(135deg,rgba(255,255,255,0.055),rgba(255,255,255,0.028)) !important;border-color:rgba(255,255,255,0.11) !important;box-shadow:0 14px 34px rgba(0,0,0,0.18) !important;}
.scheduleBody .vmScheduleCard.isCanceled .vmScheduleAvatar img{filter:grayscale(100%) !important;opacity:0.72 !important;}
.scheduleBody .vmScheduleCard.isCanceled .vmScheduleTime b, .scheduleBody .vmScheduleCard.isCanceled .vmSchedulePresenter p{color:rgba(255,255,255,0.72) !important;-webkit-text-fill-color:rgba(255,255,255,0.72) !important;background:none !important;text-decoration:line-through !important;text-decoration-thickness:2px !important;text-decoration-color:rgba(255,255,255,0.78) !important;text-shadow:none !important;animation:none !important;}
.scheduleBody .vmScheduleCard.isCanceled .vmScheduleTitleFlow span{text-decoration:line-through !important;text-decoration-thickness:2px !important;text-decoration-color:rgba(255,255,255,0.78) !important;}
.scheduleBody .vmScheduleCanceledBadge{position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;border-radius:999px !important;background:rgba(255,95,95,0.14) !important;border:1px solid rgba(255,120,120,0.35) !important;color:#ffb0b0 !important;font-size:0.66rem !important;font-weight:1000 !important;letter-spacing:0.8px !important;padding:5px 9px !important;text-transform:uppercase !important;}


/* v969: FIX lista player overlay source-level
   Tylko pełna podstrona lista-przebojow.
   Źródło problemu: ogólna reguła dla stron z data-vm-popup-bg-style łapała #vmChartListenModal jako zwykły element body i ograniczała go do prawego/dolnego obszaru. Popup listy nie jest ruszany. */
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:22px !important;
  box-sizing:border-box !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
  -webkit-transform:none !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
  z-index:2147483647 !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal:not(.open){
  display:none !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal.open{
  display:flex !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenBackdrop{
  display:block !important;
  position:fixed !important;
  inset:0 !important;
  left:0 !important;
  top:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:rgba(3,7,18,0.76) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  box-shadow:none !important;
  transform:none !important;
  -webkit-transform:none !important;
  z-index:0 !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenCard{
  position:relative !important;
  z-index:1 !important;
  width:min(920px,96vw) !important;
  max-width:min(920px,96vw) !important;
  min-width:0 !important;
  height:auto !important;
  max-height:calc(100dvh - 44px) !important;
  margin:auto !important;
  padding:0 !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  border-radius:26px !important;
  background:linear-gradient(145deg,rgba(10,18,38,0.97),rgba(6,10,24,0.98)) !important;
  box-shadow:0 34px 90px rgba(0,0,0,0.58),0 0 42px rgba(255,126,0,0.13) !important;
  overflow:hidden !important;
  transform:none !important;
  -webkit-transform:none !important;
  clip-path:none !important;
  -webkit-clip-path:none !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenHead{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin:0 !important;
  padding:14px 16px 12px !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,0.1) !important;
  border-radius:0 !important;
  background:linear-gradient(90deg,rgba(255,126,0,0.12),rgba(255,255,255,0.035)) !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenFrame{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  max-height:calc(100dvh - 112px) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#020617 !important;
  overflow:hidden !important;
}
html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenFrame iframe{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#020617 !important;
}
@media (max-width:680px){
  html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal{padding:12px !important;}
  html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenCard{width:calc(100vw - 24px) !important;max-width:calc(100vw - 24px) !important;border-radius:20px !important;}
  html:not(.vmPopupPage) body.chartPremiumBody:not(.vmPopupPage) #vmChartListenModal.vmChartListenModal .vmChartListenHead{padding:12px !important;}
}


/* v985 — własna grafika kafelków podstron: źródłowe nadpisanie tylko dla zwykłych kafelków, bez popupów */
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard),
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .listenLayout .card,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles a,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles button,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .miniCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .eventCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .scheduleTodayBlock,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleDays,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartPremium,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartRow,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .listenPremiumPlayer,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .heroPlayer,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .xatBox,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .embedBox,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .greetingsCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .requestCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .onLiveCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).vmLivePageBody .vmLiveChatOuterCard,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).vmLivePageBody .vmLiveVideoColumn,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).vmLivePageBody .vmLivePlayer,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles a,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).vmLivePageBody .vmLiveActionTiles button,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage).rekrutacjaBody .vmRecruitShell.vmUseSurfaceStyle,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTileStylePreviewCardItem {
  background: linear-gradient(135deg, rgba(5,10,20,.30), rgba(5,12,24,.20)), var(--vm-surface-custom-url) center center / cover no-repeat !important;
  background-image: linear-gradient(135deg, rgba(5,10,20,.30), rgba(5,12,24,.20)), var(--vm-surface-custom-url) !important;
  background-size: cover, cover !important;
  background-position: center center, center center !important;
  background-repeat: no-repeat, no-repeat !important;
}

html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard)::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard)::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .listenLayout .card::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .listenLayout .card::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles a::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles a::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles button::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .quickTiles button::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleDays::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleDays::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleCard::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmScheduleCard::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartPremium::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartPremium::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartRow::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmChartRow::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamCard::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamCard::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox::after,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow::before,
html[data-vm-surface-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow::after {
  opacity: 0 !important;
}


/* v986 — własna grafika kafelków: źródłowa warstwa custom ponad gotowymi presetami, bez popupów */
html[data-vm-tile-custom="1"]{--vm-tile-custom-url:var(--vm-surface-custom-url);}
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard),
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .listenLayout .card,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles a,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles button,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .mini,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .miniCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .player,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventItem,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventsCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .facebookSideCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmBannerHomeCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .homeChartPreviewCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .homeChatPremiumCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .homeLivePreviewCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .listenPremiumPlayer,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .listenGreetingMiniCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .greetingsCenterCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .greetingChoiceCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .greetingsCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .requestCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .onLiveCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmContactPremiumCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmRecruitCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmRecruitShell.vmUseSurfaceStyle,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleDays,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .scheduleTodayBlock,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTodaySchedule,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartPremium,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartPanel,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartRow,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamCard,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmLivePanel,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmLiveActionTiles a,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmLiveActionTiles button,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmCommunityGrid a,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .xatBox,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .embedBox,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTileStylePreviewCardItem{
  background-color:rgba(5,10,20,.38) !important;
  background-image:linear-gradient(135deg,rgba(5,10,20,.18),rgba(5,12,24,.10)),var(--vm-tile-custom-url) !important;
  background-size:cover,cover !important;
  background-position:center center,center center !important;
  background-repeat:no-repeat,no-repeat !important;
}
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard)::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard)::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .listenLayout .card::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .listenLayout .card::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles a::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles a::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles button::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .quickTiles button::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .mini::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .mini::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .player::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .player::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventItem::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventItem::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventsCard::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .eventsCard::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePremium::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleDays::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleDays::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmSchedulePanel::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleCard::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmScheduleCard::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartPremium::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartPremium::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartRow::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmChartRow::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamFrameCard::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamCard::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamCard::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamInfoBox::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTeamContactRow::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmLivePanel::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmLivePanel::after,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTileStylePreviewCardItem::before,
html[data-vm-tile-custom="1"] body:not(.vmPopupPage) .vmTileStylePreviewCardItem::after{
  content:none !important;
  display:none !important;
  opacity:0 !important;
  background:none !important;
  box-shadow:none !important;
  animation:none !important;
}

/* v987 — własna grafika nagłówków podstron z folderu images, bez popupów */
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .subHero > .card,
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .vmHeaderStylePreview > .card{
  background-color:rgba(5,10,20,.40) !important;
  background-image:linear-gradient(135deg,rgba(5,10,20,.22),rgba(5,12,24,.14)),var(--vm-header-custom-url) !important;
  background-size:cover,cover !important;
  background-position:center center,center center !important;
  background-repeat:no-repeat,no-repeat !important;
}
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .subHero > .card::before,
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .subHero > .card::after,
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .vmHeaderStylePreview > .card::before,
html[data-vm-header-custom="1"] body:not(.vmPopupPage) .vmHeaderStylePreview > .card::after{
  content:"" !important;
  opacity:0 !important;
  animation:none !important;
}

/* v990: własne logo START — dopasowanie do standardowego logo gold */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  display:block !important;
  width:fit-content !important;
  max-width:min(560px,100%) !important;
  min-height:0 !important;
  height:auto !important;
  margin:4px 0 0 0 !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:left !important;
  background:transparent !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:inherit !important;
  -webkit-text-fill-color:initial !important;
  text-shadow:none !important;
  filter:none !important;
  overflow:visible !important;
  clip-path:none !important;
  contain:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after{
  content:none !important;
  display:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  display:block !important;
  width:min(500px,72vw) !important;
  height:auto !important;
  max-width:100% !important;
  max-height:112px !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  width:min(420px,100%) !important;
  height:auto !important;
  max-height:92px !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media (max-width:720px){
  html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
  html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
    width:min(410px,86vw) !important;
    max-height:92px !important;
  }
}

/* v991: własne logo START — stały slot jak standardowe logo, bez przesuwania układu */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  position:relative !important;
  display:block !important;
  width:min(560px,100%) !important;
  height:clamp(82px,7.4vw,106px) !important;
  max-width:min(560px,100%) !important;
  min-height:0 !important;
  margin:2px 0 0 0 !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:left !important;
  overflow:visible !important;
  background:transparent !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:inherit !important;
  -webkit-text-fill-color:initial !important;
  text-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
  contain:layout style !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
@media (max-width:720px){
  html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
  html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
    width:min(440px,100%) !important;
    height:clamp(70px,15vw,92px) !important;
  }
}

/* v993: własne logo START — stały slot, kadrowanie widocznej części obrazka, bez wpływu na standardowe style tekstowe */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  position:relative !important;
  display:block !important;
  width:min(560px,100%) !important;
  height:clamp(86px,7.6vw,108px) !important;
  max-width:min(560px,100%) !important;
  margin:6px 0 10px 0 !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:left !important;
  overflow:hidden !important;
  contain:layout style !important;
  background:transparent !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:inherit !important;
  -webkit-text-fill-color:initial !important;
  text-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after{
  content:none !important;
  display:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  right:auto !important;
  bottom:auto !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{
  position:relative !important;
  display:block !important;
  width:min(420px,100%) !important;
  height:92px !important;
  overflow:hidden !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  max-width:none !important;
  max-height:none !important;
}
@media (max-width:720px){
  html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
  html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
    width:min(440px,100%) !important;
    height:clamp(72px,15vw,94px) !important;
  }
}


/* v994: własne logo START — stabilny slot, równe marginesy góra/dół i podgląd panelu */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  position:relative !important;
  display:block !important;
  width:min(548px,100%) !important;
  height:clamp(88px,7.25vw,104px) !important;
  max-width:min(548px,100%) !important;
  margin:4px 0 8px 0 !important;
  padding:0 !important;
  line-height:0 !important;
  text-align:left !important;
  overflow:hidden !important;
  contain:layout style !important;
  background:transparent !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:inherit !important;
  -webkit-text-fill-color:initial !important;
  text-shadow:none !important;
  filter:none !important;
  clip-path:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::before,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]::after{
  content:none !important;
  display:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  position:absolute !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{
  position:relative !important;
  display:block !important;
  width:min(420px,100%) !important;
  height:92px !important;
  margin:4px 0 8px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:transparent !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::before,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::after,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::before,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::after{
  content:none !important;
  display:none !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  position:absolute !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  margin:0 !important;
  padding:0 !important;
}
@media (max-width:720px){
  html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
  html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
    width:min(430px,100%) !important;
    height:clamp(74px,14.8vw,92px) !important;
  }
}


/* v995: własne logo START — dopasowanie slotu i podglądu panelu, bez ruszania standardowych stylów */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  margin:4px 0 8px 0 !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  transform:none !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{
  width:min(420px,100%) !important;
  height:92px !important;
  margin:6px 0 8px 0 !important;
}
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  opacity:1 !important;
  visibility:visible !important;
}


/* v997: własne logo START — finalna kosmetyka pozycji + widoczny podgląd panelu */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"],
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"]{
  margin:4px 0 8px 0 !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  opacity:1 !important;
  visibility:visible !important;
}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{
  position:relative !important;
  display:block !important;
  width:min(420px,100%) !important;
  height:92px !important;
  margin:6px 0 8px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  background:transparent !important;
  color:inherit !important;
  -webkit-text-fill-color:initial !important;
  text-shadow:none !important;
  filter:none !important;
}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode::before,
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode::after,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::before,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode::after,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::before,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode::after{
  content:none !important;
  display:none !important;
}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  position:absolute !important;
  display:block !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}


/* v1000: panel START — wybrane logo z images widoczne w głównym podglądzie */
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode{
  display:block !important;
  position:relative !important;
  width:420px !important;
  height:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  margin:8px 0 10px 0 !important;
  padding:0 !important;
  overflow:visible !important;
  line-height:0 !important;
  background:transparent !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  filter:none !important;
}
.eventsAdminBody .vmHeroStylePreview.vmPreviewV506 .vmPreviewStageV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmPreviewHeroV506 .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage,
.eventsAdminBody .vmHeroStylePreview .vmLogoText.vmLogoImageMode > img.vmHeroLogoImage{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* v1001: własne logo START — delikatnie mniejsze w tym samym slocie, bez zmiany podglądu panelu */
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  left:0 !important;
  top:4% !important;
  width:92% !important;
  height:92% !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* v1002: własne logo START — mniejszy rendering u źródła + brak pomarańczowego mignięcia przed JS */
html[data-vm-hero-logo^="image:"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"],
html[data-vm-hero-logo-image="1"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]{
  position:relative !important;
  display:block !important;
  width:min(548px,100%) !important;
  height:clamp(88px,7.25vw,104px) !important;
  max-width:min(548px,100%) !important;
  margin:4px 0 8px 0 !important;
  padding:0 !important;
  overflow:hidden !important;
  line-height:0 !important;
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  text-shadow:none !important;
  filter:none !important;
  background-image:var(--vm-hero-logo-image-url) !important;
  background-repeat:no-repeat !important;
  background-size:92% 92% !important;
  background-position:left center !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
}
html[data-vm-hero-logo^="image:"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"] > span,
html[data-vm-hero-logo-image="1"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"] > span,
html[data-vm-hero-logo^="image:"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]::before,
html[data-vm-hero-logo^="image:"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]::after,
html[data-vm-hero-logo-image="1"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]::before,
html[data-vm-hero-logo-image="1"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]::after{
  content:none !important;
  display:none !important;
}
html body.homePremiumBody .heroWow .heroContent h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage,
html body.homePremiumBody .heroWow h1 .vmLogoText.vmLogoImageMode[aria-label="VIRTUALMIX"] > img.vmHeroLogoImage{
  object-fit:contain !important;
  object-position:left center !important;
}



/* v1007 — styl kafelków podstron: własna powierzchnia kafelka bez przebijania niebieskiego tła strony.
   Dotyczy tylko gotowych presetów kafelków; własna grafika kafelków i popupy są wykluczone. */
html[data-vm-tile-style="ocean-dark"]{
  --vm-tile-a:rgba(1,31,48,.96);
  --vm-tile-b:rgba(0,112,140,.72);
  --vm-tile-border:rgba(70,220,255,.34);
  --vm-tile-glow:rgba(0,190,255,.28);
  --vm-tile-accent:rgba(0,245,200,.28);
}
html[data-vm-tile-style="smoke-orange"]{
  --vm-tile-a:rgba(42,18,8,.96);
  --vm-tile-b:rgba(190,76,16,.72);
  --vm-tile-border:rgba(255,148,70,.38);
  --vm-tile-glow:rgba(255,118,30,.30);
  --vm-tile-accent:rgba(255,120,28,.34);
}
html[data-vm-tile-style="blue-orange-mix"],
html[data-vm-tile-style="neon-blue-orange"],
html[data-vm-tile-style="aqua-orange-lux"],
html[data-vm-tile-style="orange-blue-smoke"]{
  --vm-tile-b:rgba(255,116,24,.56);
}
html[data-vm-tile-style="violet-navy"]{
  --vm-tile-b:rgba(100,50,160,.66);
}
html[data-vm-tile-style="ocean-crystal"],
html[data-vm-tile-style="ocean-lux"],
html[data-vm-tile-style="aurora-soft"]{
  --vm-tile-b:rgba(35,170,220,.62);
}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]){
  --vm-tile-solid-base:linear-gradient(135deg,rgba(3,7,16,.96),rgba(7,13,26,.94));
  --vm-subpage-surface-bg-solid:var(--vm-subpage-surface-bg),var(--vm-tile-solid-base);
}
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .section .card:not(.vmHeaderStylePreviewCard):not(.vmPopupStylePreviewCard):not(.vmBgStylePreviewCard):not(.vmTileStylePreviewCard),
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .listenLayout .card,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .quickTiles a,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .quickTiles button,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .mini,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .miniCard,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .player,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .eventItem,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .eventCard,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .eventsPanel,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .sideCard,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .vmTodaySchedule,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .vmLivePanel,
html[data-vm-tile-style]:not([data-vm-tile-style="standard"]):not([data-vm-tile-style=""]):not([data-vm-tile-custom="1"]) body:not(.vmPopupPage) .vmTileStylePreviewCardItem{
  background-color:#050b17 !important;
  background-image:var(--vm-subpage-surface-bg-solid) !important;
  background-size:cover,cover,cover !important;
  background-position:center center,center center,center center !important;
  border-color:var(--vm-subpage-surface-border,var(--vm-tile-border,rgba(84,190,255,.24))) !important;
  box-shadow:var(--vm-subpage-surface-shadow,0 24px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)) !important;
}


/* v1009: własne logo START — regulacja z panelu (skala i przesunięcie). */
html[data-vm-hero-logo^="image:"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"],
html[data-vm-hero-logo-image="1"] body.homePremiumBody .heroWow .heroContent h1 .vmLogoText:not(.vmLogoImageMode)[aria-label="VIRTUALMIX"]{
  background-size:calc(92% * var(--vm-hero-logo-user-scale, 1)) calc(92% * var(--vm-hero-logo-user-scale, 1)) !important;
  background-position:var(--vm-hero-logo-user-x, 0px) calc(50% + var(--vm-hero-logo-user-y, 0px)) !important;
}