*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:rgb(6 12 34 / .98);--surface:rgb(6 12 34 / 89%);--border:#1e1e1e;--text:#e0e0e0;--muted:#444;--green:#2ecc71;--green-lo:rgba(46,204,113,.12);--yellow:#f39c12;--accent:#ff3b3b;--font:'JetBrains Mono',monospace}div#log{display:none!important}body{overflow: hidden;background:var(--bg);color:var(--text);font-family:var(--font);padding:8px}.cuerpo{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}header{display:flex;align-items:center;gap:12px;letter-spacing:.1em;font-size:11px;color:var(--muted);text-transform:uppercase}header span{color:var(--green);font-weight:700;font-size:13px}.tarjeta{width:100%;max-width:540px;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:28px 32px;display:flex;flex-direction:column;gap:20px}.estado{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex-shrink:0;transition:background .3s}.dot.conectado{background:var(--green)}.dot.escuchando{background:var(--green);box-shadow:0 0 8px var(--green);animation:pulso 1.4s ease-in-out infinite}.dot.esperando{background:var(--yellow)}@keyframes pulso{0%,100%{opacity:1}50%{opacity:.3}}.reproductor{background:var(--bg);border:1px solid var(--border);border-radius:2px;padding:10px 12px;display:flex;flex-direction:column;gap:12px}.barras{display:flex;align-items:flex-end;gap:3px;height:48px}.barra{flex:1;background:var(--border);border-radius:1px;height:4px;transition:height .1s ease-out,background .3s}.barra.activa{background:var(--green)}.volumen{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);max-width:90%;flex-direction:column}.volumen label{min-width:60px}input[type=range]{flex:1;-webkit-appearance:none;height:2px;background:var(--border);border-radius:1px;outline:none;cursor:pointer;max-height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--green);cursor:pointer}#volLabel{min-width:32px;text-align:right;color:var(--text)}#btnEscuchar{width:100%;padding:16px;font-family:var(--font);font-size:13px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:1px solid var(--green);border-radius:2px;background:#fff0;color:var(--green);cursor:pointer;transition:background .2s,color .2s}#btnEscuchar:hover{background:var(--green-lo)}#btnEscuchar.activo{background:var(--green);color:#000}#btnEscuchar:disabled{opacity:.4;cursor:not-allowed}#btnPlay{width:100%;padding:16px;font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--green);border-radius:2px;background:var(--green);color:#000;cursor:pointer;display:none;animation:parpadeo 1s ease-in-out infinite}#btnPlay:hover{opacity:.85}@keyframes parpadeo{0%,100%{opacity:1}50%{opacity:.6}}.log{background:var(--bg);border:1px solid var(--border);border-radius:2px;font-size:11px;color:var(--muted);height:80px;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column-reverse;gap:3px}.log p.ok{color:var(--green)}.log p.error{color:var(--accent)}.log p.aviso{color:var(--yellow)}.listado.patrocinadores{display:flex;flex-direction:column;align-items:center;filter:brightness(0) invert(1);gap:1em}.listado.patrocinadores img{object-fit:contain}