*{box-sizing:border-box;margin:0;padding:0}body{background:#1e1f22;color:#dbdee1;font-family:gg sans,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.centro{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.1rem;line-height:1.8;padding:20px}.app{display:flex;flex-direction:column;min-height:100vh}.aviso-mic{background:#f0b232;color:#1e1f22;font-size:.85rem;font-weight:600;padding:8px 14px;text-align:center}.boton-mic{margin:0 8px;padding:6px 12px;border:none;border-radius:6px;background:#1e1f22;color:#fff;font-weight:700;cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#111214;border-bottom:1px solid #2b2d31}header h1{font-size:1.05rem}.chip{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#2b2d31;letter-spacing:.5px}.chips{display:flex;gap:8px;align-items:center}.chip.hablando-yo{background:#23a55a;color:#fff;box-shadow:0 0 8px #23a55ab3;animation:pulso 1.2s infinite}.chip.rol-staff{background:#f1c40f;color:#1e1f22}.chip.rol-caller{background:#e67e22;color:#1e1f22}.chip.rol-miembro{background:#5865f2;color:#fff}.chip.rol-espectador{background:#4f545c;color:#fff}.salas{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px}.sala{background:#2b2d31;border-radius:10px;border-left:4px solid #5865f2;padding:12px}.sala h2{font-size:.95rem;margin-bottom:8px}.sala ul{list-style:none}.sala li{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:.88rem;transition:background .15s}.sala li.vacia{color:#6d7178;font-style:italic}.punto{width:8px;height:8px;border-radius:50%;background:#4f545c;flex-shrink:0;transition:all .15s}.sala li.hablando{background:#23a55a26}.sala li.hablando .punto{background:#23a55a;box-shadow:0 0 8px #23a55a}.volumen{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:.85rem}.volumen input{flex:1;accent-color:#5865f2}.volumen span{width:40px;text-align:right;color:#949ba4;font-size:.78rem}footer{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#111214;border-top:1px solid #2b2d31;flex-wrap:wrap}footer button{background:#2b2d31;color:#dbdee1;border:none;border-radius:8px;padding:10px 14px;font-size:.85rem;font-weight:600;cursor:pointer}footer button:hover{background:#35373c}footer button.off{background:#da373c;color:#fff}footer button.broadcast-on{background:#e67e22;color:#1e1f22;animation:pulso 1.2s infinite}@keyframes pulso{50%{opacity:.7}}.vumetro{flex:1;min-width:80px;height:8px;background:#2b2d31;border-radius:999px;overflow:hidden}.micpage{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.micpage h1{font-size:1.3rem}.micpage .nota{color:#949ba4;font-size:.85rem}.micpage .ok{color:#23a55a;max-width:480px;line-height:1.6}.micpage .err{color:#da373c;max-width:480px;line-height:1.6}.micpage .vumetro{width:280px;flex:none;height:12px}.micpage button.grande{background:#5865f2;color:#fff;border:none;border-radius:10px;padding:16px 28px;font-size:1.05rem;font-weight:700;cursor:pointer}.micpage button.grande.off{background:#da373c}.estado-voz{font-size:1rem;font-weight:700;padding:8px 18px;border-radius:999px;background:#2b2d31}.estado-voz.activo{background:#23a55a;color:#fff;box-shadow:0 0 12px #23a55ab3}.vumetro div{height:100%;background:linear-gradient(90deg,#23a55a,#f1c40f,#da373c);transition:width .12s}