*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:#03050b;color:#fff}body{display:flex;justify-content:center;overflow-x:hidden}.scene-bg{position:fixed;inset:-2%;background-image:linear-gradient(rgba(2,5,13,.20),rgba(2,5,13,.40)),var(--app-bg,linear-gradient(145deg,#07101e,#05070d));background-size:cover;background-position:center 42%;background-repeat:no-repeat;z-index:-2;animation:bgCinema 24s ease-in-out infinite alternate;transform:scale(1.04);will-change:transform,background-position}.scene-overlay{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% 28%,rgba(0,0,0,.02),rgba(0,0,0,.10) 40%,rgba(1,3,9,.58) 100%),linear-gradient(180deg,rgba(1,3,9,.03),rgba(1,3,9,.15) 55%,rgba(1,3,9,.62))}.phone-app{width:min(100%,440px);min-height:100dvh;padding:12px 16px 18px;background:linear-gradient(180deg,rgba(3,7,18,.18),rgba(3,5,13,.66));position:relative;backdrop-filter:blur(.6px)}.topbar{height:52px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center}.topbar strong{text-align:center;font-size:18px;letter-spacing:.03em;text-shadow:0 2px 7px #000}.icon-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(11,18,34,.92),rgba(4,8,18,.92));color:#fff;border-radius:13px;font-size:20px;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.28)}.menu-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.menu-icon span{width:21px;height:2px;background:#fff;border-radius:9px}.alarm-top{font-size:18px}.brand-stage{display:flex;justify-content:center;margin-top:4px}.logo-ring{width:214px;aspect-ratio:1;border-radius:50%;overflow:hidden;background:transparent;box-shadow:none}.logo-ring:before,.logo-ring:after{display:none!important}.logo-ring.spin{animation:spin var(--spin-seconds,15s) linear infinite}.logo-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:transparent;filter:none!important;box-shadow:none!important}.live-pill{width:max-content;margin:10px auto 4px;padding:7px 17px;border-radius:999px;background:linear-gradient(135deg,#ff183f,#e8072f);font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.26)}.tagline{text-align:center;font-size:12px;font-weight:900;margin:5px 0 0;text-shadow:0 2px 4px #000}.visualizer-wrap{height:116px;margin:-2px -3px 0;overflow:hidden}.visualizer-wrap canvas{width:100%;height:100%;display:block}.track-card{display:grid;grid-template-columns:78px 1fr;gap:13px;align-items:center;margin-top:-8px;padding:6px 6px 8px;background:linear-gradient(145deg,rgba(5,9,20,.70),rgba(3,5,12,.56));border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.22)}.cover{width:78px;height:78px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,213,0,.86);box-shadow:0 7px 18px rgba(0,0,0,.42);background:radial-gradient(circle at 50% 50%,#303542 0 10%,#0c0f16 11% 37%,#252b36 38% 40%,#080a0f 41% 100%)}.track-copy{min-width:0;display:flex;flex-direction:column}.track-copy strong{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-copy>span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.track-copy small{margin-top:6px;color:#f0f0f0;font-size:11px}.track-copy small b{color:#ffd400}.player-controls{display:grid;grid-template-columns:58px 48px 78px 48px 58px;justify-content:center;align-items:center;gap:7px;margin:13px auto 10px}.player-controls button{cursor:pointer;-webkit-tap-highlight-color:transparent}.premium-control,.transport-control,.main-play{display:grid;place-items:center;position:relative;overflow:hidden}.premium-control{width:56px;height:56px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#151c2b,#070b13);color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.33);transition:.2s}.premium-control:active,.transport-control:active{transform:scale(.94)}.premium-control .control-icon{font-size:22px;line-height:1;color:#ffd21a}.premium-control .control-label{font-size:8px;font-weight:800;margin-top:2px;letter-spacing:.01em}.like-control.liked{animation:likePremium .68s ease}.share-control{background:linear-gradient(145deg,#0d2841,#07101c);border-color:rgba(74,174,255,.40)}.share-control .control-icon{color:#72c5ff}.transport-control{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,#171d2a,#090d14);color:#fff;font-size:20px;box-shadow:inset 0 1px rgba(255,255,255,.10),0 7px 17px rgba(0,0,0,.30);transition:.2s}.main-play{width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,227,121,.80);margin:auto;background:linear-gradient(145deg,#ffd000 0%,#ff9d00 42%,#ff5523 72%,#f51d3d 100%);color:#090909;font-size:31px;font-weight:900;box-shadow:inset 0 3px 8px rgba(255,255,255,.38),0 9px 24px rgba(0,0,0,.35)}.main-play:before{content:"";position:absolute;inset:5px;border-radius:50%;border:1px solid rgba(255,255,255,.42);pointer-events:none}.main-play.playing{animation:playerHeartbeat 1.05s ease-in-out infinite}.main-play.playing:after{content:"";position:absolute;inset:-8px;border:2px solid rgba(255,194,0,.48);border-radius:50%;animation:pulseRing 1.05s ease-out infinite}.volume-line{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:7px;margin:2px 9px 10px}.volume-line input{width:100%;accent-color:#ffd400}.social-dock{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px 6px 5px}.social-dock[hidden]{display:none}.social-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;text-decoration:none;color:#fff;background:#0b101b;border:1px solid rgba(255,255,255,.16);font-weight:900;font-size:14px;animation:heartBeat 2.25s ease-in-out infinite;box-shadow:0 7px 18px rgba(0,0,0,.30)}.social-btn.whatsapp{background:#0b9f57}.social-btn.instagram{background:linear-gradient(145deg,#7633a8,#df365f,#f3a431)}.social-btn.facebook{background:#1769d0}.social-btn.youtube{background:#d51d25}.social-btn.webtv{background:#6933ba}.welcome-typer{margin:7px 5px 1px;padding:10px 12px;border-radius:14px;background:rgba(4,8,17,.74);border:1px solid rgba(255,255,255,.10);font-size:12px}.typing-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16e079;margin-right:7px}.caret{display:inline-block;width:1px;height:14px;background:#fff;margin-left:2px;vertical-align:-2px;animation:blink .7s steps(1) infinite}.like-burst{position:fixed;left:50%;top:56%;transform:translate(-50%,-50%);pointer-events:none;opacity:0;z-index:20;text-align:center}.like-burst.show{animation:burstText 1.35s ease}.burst-heart{font-size:58px;color:#ffd21a;text-shadow:0 8px 22px rgba(0,0,0,.4)}.burst-copy{font-size:13px;font-weight:900;padding:7px 11px;border-radius:999px;background:rgba(5,8,15,.90);border:1px solid rgba(255,255,255,.12)}.side-panel{position:fixed;z-index:30;inset:0 auto 0 0;width:min(82vw,310px);padding:22px;background:#080d18;border-right:1px solid rgba(255,255,255,.12);box-shadow:15px 0 40px rgba(0,0,0,.45)}.side-panel[hidden],.tv-modal[hidden],.alarm-modal[hidden]{display:none}.close-menu{float:right;border:0;background:transparent;color:#fff;font-size:30px}.side-brand{display:flex;gap:10px;align-items:center;margin:45px 0 22px}.side-brand img{width:50px;height:50px;border-radius:50%;object-fit:cover}.side-brand small{display:block;color:#aeb7c7}.side-panel button:not(.close-menu){width:100%;padding:13px;margin:7px 0;border-radius:13px;border:1px solid rgba(255,255,255,.12);background:#101827;color:#fff;font-weight:800}.tv-modal,.alarm-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.78);display:grid;place-items:center;padding:18px}.tv-panel,.alarm-card{width:min(94vw,620px);background:#090e18;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:14px;box-shadow:0 18px 55px rgba(0,0,0,.55)}.tv-panel iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}.tv-panel>button,.alarm-close{float:right;background:#171d29;color:#fff;border:0;border-radius:50%;width:34px;height:34px}.alarm-card{max-width:420px}.alarm-head{display:flex;gap:12px;align-items:center;margin:7px 0 16px}.alarm-head>span{font-size:32px}.alarm-head small{display:block;color:#aab4c4;margin-top:3px}.alarm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.alarm-grid button,.set-time,.cancel-time{padding:11px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#141b29;color:#fff;font-weight:800}.alarm-card label{display:grid;gap:6px;margin-top:14px;font-size:12px}.alarm-card input{padding:11px;border-radius:11px;border:1px solid rgba(255,255,255,.13);background:#080d16;color:#fff}.set-time{width:100%;margin-top:8px;background:#d89c00;color:#080808}.cancel-time{width:100%;margin-top:7px}.alarm-card #sleepStatus{margin-top:11px;font-size:12px;color:#dce2ea}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes bgCinema{0%{transform:scale(1.035) translate3d(-.5%,0,0);background-position:center 40%}100%{transform:scale(1.075) translate3d(.6%,-.8%,0);background-position:center 46%}}@keyframes playerHeartbeat{0%,100%{transform:scale(1)}12%{transform:scale(1.08)}24%{transform:scale(.99)}38%{transform:scale(1.055)}56%{transform:scale(1)}}@keyframes pulseRing{0%{transform:scale(.82);opacity:.7}100%{transform:scale(1.22);opacity:0}}@keyframes heartBeat{0%,80%,100%{transform:scale(1)}86%{transform:scale(1.09)}92%{transform:scale(.98)}}@keyframes likePremium{0%,100%{transform:scale(1)}30%{transform:scale(1.16) rotate(-5deg)}60%{transform:scale(.96)}}@keyframes burstText{0%{opacity:0;transform:translate(-50%,-28%) scale(.7)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}72%{opacity:1}100%{opacity:0;transform:translate(-50%,-76%) scale(.92)}}@keyframes blink{50%{opacity:0}}
@media(max-width:380px){.phone-app{padding-left:11px;padding-right:11px}.logo-ring{width:196px}.visualizer-wrap{height:106px}.track-card{grid-template-columns:70px 1fr}.cover{width:70px;height:70px}.player-controls{grid-template-columns:54px 42px 70px 42px 54px;gap:4px}.premium-control{width:52px;height:52px}.transport-control{width:41px;height:41px}.main-play{width:70px;height:70px}}
@media(min-width:700px){body{align-items:center;padding:24px}.phone-app{min-height:min(900px,96vh);border-radius:30px;border:1px solid rgba(255,255,255,.11);box-shadow:0 25px 80px rgba(0,0,0,.48);overflow:hidden}}
@media(prefers-reduced-motion:reduce){.scene-bg,.main-play.playing,.social-btn{animation:none!important}}

