@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--vermelho:#e0233c;--vermelho-fraco:#e0233c99;--vermelho-escuro:#7a1424;--preto:#0a0808;--preto-2:#141010;--cinza:#a89797;--circulo-d:clamp(170px, 40vh, 380px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:var(--preto);color:#fff;-webkit-font-smoothing:antialiased;font-family:Poppins,system-ui,sans-serif}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:disabled{cursor:default;opacity:.35}.icone-16{width:16px;height:16px}.icone-20{width:20px;height:20px}.icone-22{width:22px;height:22px}.icone-24{width:24px;height:24px}.icone-26{width:26px;height:26px}.icone-32{width:32px;height:32px}.botao-icone{color:var(--vermelho);justify-content:center;align-items:center;padding:6px;display:flex}.tela-player{max-width:460px;height:100dvh;padding:clamp(10px, 2.2vh, 18px) clamp(16px, 5vw, 24px) calc(clamp(10px, 2.2vh, 18px) + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 0%, var(--cor-ambiente,#2a0c10) 0%, transparent 55%), var(--preto);--acento:#fff;--sobre-acento:#14100f;--trilha:#241414;--texto-forte:#fff;--texto-fraco:var(--cinza);--borda-circulo-neutra:#ffffff29;--borda-fraca:#2a1414;flex-direction:column;align-items:center;margin:0 auto;transition:background .8s;display:flex;position:relative;overflow:hidden}.tela-player.tema-claro{--acento:#1c1414;--sobre-acento:#fff;--trilha:#00000024;--texto-forte:#1c1414;--texto-fraco:#6b5654;--borda-circulo-neutra:#00000029;--borda-fraca:#0000001f}.tela-player .botao-icone{color:var(--acento);transition:color .6s}.fundo-desfocado{filter:blur(46px)brightness(.38)saturate(1.3);opacity:.85;z-index:0;background-position:50%;background-size:cover;transition:opacity .3s;position:absolute;inset:-30px;transform:scale(1.15)}.fundo-desfocado.trocando{opacity:0}.tela-player>:not(.fundo-desfocado){z-index:1;position:relative}.cabecalho{justify-content:space-between;align-items:center;width:100%;display:flex}.cabecalho-direita{align-items:center;gap:4px;display:flex}.nome-artista,.nome-musica{transition:opacity .22s}.nome-artista.trocando,.nome-musica.trocando{opacity:0}.nome-artista{text-align:center;letter-spacing:.02em;width:100%;color:var(--texto-forte);white-space:nowrap;text-overflow:ellipsis;margin:clamp(6px,1.8vh,18px) 0 0;font-size:clamp(13px,3.6vw,15px);font-weight:600;transition:opacity .22s,color .6s;overflow:hidden}.nome-musica{text-align:center;min-width:0;color:var(--texto-fraco);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:clamp(12.5px,3.2vw,14px);font-weight:700;transition:color .6s;overflow:hidden}.linha-titulo{justify-content:center;align-items:center;gap:8px;width:100%;margin:clamp(6px,1.6vh,16px) 0 0;transition:opacity .22s;display:flex}.linha-titulo.trocando{opacity:0}.botao-coracao-principal{color:var(--texto-fraco);flex-shrink:0;transition:color .6s;display:flex}.botao-coracao-principal.botao-coracao-ativo{color:var(--vermelho)}.a-seguir{text-align:center;width:100%;color:var(--texto-fraco);opacity:.75;white-space:nowrap;text-overflow:ellipsis;margin:clamp(2px,.8vh,6px) 0 0;font-size:11.5px;font-weight:700;transition:color .6s;overflow:hidden}.circulo-player{width:var(--circulo-d);height:var(--circulo-d);border:2px solid var(--borda-circulo-neutra);cursor:pointer;border-radius:50%;flex-shrink:0;margin-top:clamp(8px,2.2vh,22px);transition:border-color .6s;position:relative}.anel-neon{--cor-anel:#ff2d55;background:conic-gradient(from 0deg, transparent 0deg, transparent 270deg, var(--cor-anel) 300deg, var(--cor-anel) 320deg, transparent 350deg, transparent 360deg);-webkit-mask-composite:xor;filter:drop-shadow(0 0 6px var(--cor-anel)) drop-shadow(0 0 14px var(--cor-anel));pointer-events:none;will-change:transform;border-radius:50%;padding:3px;position:absolute;inset:-5px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.circulo-video{background:#1a0d0d;border-radius:50%;transition:opacity .22s;position:absolute;inset:6px;overflow:hidden}.circulo-video:after{content:"";pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 4px 1px #000000e6,inset 0 0 22px 8px #000000b3,inset 0 0 55px 16px #0000008c}.circulo-player.trocando .circulo-video{opacity:0}.circulo-video-dentro{width:calc(var(--circulo-d) * 2.3);height:calc(var(--circulo-d) * 1.29);pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.circulo-vazio{text-align:center;color:var(--cinza);justify-content:center;align-items:center;padding:20px;font-size:13px;display:flex;position:absolute;inset:0}.bloco-progresso{width:100%;margin-top:clamp(10px,2.4vh,26px)}.tempos-linha{color:var(--texto-forte);font-variant-numeric:tabular-nums;justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:600;transition:color .6s;display:flex}.barra-progresso{background:var(--trilha);cursor:pointer;border-radius:8px;width:100%;height:8px;transition:background .6s;overflow:hidden}.barra-progresso-preenchida{background:var(--acento);border-radius:8px;height:100%;transition:width .15s linear,background .6s}.equalizador{align-items:flex-end;gap:3px;width:100%;height:clamp(34px,8vh,74px);margin-top:clamp(8px,2vh,22px);display:flex;overflow:hidden}.eq-barra{background:var(--acento);opacity:.85;border-radius:2px 2px 0 0;flex:1;min-width:2px;height:14px;transition:height 50ms linear,background .6s}.eq-reflexo{background:linear-gradient(180deg, var(--acento), transparent);opacity:.25;width:100%;height:40%;margin-top:2px;transition:background .6s;transform:scaleY(-1)}.bloco-volume{width:100%;margin-top:clamp(8px,2vh,22px)}.barra-volume{background:var(--trilha);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:8px;transition:background .6s;position:relative}.barra-volume-preenchida{background:var(--acento);border-radius:8px;height:100%;transition:background .6s}.alca-volume{background:var(--acento);cursor:grab;touch-action:none;border-radius:20px;align-items:center;gap:14px;padding:6px 16px;transition:background .6s;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000040}.alca-volume button{color:var(--sobre-acento);padding:2px;font-size:15px;font-weight:700;line-height:1;transition:color .6s}.barra-controles{border-top:1px solid var(--borda-fraca);justify-content:space-between;align-items:center;width:100%;margin-top:clamp(10px,2.6vh,30px);padding-top:clamp(8px,1.8vh,18px);transition:border-color .6s;display:flex}.botao-controle{color:var(--acento);justify-content:center;align-items:center;padding:10px;transition:color .6s;display:flex;position:relative}.botao-controle-ativo{color:var(--vermelho)}.badge-repetir-uma{background:var(--vermelho);color:#fff;text-align:center;border-radius:50%;width:14px;height:14px;font-size:9px;font-weight:700;line-height:14px;position:absolute;top:-2px;right:-2px}.botao-play-central{border:2.5px solid var(--acento);width:clamp(54px,11vh,68px);height:clamp(54px,11vh,68px);color:var(--acento);background:var(--preto);border-radius:50%;justify-content:center;align-items:center;margin-top:clamp(-30px,-5.5vh,-24px);transition:color .6s,border-color .6s;display:flex;position:relative}.rodape{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:100%;margin-top:clamp(6px,1.4vh,12px);display:flex}.rodape-logo{aspect-ratio:2010/782;background-color:var(--texto-forte);width:clamp(88px,24vw,128px);transition:background-color .6s;-webkit-mask:url(/rodape-logo.png) 50%/contain no-repeat;mask:url(/rodape-logo.png) 50%/contain no-repeat}.rodape-link{color:var(--texto-forte);font-size:10px;font-weight:600;text-decoration:none;transition:color .6s}.rodape-link:hover,.rodape-link:focus-visible{text-decoration:underline}.menu-overlay{z-index:40;background:#000000a6;align-items:flex-end;display:flex;position:fixed;inset:0}.menu-painel{background:var(--preto-2);width:100%;max-width:460px;max-height:82vh;padding:20px 22px calc(20px + env(safe-area-inset-bottom));border-top:1px solid #3a1c1c;border-radius:24px 24px 0 0;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.menu-cabecalho{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.menu-cabecalho h2{margin:0;font-size:18px}.menu-vincular,.fila-busca{align-items:center;gap:8px;margin-bottom:6px;display:flex}.fila-busca{color:var(--cinza);background:#1e1414;border:1px solid #3a1c1c;border-radius:10px;padding:0 12px}.fila-busca:focus-within{border-color:var(--vermelho)}.fila-busca input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:11px 0;font-size:14px}.menu-vincular input{color:#fff;background:#1e1414;border:1px solid #3a1c1c;border-radius:10px;outline:none;flex:1;padding:11px 14px;font-size:14px}.menu-vincular input:focus{border-color:var(--vermelho)}.botao-vincular{background:var(--vermelho);color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;display:flex}.menu-erro{color:#ff8080;margin:6px 0 0;font-size:12.5px}.menu-vazio{color:var(--cinza);text-align:center;padding:30px 10px;font-size:13.5px}.menu-lista{flex-direction:column;gap:8px;margin-top:14px;display:flex;overflow-y:auto}.menu-item{background:#180f0f;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.menu-item-ativo{border-color:var(--vermelho);background:#23100f}.menu-item-capa{object-fit:cover;border-radius:8px;flex-shrink:0;width:46px;height:46px}.menu-item-capa-vazia{color:var(--vermelho);background:#2a1414;justify-content:center;align-items:center;display:flex}.menu-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.menu-item-titulo{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.menu-item-sub{color:var(--cinza);font-size:12px}.fila-badge-tocando{text-transform:uppercase;letter-spacing:.04em;color:var(--vermelho);flex-shrink:0;font-size:10px;font-weight:700}.menu-item-capa-favoritos{color:var(--vermelho)}.botao-coracao{color:var(--cinza);flex-shrink:0;padding:4px;display:flex}.botao-coracao-ativo{color:var(--vermelho)}.girando svg{animation:.8s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.menu-sair{color:var(--cinza);text-align:center;border-top:1px solid #2a1414;margin-top:16px;padding-top:16px;font-size:13px}.tela-carregando{background:var(--preto);height:100dvh}.tela-login{max-width:460px;height:100dvh;padding:clamp(16px, 4vh, 24px) clamp(16px, 5vw, 24px) calc(clamp(16px, 4vh, 24px) + env(safe-area-inset-bottom));background:radial-gradient(circle at 50% 20%, #2a0c10 0%, transparent 55%), var(--preto);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;display:flex;overflow:hidden}.login-titulo{text-shadow:0 0 20px var(--vermelho-fraco);margin:0;font-size:30px;font-weight:700}.login-sub{color:var(--cinza);text-align:center;margin:8px 0 36px;font-size:14px}.login-form{flex-direction:column;gap:16px;width:100%;display:flex}.login-rotulo{color:var(--cinza);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.login-form input{color:#fff;background:#1e1414;border:1px solid #3a1c1c;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-size:15px}.login-form input:focus{border-color:var(--vermelho)}.login-erro{color:#ff8080;margin:0;font-size:13px}.login-mensagem{color:#8fd19e;margin:0;font-size:13px}.login-botao{background:var(--vermelho);color:#fff;box-shadow:0 0 24px -4px var(--vermelho-fraco);border-radius:12px;margin-top:6px;padding:14px;font-size:15px;font-weight:700}.login-trocar{color:var(--cinza);margin-top:22px;font-size:13px}