:root{--ground:#0E1214;--surface:#171C1F;--line:#2C353A;--ink:#E7EBED;--ink-2:#A7B2B9;--ink-3:#7A868D;--ok:#6FCB96;--warn:#E0A44A;--bad:#E88C82;--sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:ui-monospace,"Roboto Mono",Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-text-size-adjust:100%}.wrap{max-width:40rem;margin:0 auto;padding:1.5rem 1.1rem 3rem;display:flex;flex-direction:column;gap:1.2rem}.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}h1{margin:.1rem 0 0;font-size:1.6rem;letter-spacing:-.02em}.activar{font:inherit;font-size:1.15rem;padding:1.4rem 1rem;border-radius:.8rem;border:2px solid var(--ok);background:rgba(111,203,150,.12);cursor:pointer}.activar,.estado{font-weight:600;color:var(--ok)}.estado{display:flex;align-items:center;gap:.5rem;font-size:.92rem}.punto{width:.6rem;height:.6rem;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(111,203,150,.7);animation:latido 2.4s ease-out infinite}@keyframes latido{0%{box-shadow:0 0 0 0 rgba(111,203,150,.55)}70%{box-shadow:0 0 0 .7rem rgba(111,203,150,0)}to{box-shadow:0 0 0 0 rgba(111,203,150,0)}}@media (prefers-reduced-motion:reduce){.punto{animation:none}}.ultimo{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:.6rem;padding:1.1rem 1.2rem;font-size:1.5rem;font-weight:600;line-height:1.25;text-wrap:balance}.error{background:rgba(232,140,130,.12);border-left:3px solid var(--bad);color:var(--bad);padding:.6rem .8rem;border-radius:0 .4rem .4rem 0;font-size:.88rem}.hist{display:flex;flex-direction:column;gap:.35rem}.hist h2{margin:.5rem 0 .3rem;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.hist h2,.vacio{color:var(--ink-3)}.vacio{font-size:.9rem;margin:0}.fila{display:grid;grid-template-columns:1fr auto auto;gap:.8rem;align-items:baseline;padding:.6rem .75rem;background:var(--surface);border:1px solid var(--line);border-radius:.45rem}.fila.rara{border-color:var(--warn)}.quien{font-weight:600;overflow-wrap:anywhere}.fila.rara .quien{color:var(--warn);font-weight:500;font-style:italic}.cuanto{font-family:var(--mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.cuando{font-family:var(--mono);font-size:.8rem;color:var(--ink-3)}.bitacora h2{margin:1rem 0 .4rem;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.log{font-family:var(--mono);font-size:.72rem;line-height:1.65;background:var(--surface);border:1px solid var(--line);border-radius:.45rem;padding:.55rem .65rem;max-height:14rem;overflow-y:auto;color:var(--ink-2);white-space:pre-wrap}.activar{display:flex;flex-direction:column;gap:.3rem;text-align:left;border-color:var(--warn);background:rgba(224,164,74,.14);color:var(--warn);animation:pulso 2s ease-in-out infinite}.activar-titulo{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.activar-sub{font-size:.92rem;font-weight:500;opacity:.9}@keyframes pulso{0%,to{background:rgba(224,164,74,.14)}50%{background:rgba(224,164,74,.26)}}@media (prefers-reduced-motion:reduce){.activar{animation:none}}.desconectado{display:flex;flex-direction:column;gap:.3rem;padding:1.4rem 1rem;border-radius:.8rem;border:2px solid var(--bad);background:rgba(232,140,130,.14);color:var(--bad);animation:pulso-mal 2s ease-in-out infinite}.desconectado-titulo{font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.desconectado-sub{font-size:.92rem;font-weight:500;opacity:.9}@keyframes pulso-mal{0%,to{background:rgba(232,140,130,.14)}50%{background:rgba(232,140,130,.28)}}@media (prefers-reduced-motion:reduce){.desconectado{animation:none}}.entrada{min-height:100dvh;justify-content:center;max-width:26rem}.formulario{display:flex;flex-direction:column;gap:.8rem}.etiqueta{font-size:.9rem;color:var(--ink-2)}.campo{display:flex;gap:.5rem}.clave{flex:1 1;min-width:0;font-family:var(--sans);font-size:1.15rem;height:3.2rem;padding:0 .9rem;border-radius:.6rem;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.clave:focus{outline:none;border-color:var(--ok)}.ojo{font:inherit;font-size:.9rem;padding:0 .9rem;border-radius:.6rem;border:1px solid var(--line);background:transparent;color:var(--ink-2)}.ojo,.principal{min-height:3.2rem;cursor:pointer}.principal{font:inherit;font-size:1.1rem;font-weight:600;border-radius:.6rem;border:1px solid var(--ok);background:rgba(111,203,150,.14);color:var(--ok)}.principal:disabled{opacity:.45;cursor:default}