/* V4 — visual limpo, sem LED/neon em nenhum controle */
.icon-btn,.premium-control,.transport-control,.main-play,.social-btn,.track-card,.welcome-typer,.tv-panel,.alarm-card,.side-panel{box-shadow:0 7px 18px rgba(0,0,0,.28)!important;text-shadow:none!important;filter:none!important}
.topbar strong,.tagline{ text-shadow:0 2px 4px rgba(0,0,0,.75)!important; }
.live-pill{box-shadow:0 7px 16px rgba(0,0,0,.28)!important}
.cover{box-shadow:0 6px 16px rgba(0,0,0,.38)!important}
.logo-ring,.logo-ring img{box-shadow:none!important;filter:none!important}

/* Despertador: um pouco maior, elegante e animado sem brilho */
.alarm-top{
  width:43px!important;height:43px!important;border-radius:14px!important;
  font-size:23px!important;line-height:1!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#171d29,#090d14)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 7px 16px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08)!important;
  animation:alarmHeartbeat 1.35s ease-in-out infinite!important;
  transform-origin:center;
}
.alarm-top:hover{transform:translateY(-1px) scale(1.04)}
.alarm-top:active{transform:scale(.93)}
.alarm-top::before,.alarm-top::after{display:none!important}

/* Batimento apenas por escala/movimento: nada de halo, LED ou neon */
.main-play.playing{animation:playerHeartbeatClean 1.08s ease-in-out infinite!important}
.main-play.playing:after{display:none!important}
.social-btn{animation:heartBeatClean 2.25s ease-in-out infinite!important}
.like-control.liked{animation:likePremiumClean .68s ease!important}
.burst-heart{text-shadow:none!important}
.share-control{background:linear-gradient(145deg,#172334,#0b111b)!important;border-color:rgba(255,255,255,.18)!important}
.share-control .control-icon{color:#fff!important}

@keyframes alarmHeartbeat{
  0%,100%{transform:scale(1) rotate(0deg)}
  18%{transform:scale(1.10) rotate(-4deg)}
  34%{transform:scale(1.02) rotate(4deg)}
  50%{transform:scale(1.08) rotate(-2deg)}
  68%{transform:scale(1) rotate(0deg)}
}
@keyframes playerHeartbeatClean{
  0%,100%{transform:scale(1)}
  15%{transform:scale(1.055)}
  28%{transform:scale(1)}
  43%{transform:scale(1.035)}
  60%{transform:scale(1)}
}
@keyframes heartBeatClean{
  0%,100%{transform:scale(1)}
  12%{transform:scale(1.07)}
  24%{transform:scale(1)}
  36%{transform:scale(1.045)}
  50%{transform:scale(1)}
}
@keyframes likePremiumClean{
  0%{transform:scale(1)}35%{transform:scale(1.13)}65%{transform:scale(.97)}100%{transform:scale(1)}
}

/* Painéis e botões sem contornos luminosos */
.alarm-grid button,.set-time,.cancel-time,.side-panel button:not(.close-menu){box-shadow:none!important;text-shadow:none!important}
.set-time{background:#e2ad18!important;color:#070707!important}

/* V5 — controles refeitos do zero: visual PRO/Premium sem LED */
.player-controls-v5{display:grid!important;grid-template-columns:62px 44px 78px 44px 78px!important;gap:7px!important;align-items:center!important;justify-content:center!important;margin:14px auto 11px!important;overflow:visible!important}
.player-controls-v5 button{font-family:inherit;border:0;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:none!important;text-shadow:none!important;filter:none!important}
.pro-action{height:58px;border-radius:19px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(155deg,#202532,#0c1018)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;transition:transform .16s ease,background .16s ease!important;position:relative;overflow:hidden}
.pro-action:active,.pro-skip:active{transform:scale(.93)!important}
.pro-icon{font-size:22px;line-height:1;color:#ffd329!important}.pro-label{font-size:8px;line-height:1;font-weight:900;white-space:nowrap;letter-spacing:-.02em}
.like-control{background:linear-gradient(155deg,#242936,#0c1018)!important}.like-control.liked{animation:likePremiumV5 .64s ease!important}
.pro-skip{width:44px;height:44px;border-radius:50%!important;display:grid!important;place-items:center;background:linear-gradient(155deg,#222735,#0d1119)!important;border:1px solid rgba(255,255,255,.17)!important;color:#fff!important;transition:transform .16s ease!important}
.pro-skip span{font-size:34px;line-height:.8;font-weight:300;transform:translateY(-1px)}
.pro-play{width:76px!important;height:76px!important;border-radius:50%!important;background:linear-gradient(150deg,#ffd22e 0%,#ff9f12 46%,#f25a36 100%)!important;color:#111!important;border:2px solid rgba(255,255,255,.72)!important;box-shadow:0 10px 22px rgba(0,0,0,.34)!important;position:relative;overflow:hidden}
.pro-play:before{content:""!important;position:absolute!important;inset:6px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.42)!important;display:block!important}.pro-play:after{display:none!important}.pro-play #playIcon{font-size:31px;font-weight:900;line-height:1;position:relative;z-index:2}
.pro-play.playing{animation:playerHeartbeatV5 1.02s ease-in-out infinite!important}
.share-control{height:58px!important;border-radius:19px!important;background:linear-gradient(150deg,#32c857,#14993a)!important;border:1px solid rgba(255,255,255,.32)!important;color:white!important}
.share-symbol{font-size:22px;line-height:1;color:#fff!important;font-weight:900}.share-control .pro-label{font-size:7.5px}
.volume-line{margin-top:0!important}
/* mensagem WhatsApp com ciclo de digitação, sem brilho */
.whatsapp-message{display:flex!important;align-items:center!important;gap:10px!important;min-height:52px!important;margin:8px 5px 3px!important;padding:9px 11px!important;border-radius:16px!important;background:rgba(5,10,17,.84)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 7px 18px rgba(0,0,0,.24)!important;overflow:hidden}
.whatsapp-message[hidden]{display:none!important}.wa-badge{flex:0 0 33px;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#23bd61;color:#fff;font-size:17px;font-weight:900;transform:rotate(-10deg);animation:waBeat 1.9s ease-in-out infinite}
.welcome-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.welcome-copy small{font-size:9px;color:#91a1b4;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.welcome-copy>span{font-size:12px;line-height:1.35;font-weight:700}.caret{background:#32d776!important}
.app-footer{display:flex;justify-content:center;padding:10px 4px 2px}.likes-total{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:7px 13px;border-radius:999px;background:rgba(7,11,18,.82);border:1px solid rgba(255,255,255,.10);font-size:11px;color:#cfd7e2}.likes-total b{font-size:13px;color:#fff}.likes-heart{color:#ffd329;font-size:16px;animation:footerHeart 1.8s ease-in-out infinite}
.like-burst{top:59%!important}.burst-heart{font-size:62px!important;color:#ffd329!important;animation:burstHeartPop .85s ease}.burst-copy{background:rgba(7,11,18,.94)!important;border:1px solid rgba(255,255,255,.14)!important}
@keyframes playerHeartbeatV5{0%,100%{transform:scale(1)}13%{transform:scale(1.075)}26%{transform:scale(.99)}40%{transform:scale(1.045)}58%{transform:scale(1)}}
@keyframes likePremiumV5{0%,100%{transform:scale(1)}25%{transform:scale(1.13) rotate(-5deg)}50%{transform:scale(.96) rotate(3deg)}75%{transform:scale(1.06)}}
@keyframes waBeat{0%,100%{transform:scale(1) rotate(-10deg)}12%{transform:scale(1.08) rotate(-7deg)}24%{transform:scale(1) rotate(-10deg)}38%{transform:scale(1.05) rotate(-12deg)}55%{transform:scale(1) rotate(-10deg)}}
@keyframes footerHeart{0%,100%{transform:scale(1)}15%{transform:scale(1.13)}28%{transform:scale(.98)}42%{transform:scale(1.07)}60%{transform:scale(1)}}
@keyframes burstHeartPop{0%{transform:scale(.55) rotate(-12deg)}45%{transform:scale(1.2) rotate(7deg)}75%{transform:scale(.96)}100%{transform:scale(1)}}
@media(max-width:380px){.player-controls-v5{grid-template-columns:56px 40px 70px 40px 72px!important;gap:5px!important}.pro-action{height:54px}.pro-skip{width:40px;height:40px}.pro-play{width:70px!important;height:70px!important}.share-control{height:54px!important}.pro-label{font-size:7.5px}.share-control .pro-label{font-size:7px}}
@media(prefers-reduced-motion:reduce){.pro-play.playing,.wa-badge,.likes-heart{animation:none!important}}
/* V6: WhatsApp flutuante integrado à mensagem */
.wa-float-btn{position:fixed;right:max(16px,calc((100vw - 440px)/2 + 16px));bottom:18px;z-index:45;width:58px;height:58px;border:0;border-radius:50%;background:#20b85a;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.34);animation:heartBeat 2.1s ease-in-out infinite;transition:transform .18s ease}.wa-float-btn:hover{transform:scale(1.07)}.wa-float-btn svg{width:31px;height:31px;fill:currentColor}.whatsapp-message{padding-right:72px!important;position:relative}.whatsapp-message .wa-inline-btn{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#20b85a;color:#fff;display:grid;place-items:center;text-decoration:none;box-shadow:0 5px 14px rgba(0,0,0,.3);animation:heartBeat 2.1s ease-in-out infinite}.wa-inline-btn svg{width:25px;height:25px;fill:currentColor}@media(max-width:480px){.wa-float-btn{right:14px;bottom:14px;width:54px;height:54px}}


/* V7 — mensagem WhatsApp limpa, sem logotipo duplicado e sem LED */
.wa-badge,.wa-float-btn{display:none!important}
.whatsapp-message{margin-top:16px!important;margin-bottom:12px!important;min-height:70px;padding:12px 72px 12px 14px!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(4,10,18,.94),rgba(8,15,26,.88))!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important;overflow:visible!important}
.whatsapp-message .welcome-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.whatsapp-message .welcome-copy small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#a8b5c7;font-weight:900}
.whatsapp-message .welcome-copy>span{font-size:13px;line-height:1.42;font-weight:750;color:#fff;min-height:36px;display:block}
.whatsapp-message .wa-inline-btn{right:12px!important;width:48px!important;height:48px!important;background:#20b85a!important;border:2px solid rgba(255,255,255,.88)!important;box-shadow:0 7px 18px rgba(0,0,0,.30)!important;animation:waSoftBeat 1.9s ease-in-out infinite!important}
.whatsapp-message .wa-inline-btn svg{width:27px!important;height:27px!important}
@keyframes waSoftBeat{0%,100%{transform:translateY(-50%) scale(1)}45%{transform:translateY(-50%) scale(1.08)}65%{transform:translateY(-50%) scale(1.02)}}
@media(max-width:420px){.whatsapp-message{margin-top:18px!important;padding-right:68px!important}.whatsapp-message .wa-inline-btn{width:45px!important;height:45px!important;right:10px!important}}


/* V8 — Hora certa premium, fuso controlado pelo estado no admin; sem LED */
.premium-clock{margin:12px 5px 6px;min-height:78px;padding:11px 13px;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:11px;border-radius:20px;background:linear-gradient(145deg,rgba(13,18,28,.96),rgba(5,8,14,.95));border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 24px rgba(0,0,0,.28);position:relative;overflow:hidden}
.premium-clock:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#ffd42a,#f09b17);opacity:.95}
.clock-mark{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(150deg,#202735,#0d121b);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.clock-hands{font-size:29px;color:#ffd52d;display:block;animation:clockBeat 1.8s ease-in-out infinite;transform-origin:center}
.clock-main{min-width:0;display:flex;flex-direction:column;gap:1px}.clock-main small{font-size:9px;font-weight:900;letter-spacing:.10em;color:#aeb9c8}.clock-main small b{color:#ffd52d;margin-left:4px}.clock-main strong{font-variant-numeric:tabular-nums;font-size:26px;line-height:1.05;letter-spacing:.035em;color:#fff;font-weight:900}.clock-main>span{font-size:9.5px;color:#aeb8c6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clock-live{align-self:start;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);font-size:7px;font-weight:900;letter-spacing:.08em;color:#d8dee8}.clock-live i{width:6px;height:6px;border-radius:50%;background:#36d67a;animation:livePulseClean 1.45s ease-in-out infinite}
@keyframes clockBeat{0%,100%{transform:scale(1)}18%{transform:scale(1.10)}33%{transform:scale(1)}48%{transform:scale(1.055)}65%{transform:scale(1)}}
@keyframes livePulseClean{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(1.22);opacity:1}}
@media(max-width:380px){.premium-clock{grid-template-columns:46px 1fr auto;padding:10px 11px;gap:9px}.clock-mark{width:44px;height:44px}.clock-main strong{font-size:23px}.clock-live{padding:4px 6px}.clock-live span{display:none}}
@media(prefers-reduced-motion:reduce){.clock-hands,.clock-live i{animation:none!important}}
/* V10 - capa original obrigatoria: estado de busca sem LED */
.cover.cover-loading{background:conic-gradient(from 0deg,#111722,#2a3342,#111722);animation:coverSearchSpin 1.6s linear infinite;border-color:rgba(255,255,255,.28)}
@keyframes coverSearchSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.cover.cover-loading{animation:none}}

/* V11 — temas de fundo e faixa esportiva premium, sem LED */
.scene-bg{background-image:linear-gradient(rgba(2,5,13,.22),rgba(2,5,13,.46)),var(--app-bg,var(--app-color,#07101e));transition:background-color 3.8s ease,filter 2s ease}
body.bg-color-mode .scene-bg{background-image:linear-gradient(145deg,rgba(255,255,255,.05),rgba(0,0,0,.24)),linear-gradient(115deg,var(--app-color,#07101e),color-mix(in srgb,var(--app-color,#07101e) 72%,#000 28%));background-size:180% 180%;animation:bgColorDrift 20s ease-in-out infinite alternate}
@keyframes bgColorDrift{0%{background-position:0% 30%;transform:scale(1.035)}100%{background-position:100% 70%;transform:scale(1.07)}}
.sports-ticker{margin:12px 4px 4px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(4,8,16,.88);overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.sports-head{display:flex;align-items:center;gap:9px;padding:9px 11px 7px;border-bottom:1px solid rgba(255,255,255,.08)}.sports-head .ball{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#fff;color:#111;font-size:18px}.sports-head b{display:block;font-size:11px;letter-spacing:.08em}.sports-head small{display:block;margin-top:2px;color:#bdc6d5;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:330px}.sports-marquee{overflow:hidden;padding:9px 0}.sports-track{display:flex;width:max-content;align-items:center;gap:0;animation:sportsCrawl 95s linear infinite}.sports-track:hover{animation-play-state:paused}.sports-item{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:0 18px;font-size:11px;font-weight:700;border-right:1px solid rgba(255,255,255,.13)}.sports-item em{font-style:normal;font-size:9px;font-weight:900;color:#ffd447;background:#191d25;border-radius:999px;padding:3px 7px}.sports-item.market em{color:#66e6a5}.sports-item .status{color:#aeb8c8;font-weight:600}.sports-loading{padding:0 24px;color:#c8d0dc;font-size:11px}@keyframes sportsCrawl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:480px){.sports-head small{max-width:280px}.sports-track{animation-duration:110s}.sports-item{font-size:10px;padding:0 15px}}
@media(prefers-reduced-motion:reduce){body.bg-color-mode .scene-bg,.sports-track{animation:none!important}}

/* V13 — fundo aleatório realmente visível em todo o aplicativo, sem LED */
html,body{background:var(--app-color,#07101e)!important;transition:background-color 2.8s ease!important}
.scene-bg{background-color:var(--app-color,#07101e)!important;transition:background-color 2.8s ease,background-image 2.8s ease!important}
body.bg-color-mode .scene-bg{
  background-image:linear-gradient(145deg,rgba(255,255,255,.075),rgba(0,0,0,.18)),linear-gradient(115deg,var(--app-color,#07101e),color-mix(in srgb,var(--app-color,#07101e) 74%,#000 26%))!important;
  background-size:190% 190%!important;background-position:0% 45%!important;animation:bgColorDrift 18s ease-in-out infinite alternate!important
}
body.bg-color-mode .scene-overlay{background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.18) 65%,rgba(0,0,0,.30))!important}
body.bg-color-mode .phone-app{
  background:linear-gradient(180deg,color-mix(in srgb,var(--app-color,#07101e) 24%,transparent),rgba(2,5,12,.46))!important;
  border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07)
}
@keyframes bgColorDrift{0%{background-position:0% 40%}100%{background-position:100% 60%}}

/* V13 — metadados e capa com estado de busca elegante */
.cover.cover-loading{opacity:.82;animation:coverSearching 1.25s ease-in-out infinite!important}
@keyframes coverSearching{0%,100%{transform:scale(1);opacity:.72}50%{transform:scale(.96);opacity:1}}
.track-copy strong,.track-copy>span{min-height:19px}

/* V13 — futebol/notícias de jogos sempre visível, lento e organizado */
.sports-ticker{display:block!important;margin:14px 4px 8px!important;background:rgba(3,7,14,.78)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important}
.sports-ticker[hidden]{display:block!important}
.sports-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08)}
.sports-head .ball{font-size:22px}.sports-head b{display:block;font-size:12px;letter-spacing:.06em}.sports-head small{display:block;margin-top:2px;font-size:9px;color:#b7c1cf;white-space:normal}
.sports-marquee{overflow:hidden;white-space:nowrap;padding:9px 0 10px}
.sports-track{display:inline-flex;align-items:center;gap:22px;width:max-content;min-width:100%;animation:sportsUltraSlow 150s linear infinite!important;will-change:transform}
.sports-item{display:inline-flex;align-items:center;gap:7px;font-size:11px}.sports-item em{font-style:normal;font-weight:900;color:#ffd33d}.sports-item .status{font-size:9px;color:#a9b6c7}.sports-item.market em{color:#42d77d}.sports-loading{display:inline-block;padding:0 14px;font-size:11px;color:#d4dbe5}
@keyframes sportsUltraSlow{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:480px){.sports-track{animation-duration:185s!important}.sports-head small{font-size:8.5px}}
/* V14 — faixa inteligente: somente jogos/resultados de hoje; mercado quando não houver jogos */
.sports-ticker{position:relative;background:linear-gradient(180deg,rgba(7,12,21,.96),rgba(3,7,14,.92))!important;border-color:rgba(255,211,61,.24)!important}
.sports-ticker:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ffd43b;border-radius:18px 0 0 18px}
.sports-head{position:relative;padding:11px 13px 9px 15px!important}.sports-head-copy{min-width:0;flex:1}.sports-head b{font-size:11.5px!important;font-weight:900;letter-spacing:.07em;color:#fff}.sports-head small{color:#b9c4d3!important;line-height:1.35}.sports-head .ball{background:#f5f7fa!important;color:#111!important;box-shadow:none!important}
.sports-badge{flex:0 0 auto;border:1px solid rgba(255,211,61,.38);background:rgba(255,211,61,.1);color:#ffd43b;border-radius:999px;padding:4px 8px;font-size:8px;font-weight:900;letter-spacing:.08em}.sports-badge.market{border-color:rgba(74,222,128,.38);background:rgba(74,222,128,.1);color:#62df91}
.sports-ticker.market-mode:before{background:#4ade80}.sports-item{padding:0 19px!important;gap:8px!important}.sports-item em{background:rgba(255,211,61,.1)!important;border:1px solid rgba(255,211,61,.18);color:#ffd43b!important}.sports-item.market em{background:rgba(74,222,128,.1)!important;border-color:rgba(74,222,128,.18);color:#62df91!important}.sports-text{color:#f4f7fb;font-weight:800}.sports-item .status{border-left:1px solid rgba(255,255,255,.12);padding-left:8px;color:#aeb9c8!important;font-size:9px!important;font-weight:800!important}.sports-item.market .status{color:#7fe3a6!important}.sports-track{animation-duration:175s!important}.sports-ticker.market-mode .sports-track{animation-duration:205s!important}
@media(max-width:480px){.sports-head{padding-right:10px!important}.sports-badge{padding:3px 7px}.sports-track{animation-duration:215s!important}.sports-ticker.market-mode .sports-track{animation-duration:245s!important}.sports-item{padding:0 16px!important}}

/* V15 — ticker profissional: somente jogos/resultados reais e notícias; nenhum aviso operacional */
.sports-ticker{border-color:rgba(255,255,255,.16)!important;background:linear-gradient(180deg,rgba(8,12,18,.97),rgba(3,6,11,.95))!important}
.sports-ticker:before{background:#f4c928!important;width:3px!important}
.sports-ticker.mixed-mode:before{background:#26c76f!important}
.sports-head .ball{background:#171c25!important;color:#f5ca28!important;border:1px solid rgba(255,255,255,.12)!important}
.sports-badge{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.14)!important;color:#f5f7fa!important}
.sports-badge.market{color:#76dda2!important}
.sports-link{color:inherit;text-decoration:none;display:inline-flex;align-items:center}
.sports-link:hover .sports-text{color:#fff}
.sports-item.news em{color:#7de1aa!important;background:rgba(44,190,112,.09)!important;border-color:rgba(75,210,137,.2)!important}
.sports-item.game em{color:#f6d34a!important;background:rgba(246,211,74,.08)!important;border-color:rgba(246,211,74,.19)!important}
.sports-item.news .status{color:#91a0b4!important}
.sports-item.game .status{color:#f7d75e!important}
.sports-text{max-width:none}.sports-track{animation-duration:210s!important}
@media(max-width:480px){.sports-track{animation-duration:255s!important}.sports-item{font-size:10px!important}}

/* V16 — leitura confortável: faixa de notícias bem lenta */
.sports-track{animation-duration:420s!important}
.sports-ticker.market-mode .sports-track,.sports-ticker.mixed-mode .sports-track{animation-duration:450s!important}
@media(max-width:480px){.sports-track{animation-duration:480s!important}.sports-ticker.market-mode .sports-track,.sports-ticker.mixed-mode .sports-track{animation-duration:520s!important}}

/* V17 — responsividade total e organização multi-tela */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}
body{width:100%;min-width:0;align-items:flex-start}
img,canvas,svg,video,iframe{max-width:100%}
button,a,input{touch-action:manipulation}
.phone-app{width:min(100%,460px);min-height:100vh;min-height:100dvh;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:hidden}
.topbar,.brand-stage,.visualizer-wrap,.track-card,.player-controls-v5,.volume-line,.social-dock,.whatsapp-message,.premium-clock,.sports-ticker,.app-footer{min-width:0;max-width:100%}
.topbar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}
.track-card{overflow:hidden}.track-copy{overflow:hidden}.track-copy strong,.track-copy>span{max-width:100%}
.player-controls-v5{width:100%;grid-template-columns:minmax(52px,62px) minmax(40px,44px) minmax(70px,78px) minmax(40px,44px) minmax(70px,78px)!important}
.pro-action,.pro-skip,.pro-play{flex-shrink:0}
.volume-line input{min-width:0}
.whatsapp-message{width:calc(100% - 10px)}
.premium-clock{width:calc(100% - 10px)}
.clock-main{overflow:hidden}.clock-main>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.sports-head-copy{overflow:hidden}.sports-marquee{width:100%}.sports-track{max-width:none}
.side-panel{max-width:92vw;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-top:max(22px,env(safe-area-inset-top));padding-bottom:max(22px,env(safe-area-inset-bottom))}
.tv-modal,.alarm-modal{padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));overflow:auto}
.tv-panel,.alarm-card{max-height:calc(100vh - 28px);overflow:auto;-webkit-overflow-scrolling:touch}

/* celulares muito pequenos: 280–359px */
@media(max-width:359px){
  .phone-app{padding-left:9px;padding-right:9px}
  .topbar{grid-template-columns:40px 1fr 40px;height:48px}.icon-btn{width:38px;height:38px;border-radius:12px}.topbar strong{font-size:14px}
  .logo-ring{width:min(58vw,184px)}.live-pill{font-size:13px;padding:6px 13px}.tagline{font-size:10px}
  .visualizer-wrap{height:94px}
  .track-card{grid-template-columns:64px 1fr;gap:9px;padding:6px}.cover{width:64px;height:64px}.track-copy strong{font-size:13px}.track-copy>span{font-size:12px}
  .player-controls-v5{grid-template-columns:50px 36px 64px 36px 66px!important;gap:4px!important}.pro-action{height:50px;border-radius:15px!important}.pro-icon,.share-symbol{font-size:18px}.pro-label,.share-control .pro-label{font-size:6.8px}.pro-skip{width:36px;height:36px}.pro-play{width:64px!important;height:64px!important}.pro-play #playIcon{font-size:27px}
  .volume-line{grid-template-columns:20px 1fr 20px;margin-left:3px;margin-right:3px}
  .whatsapp-message{margin-left:2px!important;margin-right:2px!important;width:calc(100% - 4px);padding-left:11px!important;padding-right:62px!important}.whatsapp-message .welcome-copy>span{font-size:11.5px}.whatsapp-message .wa-inline-btn{width:42px!important;height:42px!important}
  .premium-clock{margin-left:2px;margin-right:2px;width:calc(100% - 4px);grid-template-columns:42px 1fr auto;padding:9px 8px;gap:7px}.clock-mark{width:40px;height:40px}.clock-main strong{font-size:20px}.clock-main small{font-size:8px}.clock-main>span{font-size:8px}.clock-live span{display:none}
  .sports-ticker{margin-left:2px!important;margin-right:2px!important}.sports-head .ball{width:27px;height:27px;font-size:16px}.sports-head b{font-size:9.5px!important}.sports-head small{font-size:7.5px!important}.sports-badge{font-size:7px}
}

/* celulares padrão e grandes */
@media(min-width:360px) and (max-width:599px){
  .phone-app{width:min(100%,480px)}
  .logo-ring{width:clamp(194px,53vw,224px)}
  .visualizer-wrap{height:clamp(102px,27vw,122px)}
}

/* tablets: amplia com respiro sem esticar demais os controles */
@media(min-width:600px) and (max-width:1023px){
  body{padding:18px 0 28px}
  .phone-app{width:min(92vw,580px);min-height:auto;border:1px solid rgba(255,255,255,.10);border-radius:28px;padding:18px 24px 24px;box-shadow:0 22px 60px rgba(0,0,0,.28)}
  .topbar{height:60px}.topbar strong{font-size:20px}.icon-btn{width:44px;height:44px}
  .logo-ring{width:238px}.visualizer-wrap{height:128px}.track-card{grid-template-columns:88px 1fr;padding:8px}.cover{width:88px;height:88px}.track-copy strong{font-size:18px}.track-copy>span{font-size:15px}
  .player-controls-v5{gap:12px!important;margin-top:17px!important;margin-bottom:14px!important}
  .whatsapp-message,.premium-clock{margin-left:8px!important;margin-right:8px!important;width:calc(100% - 16px)}
  .sports-ticker{margin-left:8px!important;margin-right:8px!important}
}

/* notebooks e desktops: painel central proporcional e confortável */
@media(min-width:1024px){
  body{padding:24px 0 34px}
  .phone-app{width:min(94vw,620px);min-height:auto;border:1px solid rgba(255,255,255,.10);border-radius:30px;padding:20px 30px 28px;box-shadow:0 26px 72px rgba(0,0,0,.32)}
  .topbar{height:62px;grid-template-columns:48px 1fr 48px}.topbar strong{font-size:21px}.icon-btn{width:46px;height:46px}
  .logo-ring{width:250px}.live-pill{margin-top:13px}.tagline{font-size:13px}.visualizer-wrap{height:132px;margin-top:1px}
  .track-card{grid-template-columns:94px 1fr;gap:16px;padding:9px 10px}.cover{width:94px;height:94px}.track-copy strong{font-size:19px}.track-copy>span{font-size:16px}.track-copy small{font-size:12px}
  .player-controls-v5{grid-template-columns:68px 50px 84px 50px 90px!important;gap:13px!important;margin:18px auto 14px!important}.pro-action{height:62px}.pro-skip{width:50px;height:50px}.pro-play{width:82px!important;height:82px!important}.share-control{height:62px!important}
  .volume-line{margin:4px 18px 12px}.social-dock{gap:11px}.social-btn{width:48px;height:48px}
  .whatsapp-message,.premium-clock{margin-left:10px!important;margin-right:10px!important;width:calc(100% - 20px)}
  .sports-ticker{margin-left:10px!important;margin-right:10px!important}.sports-head{padding-top:12px!important;padding-bottom:10px!important}.sports-head b{font-size:12.5px!important}.sports-item{font-size:11.5px!important}
}

/* telas largas/4K: não deixa o aplicativo gigante nem espalhado */
@media(min-width:1600px){.phone-app{width:640px}.scene-bg{background-size:cover}.track-card,.premium-clock,.sports-ticker,.whatsapp-message{backdrop-filter:none}}

/* orientação horizontal em celulares: reduz alturas para evitar sobreposição */
@media(max-height:520px) and (orientation:landscape) and (max-width:950px){
  body{padding:0}.phone-app{width:min(100%,720px);padding-top:6px;padding-bottom:10px}.topbar{height:44px}.brand-stage{margin-top:0}.logo-ring{width:132px}.live-pill{margin-top:4px;padding:4px 11px;font-size:12px}.tagline{font-size:9px;margin-top:2px}.visualizer-wrap{height:62px}.track-card{grid-template-columns:58px 1fr;margin-top:-2px}.cover{width:58px;height:58px}.player-controls-v5{margin:7px auto!important}.premium-clock{min-height:60px}.clock-mark{width:40px;height:40px}.clock-main strong{font-size:20px}
}

/* desempenho/acessibilidade */
@media(prefers-reduced-motion:reduce){.scene-bg,body.bg-color-mode .scene-bg,.logo-ring.spin,.sports-track,.social-btn,.wa-inline-btn,.clock-hands,.likes-heart,.pro-play.playing{animation:none!important;transition:none!important}}
@media(hover:none){.sports-track:hover{animation-play-state:running}}
@supports not (backdrop-filter:blur(1px)){.phone-app{background:rgba(3,6,14,.84)}}