:root{--color-principal:#1f2937;--color-principal-texto:#fff;--color-fondo:#fff;--color-superficie:#f3f4f6;--color-texto:#111827;--color-texto-suave:#4b5563;--color-borde:#d1d5db;--color-exito:#166534;--color-aviso:#92400e;--color-error:#b91c1c;--radio:12px;--tamano-tactil:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-texto);background:var(--color-fondo);-webkit-text-size-adjust:100%;font:18px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*,:before,:after{box-sizing:border-box}body{min-height:100svh;margin:0}h1,h2,p{margin:0}button{font:inherit;min-height:var(--tamano-tactil);border-radius:var(--radio);cursor:pointer}:focus-visible{outline:3px solid var(--color-principal);outline-offset:2px}.pantalla{max-width:480px;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.cabecera{background:var(--color-principal);color:var(--color-principal-texto);border-radius:var(--radio);padding:16px}.cabecera h1{font-size:1.5rem}.tarjeta{background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:var(--radio);flex-direction:column;gap:8px;padding:16px;display:flex}.tarjeta h2{font-size:1.25rem}.estado{text-align:center;border-radius:var(--radio);color:#fff;padding:12px;font-weight:700}.estado-en-linea{background:var(--color-exito)}.estado-sin-conexion{background:var(--color-aviso)}