:root{--bg: #0f172a;--surface: #1e293b;--text: #f1f5f9;--muted: #94a3b8;--accent: #38bdf8;--tap: 56px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;-webkit-text-size-adjust:100%}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.screen{max-width:480px;margin:0 auto;padding:1.25rem 1rem 2rem}button{min-height:var(--tap);font-size:1.0625rem;border-radius:12px;border:none;cursor:pointer}.muted{color:var(--muted);font-size:.875rem}.frase{padding:.75rem 1rem;margin:0 0 1.25rem;font-size:.9375rem;font-style:italic;color:var(--text);background:var(--surface);border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.voz{display:flex;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;margin-bottom:.625rem;text-align:left;color:var(--text);background:var(--surface);border:1px solid #334155}.voz.sonando{border-color:var(--accent)}.voz-icono{flex:0 0 2.25rem;height:2.25rem;display:grid;place-items:center;font-size:.875rem;color:var(--bg);background:var(--accent);border-radius:50%}.voz-texto{display:flex;flex-direction:column;gap:.125rem}.voz-texto small{font-size:.75rem;color:var(--muted)}.nota{margin-top:1.5rem;font-size:.75rem}.nota code{padding:.1rem .3rem;font-size:.7rem;background:var(--surface);border-radius:4px}.principal{width:100%;margin-top:1rem;font-weight:700;color:var(--bg);background:var(--accent)}.principal:disabled{opacity:.4}.fila{display:flex;gap:.625rem;margin-top:.625rem}.secundario{flex:1;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid #334155}.secundario[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.enlace{min-height:auto;padding:0;font-size:inherit;color:var(--accent);background:none;text-decoration:underline}.volver{min-height:auto;padding:.25rem 0;margin-bottom:.5rem;font-size:.875rem;color:var(--muted);background:none}.titulo-dialogo{margin:0 0 1.25rem;font-size:1.375rem;letter-spacing:-.01em}.descargando{margin:0 0 1rem}.tarjeta{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:1rem;margin-bottom:.75rem;text-align:left;color:var(--text);background:var(--surface);border:1px solid #334155}.tarjeta:disabled{opacity:.5}.tarjeta small{font-size:.75rem;color:var(--muted)}.barra{height:6px;overflow:hidden;background:var(--surface);border-radius:3px}.barra span{display:block;height:100%;background:var(--accent);border-radius:3px;transition:width .25s ease}.contador{margin:.5rem 0 1.25rem;font-size:.8125rem}.linea{padding:1.25rem 1rem;margin-bottom:1rem;background:var(--surface);border:1px solid #334155;border-radius:14px;transition:border-color .2s}.linea.en-pausa{border-color:var(--accent)}.linea-hablante{display:block;margin-bottom:.375rem;font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.linea-texto{margin:0;font-size:1.375rem;line-height:1.4}.linea-oculta{margin:0;font-size:1rem;font-style:italic;color:var(--muted)}.repetir-ahora{margin-top:1rem}.repetir-ahora span{font-size:.8125rem;font-weight:700;color:var(--accent)}.cuenta{height:4px;margin-top:.5rem;overflow:hidden;background:#334155;border-radius:2px}.cuenta span{display:block;height:100%;background:var(--accent);transform-origin:left;animation:vaciar linear forwards}@keyframes vaciar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){.cuenta span{animation:none;transform:scaleX(1)}.barra span{transition:none}}.indicador{display:flex;align-items:center;gap:.75rem;margin:-.5rem 0 1.25rem}.puntos{display:flex;flex-wrap:wrap;gap:3px;flex:1}.punto{width:6px;height:6px;border-radius:50%;background:#334155;transition:background .2s}.punto.yendo{background:var(--muted)}.punto.ok{background:#4ade80}.punto.sin-senal{background:#fbbf24}.punto.error{background:#fca5a5}.indicador .muted{font-size:.75rem;white-space:nowrap}.aviso{padding:.75rem 1rem;margin-bottom:1rem;font-size:.8125rem;line-height:1.45;color:#fde68a;background:#fbbf241a;border:1px solid rgba(251,191,36,.35);border-radius:10px}.marcador-grande{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem;margin-bottom:.5rem;background:var(--surface);border-radius:14px}.score{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.03em}.score.chico{flex:0 0 2.75rem;font-size:1.125rem;text-align:center}.score.bien{color:#4ade80}.score.medio{color:#fbbf24}.score.mal{color:#fca5a5}.peor,.fonema{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;margin-bottom:.5rem;background:var(--surface);border-radius:10px}.peor-texto{display:flex;flex-direction:column;gap:.15rem;font-size:.9375rem;line-height:1.35}.peor-texto small{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.peor-texto code{font-size:.9375rem;color:var(--accent)}h3{margin:2rem 0 .25rem;font-size:1.0625rem}.comparacion{display:flex;align-items:center;gap:.3rem;flex:0 0 auto}.flecha{font-size:.8125rem;color:var(--muted)}.delta-grande{margin:0 0 1rem;font-size:1.25rem;font-weight:700}.sube{color:#4ade80}.baja{color:#fca5a5}.modo{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;width:100%;padding:1rem;margin-bottom:.75rem;text-align:left;color:var(--text);background:var(--surface);border:1px solid #334155}.modo.elegido{border-color:var(--accent)}.modo small{font-size:.75rem;line-height:1.35;color:var(--muted)}.opcion{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.opcion-nombre{font-size:.875rem;color:var(--muted)}.segmentado{display:flex;gap:.25rem;padding:.25rem;background:var(--surface);border-radius:12px}.segmentado button{min-height:40px;padding:0 .875rem;font-size:.875rem;color:var(--muted);background:none;border-radius:9px}.segmentado button.activo{color:var(--bg);background:var(--accent);font-weight:700}.marcador{margin:0 0 1.25rem;font-size:1.125rem;font-weight:700;color:var(--accent)}.pregunta{margin-bottom:1.75rem}.pregunta-texto{display:flex;gap:.5rem;margin:0 0 .75rem;font-size:1rem;line-height:1.45}.pregunta-num{flex:0 0 1.5rem;height:1.5rem;display:grid;place-items:center;font-size:.75rem;font-weight:700;color:var(--bg);background:var(--muted);border-radius:50%}.opcion-quiz{display:block;width:100%;padding:.875rem 1rem;margin-bottom:.5rem;font-size:.9375rem;line-height:1.35;text-align:left;color:var(--text);background:var(--surface);border:1px solid #334155}.opcion-quiz.elegida{border-color:var(--accent)}.opcion-quiz.correcta{border-color:#4ade80;color:#4ade80}.opcion-quiz.incorrecta{border-color:#fca5a5;color:#fca5a5}.opcion-quiz:disabled{opacity:1}.ajustes-voz{margin-top:2.5rem;border-top:1px solid #334155;padding-top:1rem}.ajustes-voz summary{font-size:.875rem;color:var(--muted);cursor:pointer}.ajustes-voz h2{font-size:1.125rem}.otros{margin-top:1.75rem;padding-top:1rem;border-top:1px solid #334155}.enlace-suave{min-height:auto;padding:.25rem 0;font-size:.8125rem;color:var(--muted);background:none;text-decoration:underline;text-underline-offset:3px}.otros .nota{margin:.5rem 0 .875rem}.seccion{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid #334155}.conversacion{margin:1rem 0 1.5rem}.burbuja{padding:.75rem .9375rem;margin-bottom:.5rem;font-size:.9375rem;line-height:1.45;border-radius:14px}.burbuja.mia{margin-left:2rem;color:var(--bg);background:var(--accent);border-bottom-right-radius:4px}.burbuja.suya{margin-right:2rem;background:var(--surface);border:1px solid #334155;border-bottom-left-radius:4px}.burbuja .quien{display:block;margin-bottom:.2rem;font-size:.625rem;text-transform:uppercase;letter-spacing:.12em;opacity:.75}.burbuja.mia .quien{color:var(--bg)}.burbuja.suya .quien{color:var(--accent);opacity:1}.burbuja.pensando{display:flex;flex-direction:column;gap:.35rem;color:var(--muted);font-style:italic}.burbuja.pensando small{font-size:.6875rem;font-style:normal;opacity:.7}.puntitos{display:inline-flex;gap:4px;margin-bottom:.15rem}.puntitos i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:latir 1.2s infinite ease-in-out}.puntitos i:nth-child(2){animation-delay:.2s}.puntitos i:nth-child(3){animation-delay:.4s}@keyframes latir{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.puntitos i{animation:none;opacity:.7}}.hablar{width:100%;min-height:76px;margin-top:.5rem;font-size:1.0625rem;font-weight:700;color:var(--bg);background:var(--accent);border-radius:16px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .1s,background .15s}.hablar.grabando{background:#fca5a5;transform:scale(.98)}.hablar:disabled{color:var(--muted);background:var(--surface);border:1px solid #334155}.correccion{display:flex;flex-direction:column;gap:.2rem;width:100%;padding:.75rem 1rem;margin-bottom:.5rem;text-align:left;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid #334155}.correccion small{font-size:.6875rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.correccion .mal{color:#fca5a5;text-decoration:line-through;text-decoration-color:#fca5a580}.correccion .bien{color:#4ade80}.por-que{margin:.4rem 0 0;font-size:.8125rem;line-height:1.45}.turno-resumen{margin-bottom:1rem}.natural{margin:.5rem 0 0;padding-top:.4rem;border-top:1px solid rgba(15,23,42,.25);font-size:.875rem}.natural small{display:block;font-size:.625rem;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.burbuja .score.chico{flex:none;margin-left:.4rem;font-size:.6875rem}.cuota{margin-top:2rem;background:var(--surface);border:1px solid #334155;border-radius:12px;overflow:hidden}.cuota.alerta{border-color:#fbbf2480}.cuota-resumen{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:.875rem 1rem;text-align:left;color:var(--text);background:none;border-radius:0}.cuota-resumen strong{display:block;font-size:.9375rem}.cuota-resumen small{font-size:.75rem;color:var(--muted)}.cuota-chevron{font-size:1rem;color:var(--muted)}.cuota-detalle{padding:0 1rem 1rem;border-top:1px solid #334155}.cuota-fila{margin-top:1rem}.cuota-cab{display:flex;justify-content:space-between;gap:.75rem;margin-bottom:.375rem;font-size:.8125rem}.cuota-cab .muted{font-size:.75rem;white-space:nowrap}.barra span.alto{background:#fbbf24}.cuota-nota{margin:.5rem 0 0;font-size:.7rem;line-height:1.5}.tema{width:100%;padding:.875rem 1rem;margin-bottom:.5rem;font-family:inherit;font-size:1rem;line-height:1.45;color:var(--text);background:var(--surface);border:1px solid #334155;border-radius:12px;outline:none;resize:vertical}.tema:focus{border-color:var(--accent)}.tema::placeholder{color:var(--muted)}.ancho{width:100%;margin-top:1rem}.perfiles{display:flex;flex-direction:column;justify-content:center;min-height:70dvh}.perfil-grid{display:flex;gap:1rem;margin-top:1.5rem}.perfil{display:flex;flex-direction:column;align-items:center;gap:.625rem;flex:1;padding:1.5rem .75rem;font-size:.9375rem;color:var(--text);background:var(--surface);border:1px solid #334155}.perfil-inicial{display:grid;place-items:center;width:4.5rem;height:4.5rem;font-size:2rem;font-weight:700;color:var(--bg);background:var(--accent);border-radius:16px}.cabecera{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.cambiar-perfil{min-height:auto;padding:.25rem 0;font-size:.8125rem;color:var(--muted);background:none;white-space:nowrap}.gate{display:flex;flex-direction:column;justify-content:center;min-height:100dvh}.gate-eyebrow{margin:0 0 .25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}.gate h1{margin:0 0 .75rem;font-size:2.25rem;letter-spacing:-.02em}.gate-help{margin:0 0 1.5rem;font-size:.8125rem;color:var(--muted)}.gate input{width:100%;min-height:var(--tap);padding:0 1rem;margin-bottom:.75rem;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid #334155;border-radius:12px;outline:none}.gate input:focus{border-color:var(--accent)}.gate-error{margin:0 0 .75rem;font-size:.8125rem;color:#fca5a5}.gate button{width:100%;font-weight:700;color:var(--bg);background:var(--accent);transition:opacity .2s}.gate button:disabled{opacity:.45}.pestanas{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;margin:0 0 1rem;background:var(--surface);border-radius:14px}.pestanas button{min-height:var(--tap);font-size:1.0625rem;font-weight:600;color:var(--muted);background:none;border-radius:11px;-webkit-tap-highlight-color:transparent}.pestanas button[aria-selected=true]{color:var(--bg);background:var(--accent);font-weight:700}.pestanas button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.etiqueta-curso{color:var(--accent);font-weight:600}.material{margin-top:1.25rem}.material .nota{margin-top:.4rem;text-align:center}