:root{--text:#5b6472;--text-h:#101828;--bg:#f6f7f9;--surface:#fff;--surface-hover:#eef1f5;--border:#dde1e7;--code-bg:#eef1f5;--accent:#0e7c66;--accent-h:#0a6353;--accent-bg:#0e7c661a;--accent-border:#0e7c6673;--social-bg:#eef1f599;--shadow:#10182814 0 10px 20px -6px, #1018280f 0 4px 8px -2px;--shadow-sm:#1018280f 0 2px 6px -1px;--success:#1e8e3e;--success-bg:#1e8e3e1f;--success-border:#1e8e3e73;--error:#c62828;--error-bg:#c628281f;--error-border:#c6282873;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--transition:.15s ease;--tap-min:44px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#12141a;--surface:#1a1d25;--surface-hover:#23262f;--border:#2e323d;--code-bg:#1f2028;--accent:#35d6b3;--accent-h:#5ee0c2;--accent-bg:#35d6b324;--accent-border:#35d6b373;--social-bg:#2f303a80;--shadow:#00000073 0 10px 20px -6px, #0000004d 0 4px 8px -2px;--shadow-sm:#0000004d 0 2px 6px -1px;--success:#4ade80;--success-bg:#4ade8026;--success-border:#4ade8080;--error:#f87171;--error-bg:#f8717126;--error-border:#f8717180}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:920px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex}@media (width<=640px){.app{padding:16px}}.app__header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.app__header h1{letter-spacing:-.2px;margin:0;font-size:20px;font-weight:700}.app__nav{align-items:center;gap:8px;display:flex}.app__nav button{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);padding:6px 16px}.app__nav button:hover{background:var(--surface-hover)}.app__nav button.activo{border-color:var(--accent-border);color:var(--accent);background:var(--accent-bg);font-weight:600}.app__usuario{color:var(--text);margin-left:auto;font-size:14px}.app__salir{color:var(--text);font-size:13px}.app__cargando,.app--error{text-align:center;color:var(--text);padding:40px}button{font:inherit}.login{flex:1;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex}.login__tarjeta{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);width:100%;max-width:360px;box-shadow:var(--shadow);flex-direction:column;gap:14px;padding:32px;display:flex}.login__titulo{color:var(--text-h);margin:0;font-size:26px;font-weight:700}.login__subtitulo{color:var(--text);margin:-8px 0 4px;font-size:14px}.login__campo{color:var(--text-h);flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.login__campo input{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-h);font:inherit;padding:8px 12px}.login__campo input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.login__error{color:var(--error);margin:0;font-size:14px}.login__tarjeta button[type=submit]{min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition), box-shadow var(--transition);border:none;margin-top:6px;padding:10px 20px;font-weight:600}.login__tarjeta button[type=submit]:hover:not(:disabled){background:var(--accent-h);box-shadow:var(--shadow)}.login__tarjeta button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.filtros{flex-direction:column;gap:18px;display:flex}.filtros__modo{background:var(--code-bg);border-radius:var(--radius-md);align-self:flex-start;gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.filtros__modo button{min-height:var(--tap-min);border-radius:calc(var(--radius-md) - 4px);color:var(--text);cursor:pointer;white-space:nowrap;transition:background var(--transition), color var(--transition), box-shadow var(--transition);background:0 0;border:none;padding:8px 16px}.filtros__modo button.activo{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm);font-weight:600}@media (width<=480px){.filtros__modo button{padding:8px 12px;font-size:14px}}.filtros__bloques{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.filtros__bloque-card{border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:var(--surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);flex-direction:column;gap:6px;padding:16px;display:flex}.filtros__bloque-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow)}.filtros__bloque-card--activa{border-color:var(--accent);background:var(--accent-bg);box-shadow:var(--shadow)}.filtros__bloque-card__numero{font-family:var(--mono);color:var(--accent);font-size:26px;font-weight:700}.filtros__bloque-card__titulo{color:var(--text-h);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.filtros__bloque-card__meta{color:var(--text);font-size:12px}.filtros__bloque-card__barra{background:var(--border);border-radius:2px;height:4px;margin-top:4px;overflow:hidden}.filtros__bloque-card__barra span{background:var(--accent);height:100%;display:block}.acordeon-bloque{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);margin-bottom:8px;overflow:hidden}.acordeon-bloque summary{cursor:pointer;color:var(--text-h);min-height:var(--tap-min);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 14px;font-weight:600;list-style:none;display:flex}.acordeon-bloque summary::-webkit-details-marker{display:none}.acordeon-bloque__titulo{flex-wrap:wrap;flex:180px;align-items:baseline;gap:4px 8px;min-width:0;display:flex}.acordeon-bloque__titulo span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.acordeon-bloque__titulo span:last-child{color:var(--text);white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:400}.acordeon-bloque__flecha{transition:transform var(--transition);color:var(--text);flex-shrink:0}.acordeon-bloque[open] .acordeon-bloque__flecha{transform:rotate(180deg)}.acordeon-bloque[open] summary{background:var(--code-bg);border-bottom:1px solid var(--border)}.acordeon-bloque__acciones{color:var(--accent);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;flex-shrink:0;padding:8px;font-size:13px}.acordeon-bloque__acciones:hover{background:var(--accent-bg)}.filtros__temas-tarjetas{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:12px 14px;display:grid}.filtros__tema-tarjeta{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg);color:var(--text-h);text-align:left;cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:4px;padding:10px 12px;display:flex}.filtros__tema-tarjeta:hover{border-color:var(--accent-border);box-shadow:var(--shadow-sm)}.filtros__tema-tarjeta--activa{background:var(--accent-bg);border-color:var(--accent);box-shadow:var(--shadow-sm)}.filtros__tema-tarjeta__cabecera{color:var(--accent);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.filtros__tema-tarjeta__titulo{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.filtros__tema-tarjeta__punto{background:var(--border);border-radius:50%;flex-shrink:0;width:8px;height:8px}.filtros__tema-tarjeta__punto--bien{background:var(--success)}.filtros__tema-tarjeta__punto--flojo{background:var(--error)}.filtros__cantidad{align-items:center;gap:10px;display:flex}.filtros__cantidad input{width:70px;min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text-h);box-sizing:border-box;margin-left:8px;padding:4px 8px}.filtros__disponibles{color:var(--text);font-size:14px}.filtros__prioridad{align-items:center;gap:8px;display:flex}.filtros>button{min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition), box-shadow var(--transition);border:none;align-self:flex-start;padding:10px 24px;font-weight:600}.filtros>button:hover:not(:disabled){background:var(--accent-h);box-shadow:var(--shadow)}.filtros>button:disabled{opacity:.5;cursor:not-allowed}.sesion{flex-direction:column;gap:14px;display:flex}.sesion__cabecera{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sesion__cabecera-derecha{align-items:center;gap:10px;display:flex}.sesion__cronometro{font-family:var(--mono);color:var(--text);font-size:14px}.sesion__terminar{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:6px 14px;font-size:13px}.sesion__terminar:hover{border-color:var(--error-border);background:var(--surface-hover)}.sesion__contador{color:var(--text);font-size:14px}.sesion__norma{color:var(--text);margin-top:-8px;font-style:italic}.sesion__opciones{flex-direction:column;gap:10px;display:flex}.opcion{text-align:left;min-height:var(--tap-min);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-h);cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);padding:14px 16px}.opcion:hover:not(:disabled){border-color:var(--accent-border);box-shadow:var(--shadow)}.opcion--correcta{border-color:var(--success);background:var(--success-bg)}.opcion--incorrecta{border-color:var(--error);background:var(--error-bg)}.opcion--seleccionada{border-color:var(--accent);background:var(--accent-bg)}.sesion__feedback{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sesion__justificacion{color:var(--text);font-size:15px}.sesion__error-registro{color:var(--error);margin:0;font-size:14px}.sesion__feedback button{min-height:var(--tap-min);border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;transition:background var(--transition), box-shadow var(--transition);border:none;align-self:flex-start;padding:8px 22px;font-weight:600}.sesion__feedback button:hover{background:var(--accent-h);box-shadow:var(--shadow)}.resumen__badge{vertical-align:middle;border-radius:999px;padding:2px 10px;font-size:15px;font-weight:600;display:inline-block}.resumen__badge--bien{color:var(--success);background:var(--success-bg)}.resumen__badge--flojo{color:var(--error);background:var(--error-bg)}.resumen__lista{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}.resumen__item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition);padding:12px 14px}.resumen__item:hover{box-shadow:var(--shadow)}.resumen__item--acierto{border-color:var(--success-border)}.resumen__item--fallo{border-color:var(--error-border)}.resumen__item__cabecera{align-items:baseline;gap:8px;display:flex}.resumen__item__icono{flex-shrink:0}.resumen__justificacion{color:var(--text);font-size:14px}.resumen>button{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--transition), background var(--transition);margin-top:12px;padding:8px 20px}.resumen>button:hover{border-color:var(--accent-border);background:var(--surface-hover)}.progreso h2{margin-bottom:12px}.progreso__tarjetas{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:12px 14px;display:grid}.progreso__tarjeta{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.progreso__tarjeta--flojo{border-color:var(--error-border);background:var(--error-bg)}.progreso__tarjeta__cabecera{justify-content:space-between;align-items:center;gap:8px;display:flex}.progreso__tarjeta__tema{color:var(--accent);font-size:13px;font-weight:700}.progreso__tarjeta__etiqueta{text-transform:uppercase;letter-spacing:.04em;color:var(--error);background:var(--error-bg);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.progreso__tarjeta__titulo{color:var(--text-h);margin:0;font-size:13px;line-height:1.35}.progreso__tarjeta__stats{color:var(--text);flex-direction:column;gap:2px;font-size:12px;display:flex}.exportar-importar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:16px;display:flex}.exportar-importar button{min-height:var(--tap-min);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color var(--transition), background var(--transition);padding:8px 16px}.exportar-importar button:hover{border-color:var(--accent-border);background:var(--surface-hover)}.exportar-importar__mensaje{color:var(--text);font-size:14px}