body{margin:0;height:100vh;background:url('../assets/fondo.jpg') center/cover no-repeat;font-family:Arial}
.logo-container{text-align:center;padding:20px}
.logo-container img{max-width:300px;width:80%}
.social{position:absolute;top:20px;right:20px;display:flex;gap:10px}
.social a{background:#0008;color:#fff;padding:12px;border-radius:50%}
.player-bar{position:fixed;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:20px;align-items:center;background:#000b;padding:15px;border-radius:15px}
.live{background:#d40000;color:#fff;padding:10px 20px;border-radius:8px;animation:blink 1s infinite}
#installBtn{position:fixed;left:20px;bottom:20px;padding:12px 20px}
.vumeters{display:flex;gap:12px}
.vu-meter{width:180px;height:110px;background:#f3e5ab;border:3px solid #333;border-radius:10px;position:relative;box-shadow:inset 0 0 15px rgba(0,0,0,.25)}
.scale{position:absolute;top:10px;width:100%;text-align:center;font-size:12px}
.needle{position:absolute;bottom:18px;left:50%;width:3px;height:70px;background:red;transform-origin:bottom center;transform:translateX(-50%) rotate(-45deg)}
.pivot{position:absolute;width:14px;height:14px;background:#222;border-radius:50%;bottom:12px;left:50%;transform:translateX(-50%)}
@keyframes blink{50%{opacity:.5}}
@media(max-width:768px){.player-bar{flex-direction:column;width:95%}}