:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:#f2f2f2;background:#0a0a0a;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.tela{flex-direction:column;align-items:center;min-height:100dvh;padding:16px 24px 0;transition:background .9s;display:flex}.tela.com-cartao{justify-content:flex-start;height:100dvh;overflow:hidden}.tela.com-cartao .capa{width:min(38vw,150px);margin-top:2vh}.tela.com-cartao .nomes{margin-top:1.6vh}.tela.com-cartao .nomes h1{-webkit-line-clamp:1;font-size:19px}.tela.com-cartao .nomes p{font-size:14px}.tela.com-cartao .controles{margin-top:2vh}.tela.com-cartao .tocar{width:58px;height:58px;font-size:21px}.tela.com-cartao .rodape{min-height:0;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));flex:1;margin-top:2.2vh}.tela.com-cartao .cartao{flex-direction:column;flex:1;min-height:0;display:flex}.tela.com-cartao .cartao img{flex:1;min-height:0;max-height:none}.tela.com-cartao .cartao-botao{flex:none}@media (height<=720px){.tela.com-cartao .capa{width:min(28vw,108px);margin-top:1vh}.tela.com-cartao .nomes{margin-top:1vh}.tela.com-cartao .nomes h1{font-size:17px}.tela.com-cartao .controles{margin-top:1vh}.tela.com-cartao .tocar{width:50px;height:50px;font-size:18px}}.capa,.nomes,.nomes h1,.nomes p,.tocar,.controles,.rodape{transition:width .26s,height .26s,margin .26s,font-size .26s}@media (prefers-reduced-motion:reduce){.capa,.nomes,.nomes h1,.nomes p,.tocar,.controles,.rodape{transition:none}}.topo{justify-content:space-between;align-items:center;width:100%;height:40px;margin-top:24px;display:flex}.capa{aspect-ratio:1;justify-content:center;align-items:center;width:min(78vw,340px);margin:6vh 0 0;display:flex}.capa img{object-fit:cover;border-radius:10px;width:100%;height:100%;box-shadow:0 18px 44px #0000008c}.nomes{width:min(78vw,340px);margin-top:2.6vh}.nomes h1{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:26px;font-weight:800;line-height:1.15;display:-webkit-box;overflow:hidden}.nomes p{color:#b6b6b6;white-space:nowrap;text-overflow:ellipsis;margin:7px 0 0;font-size:16px;overflow:hidden}.tocar{color:#0a0a0a;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#f2f2f2;border:0;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;font-size:26px;transition:transform .12s,box-shadow .2s,background .2s;display:flex}.tocar.parado{padding-left:5px}.tocar:active{transform:scale(.9)}.tocar.tocando{background:#fff;box-shadow:0 0 0 8px #ffffff24,0 0 26px #ffffff2e}.tocar.conectando{animation:1s ease-in-out infinite pulsando}@keyframes pulsando{0%,to{box-shadow:0 0 #ffffff4d}50%{box-shadow:0 0 0 12px #fff0}}.tocar:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.tocar.conectando{animation:none}}.rodape{width:100%;padding:14px 4px calc(14px + env(safe-area-inset-bottom,0px));flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;display:flex}.atalho{color:#cfcfcf;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:8px;text-decoration:none;transition:color .15s,transform .12s;display:flex}.atalho:active{color:#fff;transform:scale(.92)}.controles{justify-content:center;align-items:center;gap:26px;margin-top:4vh;display:flex}.controles .atalho{color:#9a9a9a}.controles audio{display:none}.banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:4px;animation:.42s cubic-bezier(.2,.9,.3,1) subindo;display:flex}@keyframes subindo{0%{opacity:0;transform:translateY(120%)}to{opacity:1;transform:translateY(0)}}.banner-abrir{min-width:0;color:inherit;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:1;align-items:center;gap:11px;padding:9px 4px 9px 9px;display:flex}.banner-abrir img{object-fit:cover;object-position:top center;border-radius:8px;flex:none;width:42px;height:42px}.banner-abrir span{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.banner-seta{color:#cfcfcf;flex:none;font-size:20px;font-weight:400}.banner-abrir:active{background:#ffffff0f;border-radius:12px}.banner-fechar{color:#a8a8a8;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:none;padding:12px 11px;font-size:13px}.cartao{background:#111;border-radius:14px;animation:.32s cubic-bezier(.2,.9,.3,1) subindo;position:relative;overflow:hidden;box-shadow:0 18px 44px #0009}.cartao img{object-fit:contain;object-position:center;background:#0a0a0a;width:100%;max-height:52dvh;display:block}.cartao-botao{color:#0a0a0a;text-align:center;background:#f2f2f2;margin:0;padding:13px 16px;font-size:15px;font-weight:700;text-decoration:none;display:block}.cartao-fechar{color:#f2f2f2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#0000008c;border:0;border-radius:50%;width:30px;height:30px;font-size:13px;position:absolute;top:8px;right:8px}@media (prefers-reduced-motion:reduce){.banner,.cartao{animation:none}}