:root{--fondo: #0b1220;--superficie: #131c2e;--superficie-2: #1b2740;--borde: #26344f;--texto: #e8eefc;--suave: #93a3c4;--azul: #4c8dff;--azul-oscuro: #2f6fe0;--amarillo: #f5c542;--verde: #3ecf8e;--rojo: #ff6b6b;--radio: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.4;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:12px 16px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.barra{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px}.barra h1{font-size:22px;margin:0}.barra .titulo{font-weight:600;font-size:16px;text-align:center;flex:1}.estado-guardado{font-size:13px;color:var(--suave);white-space:nowrap}.estado-guardado.ok:before{content:"● ";color:var(--verde)}.estado-guardado.guardando:before{content:"● ";color:var(--amarillo)}.estado-guardado.error{color:var(--rojo)}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);padding:16px}.tarjeta h2{margin:0 0 4px;font-size:22px}.tarjeta h3{margin:0 0 8px;font-size:15px;color:var(--suave);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.etiqueta{color:var(--suave);font-size:14px}.lista-simple{margin:8px 0 0;padding-left:20px;color:var(--suave)}.lista-simple li{margin:2px 0}.boton{min-height:56px;border-radius:12px;border:1px solid var(--borde);background:var(--superficie-2);padding:0 16px;font-weight:600;cursor:pointer;touch-action:manipulation}.boton:disabled{opacity:.4;cursor:default}.boton.primario{background:var(--azul);border-color:var(--azul);color:#fff;font-size:19px;width:100%}.boton.primario:active:not(:disabled){background:var(--azul-oscuro)}.boton.chico{min-height:48px;font-size:15px;padding:0 12px}.boton.texto{background:transparent;border-color:transparent;color:var(--azul)}.boton.peligro{color:var(--rojo)}.fila{display:flex;gap:8px;flex-wrap:wrap}.fila>.boton{flex:1}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-height:48px;min-width:48px;padding:0 14px;border-radius:999px;border:1px solid var(--borde);background:var(--superficie-2);font-weight:600;cursor:pointer}.chip.activo{background:var(--amarillo);border-color:var(--amarillo);color:#1a1400}.pasos{display:flex;gap:6px}.pasos button{flex:1;height:10px;border-radius:99px;border:0;padding:0;background:var(--superficie-2);cursor:pointer}.pasos button.hecho{background:var(--verde)}.pasos button.omitido{background:var(--borde)}.pasos button.actual{outline:2px solid var(--amarillo);outline-offset:2px}.ejercicio-nombre{font-size:26px;font-weight:700;margin:0;line-height:1.15}.ejercicio-equipo{color:var(--suave);margin-top:4px}.referencia{margin-top:12px;padding:10px 12px;border-radius:10px;background:var(--superficie-2);font-size:15px}.referencia b{color:var(--amarillo);font-weight:600}.referencia+.referencia{margin-top:8px}.series{display:flex;flex-direction:column;gap:8px}.serie{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:var(--superficie);border:1px solid var(--borde)}.serie .n{font-weight:700;width:28px;color:var(--suave)}.serie .objetivo{flex:1}.serie .hecho{color:var(--verde);font-weight:600}.serie.actual{border-color:var(--azul)}.serie.calentamiento .n{color:var(--amarillo)}.registro{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:var(--radio);background:var(--superficie);border:2px solid var(--azul)}.registro .encabezado{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.registro .encabezado b{font-size:19px}.numero{display:flex;align-items:center;gap:8px}.numero label{width:64px;color:var(--suave);font-size:15px}.numero input{flex:1;min-width:0;height:64px;border-radius:12px;border:1px solid var(--borde);background:var(--fondo);text-align:center;font-size:30px;font-weight:700}.numero input::placeholder{color:#44516d}.numero .boton{width:56px;padding:0;font-size:24px}.descanso{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:var(--radio);background:var(--amarillo);color:#1a1400}.descanso .tiempo{font-size:32px;font-weight:800;font-variant-numeric:tabular-nums}.circuito-items{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.circuito-items li{padding:10px 12px;border-radius:10px;background:var(--superficie-2);display:flex;justify-content:space-between;gap:8px}.vueltas{font-size:40px;font-weight:800;text-align:center;margin:8px 0}.nota{font-size:14px;color:var(--suave);margin-top:8px}.aviso{font-size:14px;color:var(--amarillo)}.error{color:var(--rojo);font-size:15px}.resumen-cifras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}.resumen-cifras b{display:block;font-size:28px}
