:root{--bg:#0f1117;--bg-card:#1a1d27;--bg-card-hover:#21253a;--text:#c8ccd8;--text-h:#f0f2f8;--text-muted:#6b7080;--border:#2a2e3f;--accent:#4f7cff;--accent-light:#4f7cff26;--verde:#22c55e;--verde-light:#22c55e26;--naranja:#f97316;--naranja-light:#f9731626;--azul:#06b6d4;--azul-light:#06b6d426;--gris:#475569;--gris-light:#47556926;--radius:14px;--radius-sm:8px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh}#root{max-width:480px;min-height:100svh;margin:0 auto}h1{color:var(--text-h);letter-spacing:-.5px;font-size:28px;font-weight:700}h2{color:var(--text-h);font-size:20px;font-weight:600}p{color:var(--text)}button{cursor:pointer;font-family:inherit}.app{min-height:100svh;padding:0 0 env(safe-area-inset-bottom);flex-direction:column;display:flex}.selector-dia{flex-direction:column;gap:24px;padding:24px 16px 32px;display:flex}.selector-header{padding-top:8px}.selector-header h1{margin-bottom:4px}.selector-subtitulo{color:var(--text-muted);font-size:15px}.retomar-card{border-radius:var(--radius);background:var(--accent-light);border:1.5px solid var(--accent);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.retomar-info{flex-direction:column;gap:2px;min-width:0;display:flex}.retomar-label{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);font-size:11px;font-weight:700}.retomar-dia{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.retomar-acciones{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.retomar-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);border:none;padding:8px 14px;font-size:14px;font-weight:700}.retomar-descartar{color:var(--text-muted);background:0 0;border:none;font-size:12px}.lista-dias{flex-direction:column;gap:10px;list-style:none;display:flex}.card-dia{border-radius:var(--radius);background:var(--bg-card);border:1.5px solid var(--border);transition:border-color .2s,background .2s;position:relative;overflow:hidden}.card-dia--hoy{border-color:var(--accent)}.card-dia-btn{width:100%;color:inherit;text-align:left;border-radius:inherit;background:0 0;border:none;align-items:center;gap:14px;padding:16px;transition:background .15s;display:flex}.card-dia-btn:hover:not(:disabled){background:var(--bg-card-hover)}.card-dia-btn:disabled{cursor:default;opacity:.45}.card-dia-abrev{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;width:28px;font-size:13px;font-weight:700}.card-dia--hoy .card-dia-abrev{color:var(--accent)}.card-dia-info{flex-direction:column;flex:1;gap:2px;display:flex}.card-dia-nombre{color:var(--text-h);font-size:15px;font-weight:600}.card-dia-duracion{color:var(--text-muted);font-size:13px}.badge{text-transform:uppercase;letter-spacing:.6px;border-radius:20px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:700}.badge-fuerza{background:var(--accent-light);color:var(--accent)}.badge-cardio{background:var(--verde-light);color:var(--verde)}.badge-circuito{background:var(--naranja-light);color:var(--naranja)}.badge-descanso{background:var(--gris-light);color:var(--gris)}.hoy-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;right:10px}.sesion-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.sesion-header h2{flex:1;font-size:16px}.btn-volver{color:var(--accent);background:0 0;border:none;flex-shrink:0;padding:4px 0;font-size:15px}.sesion-progreso-txt{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:600}.text-muted{color:var(--text-muted);font-size:14px}.btn-principal{background:var(--accent);color:#fff;border-radius:var(--radius);border:none;width:100%;padding:18px;font-size:17px;font-weight:700;transition:filter .15s,transform 50ms}.btn-principal:active{filter:brightness(.92);transform:scale(.98)}.reglas-pantalla{padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;gap:20px;display:flex}.reglas-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.reglas-recorrido{color:var(--text-h);margin-bottom:4px;font-weight:600}.reglas-duracion{color:var(--text-muted);font-size:14px}.reglas-bloque{flex:1}.reglas-titulo{text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:12px;font-size:13px}.reglas-lista{flex-direction:column;gap:10px;list-style:none;display:flex}.regla-item{padding-left:24px;font-size:14px;line-height:1.45;position:relative}.regla-item:before{content:"✓";color:var(--verde);font-weight:700;position:absolute;top:0;left:0}.barra-progreso{background:var(--border);height:4px;overflow:hidden}.barra-progreso-fill{background:var(--accent);height:100%;transition:width .35s}.sesion-contenido{padding:24px 16px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.vista-tramo{text-align:center;flex-direction:column;flex:1;align-items:center;gap:16px;display:flex}.tramo-icono{margin-top:24px;font-size:44px}.tramo-titulo{font-size:22px}.tramo-meta{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.meta-chip{background:var(--bg-card);border:1px solid var(--border);color:var(--text-h);border-radius:20px;padding:5px 12px;font-size:13px;font-weight:600}.meta-chip--tipo{text-transform:capitalize;color:var(--text-muted)}.bloque-intervalo{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;width:100%;padding:16px}.bloque-titulo{color:var(--text-h);margin-bottom:10px;font-weight:700}.bloque-fases{flex-direction:column;gap:8px;list-style:none;display:flex}.bloque-fase{background:var(--bg);border-radius:var(--radius-sm);justify-content:space-between;padding:8px 12px;font-size:14px;display:flex}.fase-etiqueta{color:var(--text-h);font-weight:600}.fase-tiempo{color:var(--text-muted)}.bloque-nota{color:var(--text-muted);margin-top:10px;font-size:12px}.vista-tramo .btn-principal{margin-top:auto}.vista-estacion{flex-direction:column;flex:1;gap:16px;display:flex}.estacion-header{flex-direction:column;gap:6px;display:flex}.estacion-tag{text-transform:uppercase;letter-spacing:.6px;color:var(--accent);font-size:12px;font-weight:700}.estacion-nombre{color:var(--text-muted);font-size:15px;font-weight:500}.ejercicio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;padding:20px;display:flex}.ejercicio-nombre{font-size:24px}.ejercicio-prescripcion{color:var(--accent);font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.series-dots{gap:8px;margin:4px 0;display:flex}.serie-dot{border:2px solid var(--border);border-radius:50%;width:14px;height:14px;transition:background .2s,border-color .2s,transform .2s}.serie-dot--hecha{background:var(--verde);border-color:var(--verde)}.serie-dot--actual{border-color:var(--accent);transform:scale(1.2)}.ejercicio-notas{color:var(--text);font-size:14px;line-height:1.45}.ejercicio-condicional{color:var(--naranja);font-size:14px}.ejercicio-descanso{color:var(--text-muted);font-size:13px}.btn-serie{background:var(--verde);flex-direction:column;align-items:center;gap:2px;margin-top:auto;display:flex}.btn-sub{opacity:.85;font-size:13px;font-weight:500}.vista-resumen{text-align:center;padding:48px 24px calc(24px + env(safe-area-inset-bottom));flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.resumen-check{background:var(--verde-light);width:72px;height:72px;color:var(--verde);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:38px;display:flex}.resumen-titulo{font-size:26px}.resumen-dia{color:var(--text-muted)}.resumen-stats{gap:16px;width:100%;margin:24px 0;display:flex}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex:1;padding:20px 12px}.stat-valor{color:var(--text-h);font-variant-numeric:tabular-nums;font-size:34px;font-weight:700;display:block}.stat-de{color:var(--text-muted);font-size:20px}.stat-label{color:var(--text-muted);font-size:13px}.vista-resumen .btn-principal{margin-top:auto}.cronometro{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.cron-etiqueta{color:var(--text-h);text-align:center;font-size:18px;font-weight:600}.cron-ring{width:200px;height:200px;position:relative}.cron-svg{width:100%;height:100%;transform:rotate(-90deg)}.cron-track{fill:none;stroke:var(--border);stroke-width:10px}.cron-fill{fill:none;stroke-width:10px;stroke-linecap:round;transition:stroke-dashoffset .3s linear}.cron-ring--accent .cron-fill{stroke:var(--accent)}.cron-ring--verde .cron-fill{stroke:var(--verde)}.cron-ring--azul .cron-fill{stroke:var(--azul)}.cron-ring--naranja .cron-fill{stroke:var(--naranja)}.cron-tiempo{color:var(--text-h);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:52px;font-weight:700;display:flex;position:absolute;inset:0}.cron-controles{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.cron-controles .btn-principal{width:100%}.btn-pausa{background:var(--gris)}.btn-saltar{color:var(--text-muted);background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:600}.tramo-timer,.ejercicio-timer{width:100%;margin-top:auto}.timer-instruccion{text-align:center;color:var(--text-muted);margin-bottom:14px;font-size:14px}.estacion-tag--descanso{color:var(--azul)}.descanso-card{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;display:flex}.descanso-proxima{color:var(--text-muted);text-align:center;font-size:15px}.vista-intervalo{flex-direction:column;flex:1;align-items:center;gap:20px;padding-top:12px;display:flex}.intervalo-rondas{color:var(--text-h);font-size:22px;font-weight:700}.intervalo-de{color:var(--text-muted);font-weight:500}.intervalo-fases-mini{gap:8px;margin-top:auto;display:flex}.mini-fase{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.mini-fase--activa{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}