*{box-sizing:border-box;margin:0;padding:0}body{color:#eee;background:#1a1a2e;justify-content:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}#root{justify-content:center;width:100%;padding:1.5rem 1rem;display:flex}.panel{background:#16213e;border-radius:16px;flex-direction:column;gap:1.25rem;width:100%;max-width:460px;padding:2rem;display:flex;box-shadow:0 8px 32px #0006}h1{text-align:center;font-size:1.4rem}h2{color:#aaa;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.95rem}.estado{text-align:center;border-radius:8px;padding:.35rem;font-size:.85rem}.estado.ok{color:#2ecc71;background:#2ecc7126}.estado.mal{color:#e74c3c;background:#e74c3c26}.procesando{text-align:center;color:#f39c12;padding:.5rem;font-weight:700;animation:1.2s ease-in-out infinite parpadeo}@keyframes parpadeo{50%{opacity:.4}}.seccion{border-top:1px solid #ffffff14;padding-top:1.25rem}.slider-group{margin-bottom:1.25rem}.slider-group:last-child{margin-bottom:0}.slider-header{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.slider-label{font-weight:600}.slider-nivel{color:#e94560;text-transform:capitalize;font-weight:700}input[type=range]{accent-color:#e94560;width:100%}input[type=range]:disabled{opacity:.4}.slider-marcas{color:#888;justify-content:space-between;margin-top:.2rem;font-size:.72rem;display:flex}.btn-iniciar{letter-spacing:.05em;color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:12px;width:100%;padding:1rem;font-size:1.3rem;font-weight:700;transition:transform .1s,background .2s;display:block}.btn-iniciar:hover:not(:disabled){background:#ff5c77}.btn-iniciar:active:not(:disabled){transform:scale(.97)}.btn-iniciar:disabled{cursor:not-allowed;background:#555}.reles-grid{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.btn-rele{color:#ccc;cursor:pointer;background:#0f1a33;border:2px solid #333;border-radius:10px;padding:.75rem .4rem;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s,color .15s}.btn-rele:disabled{opacity:.4;cursor:not-allowed}.btn-rele.activo{color:#2ecc71;background:#2ecc7126;border-color:#2ecc71}.ir-indicador{background:#0f1a33;border-radius:12px;justify-content:center;align-items:center;gap:.6rem;padding:.9rem;font-size:1rem;font-weight:700;display:flex}.ir-dot{background:#555;border-radius:50%;flex-shrink:0;width:14px;height:14px}.ir-indicador.detectado .ir-dot{background:#2ecc71;box-shadow:0 0 10px #2ecc71}.ir-indicador.libre .ir-dot{background:#444}.ir-indicador.sin-datos .ir-dot{background:#f39c12}