:root{--fondo:#0f1419;--superficie:#16222b;--superficie-alta:#1d2c37;--borde:#2a3b48;--tinta:#e8edf2;--suave:#9aa7b4;--acento:#5ec4a8;--acento-tinta:#0b2a22;--ok:#5ec48a;--mal:#f07178;--dificil:#e9b35a;--facil:#6ea2ff;--radio:14px}*{box-sizing:border-box}html,body{background:var(--fondo);color:var(--tinta);-webkit-text-size-adjust:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.5}main{max-width:36rem;padding:max(1rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));margin:0 auto}h1,h2{margin:0 0 .5rem;line-height:1.2}.encabezado{margin-bottom:1.25rem}.encabezado h1{letter-spacing:-.02em;font-size:1.6rem}.encabezado h1 span{color:var(--acento)}.encabezado p{margin:0}.tenue{color:var(--suave);font-size:.9rem}.centro{text-align:center;margin-top:3rem}.ok{color:var(--ok)}.mal{color:var(--mal)}.panel,.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio);flex-direction:column;gap:.9rem;padding:1.25rem;display:flex}.pie-panel{text-align:center;margin:0}.cifras{text-align:center;grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.cifras div{background:var(--superficie-alta);border-radius:10px;flex-direction:column;padding:.75rem .25rem;display:flex}.cifras strong{font-size:1.6rem}.cifras span{color:var(--suave);font-size:.8rem}.boton{appearance:none;border:1px solid var(--borde);background:var(--superficie-alta);color:var(--tinta);font:inherit;cursor:pointer;touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;min-height:48px;padding:.85rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.boton:disabled{opacity:.5;cursor:default}.boton:focus-visible,input:focus-visible,.boton-icono:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.boton.primario{background:var(--acento);color:var(--acento-tinta);border-color:var(--acento)}.boton.ok{border-color:var(--ok);color:var(--ok)}.boton.mal{border-color:var(--mal);color:var(--mal)}.ancho{width:100%}.fila-botones{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.fila-botones .boton:only-child{grid-column:1/-1}.boton-icono{cursor:pointer;vertical-align:middle;background:0 0;border:none;border-radius:8px;padding:.25rem;font-size:1.2rem}.boton-audio-grande{appearance:none;border-radius:var(--radio);border:1px dashed var(--acento);background:var(--superficie-alta);width:100%;min-height:96px;color:var(--tinta);font:inherit;cursor:pointer;font-size:1.2rem}kbd{opacity:.6;border:1px solid;border-radius:4px;padding:0 .3rem;font-family:ui-monospace,monospace;font-size:.7rem}@media (hover:none){kbd{display:none}}.barra-superior{align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.progreso{background:var(--superficie-alta);border-radius:99px;flex:1;height:6px;overflow:hidden}.progreso div{background:var(--acento);height:100%;transition:width .25s}.tarjeta-cabecera{justify-content:space-between;align-items:center;display:flex}.chip{text-transform:uppercase;letter-spacing:.05em;background:var(--superficie-alta);color:var(--suave);border-radius:99px;padding:.15rem .55rem;font-size:.75rem;font-weight:700}.chip-nueva{color:var(--acento)}.frase-en{margin:0;font-size:1.45rem;font-weight:600;line-height:1.35}.frase-es{color:var(--suave);margin:0;font-size:1.05rem}.frase-es.grande{color:var(--tinta);font-size:1.4rem;font-weight:600}.pista{color:var(--suave);margin:0}mark{color:var(--acento);border-bottom:2px solid var(--acento);background:0 0}.hueco{color:var(--acento);letter-spacing:.05em}.formulario-respuesta{flex-direction:column;gap:.6rem;display:flex}input{width:100%;font:inherit;border:1px solid var(--borde);background:var(--fondo);color:var(--tinta);border-radius:12px;padding:.85rem 1rem;font-size:1.1rem}input:disabled{opacity:.8}.respuesta{border-top:1px solid var(--borde);flex-direction:column;gap:.6rem;padding-top:.9rem;display:flex}.respuesta p{margin:0}.calificar{margin-top:.9rem}.calificar p{margin:0}.pregunta-calif{margin:.6rem 0;font-size:1rem;font-weight:600}.botones-calificacion{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.botones-calificacion .boton{text-align:center;flex-direction:column;gap:.1rem;padding:.7rem .4rem .6rem;font-size:.85rem;position:relative}.calif-icono{font-size:1.6rem;line-height:1.2}.calif-nombre{font-size:1rem;font-weight:700}.calif-que{color:var(--tinta);font-size:.8rem}.calif-vuelve{color:var(--suave);font-size:.75rem}.calif-sugerida{color:var(--fondo);background:currentColor;border-radius:999px;padding:.05rem .5rem;font-size:.7rem;font-weight:700;position:absolute;top:-.55rem;right:.5rem}.calif-1{color:var(--mal)}.calif-2{color:var(--dificil)}.calif-3{color:var(--ok)}.calif-4{color:var(--facil)}.botones-calificacion .propuesta{background:var(--fondo);border-width:2px;border-color:currentColor}.aviso{border:1px solid var(--dificil);color:var(--dificil);background:#3a2b16;border-radius:10px;padding:.5rem .75rem;font-size:.9rem}@media (prefers-reduced-motion:reduce){.progreso div{transition:none}}