:root{--fondo:#f6f7f9;--superficie:#fff;--texto:#1f2328;--suave:#5b6470;--borde:#e3e6ea;--acento:#1d4ed8;--der:#1d4ed8;--die:#c81e1e;--das:#15803d;--plural:#6b7280;--aviso:#b45309;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--fondo:#0f1115;--superficie:#181b21;--texto:#e8eaed;--suave:#9aa3ad;--borde:#2a2f37;--acento:#7aa2ff;--der:#7aa2ff;--die:#ff7b7b;--das:#5fd38d;--plural:#9aa3ad;--aviso:#f0b45a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo);color:var(--texto);margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--acento)}.cabecera{z-index:1;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;background:var(--superficie);border-bottom:1px solid var(--borde);align-items:center;gap:8px;display:flex;position:sticky;top:0}.cabecera h1{text-align:center;flex:1;margin:0;font-size:18px}.volver{place-items:center;width:44px;height:44px;font-size:26px;text-decoration:none;display:grid}main{max-width:640px;padding:12px 16px calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}h2{margin:20px 0 8px;font-size:20px}.suave{color:var(--suave);margin:4px 0}.tarjeta{background:var(--superficie);border:1px solid var(--borde);color:inherit;border-radius:14px;margin:12px 0;padding:14px 16px;text-decoration:none;display:block}.tarjeta h3{margin:0 0 6px;font-size:17px}.tarjeta.enlace:active{transform:scale(.99)}.tarjeta ul{margin:4px 0;padding-left:20px}.frase,.palabra{border-top:1px solid var(--borde);align-items:flex-start;gap:10px;padding:8px 0;display:flex}.frase:first-of-type,.palabra:first-of-type{border-top:0}.de{font-size:18px}.es,.nota,.hablante{color:var(--suave);font-size:15px}.ingles{font-size:14px}.articulo{font-weight:700}.articulo.der{color:var(--der)}.articulo.die{color:var(--die)}.articulo.das{color:var(--das)}.plural{color:var(--plural);font-size:15px}.boton-audio{border:1px solid var(--borde);background:var(--fondo);border-radius:50%;flex:none;width:40px;height:40px;font-size:18px}.pendiente{color:var(--aviso);white-space:nowrap;font-size:13px}.prosa{overflow-wrap:anywhere}.prosa table{border-collapse:collapse;margin:8px 0;font-size:15px;display:block;overflow-x:auto}.prosa th,.prosa td{border:1px solid var(--borde);text-align:left;vertical-align:top;padding:4px 8px}.prosa ul{padding-left:20px}.boton-principal{background:var(--acento);color:#fff;text-align:center;border-radius:14px;margin:20px 0;padding:14px 16px;font-weight:600;text-decoration:none;display:block}.opciones{flex-wrap:wrap;gap:8px;display:flex}.opciones button{border:1px solid var(--borde);background:var(--fondo);min-height:44px;color:inherit;border-radius:10px;flex:1;font-size:16px}.opciones button.activa{border-color:var(--acento);outline:2px solid var(--acento)}.boton-secundario{border:1px solid var(--borde);background:var(--superficie);width:100%;color:var(--acento);font:inherit;text-align:center;border-radius:14px;margin:10px 0;padding:12px 16px;font-weight:600;text-decoration:none;display:block}button.boton-principal{width:100%;font:inherit;border:0;font-weight:600}.enlace-boton{color:var(--acento);font:inherit;text-align:left;background:0 0;border:0;margin:8px 0;padding:6px 0;display:block}.etiquetas{flex-wrap:wrap;gap:6px;display:flex}.etiqueta{background:var(--fondo);color:var(--suave);border-radius:999px;padding:2px 8px;font-size:13px}.etiqueta.nuevo{color:var(--das)}.pregunta{margin:14px 0 6px;font-size:22px;font-weight:600}.de.grande{font-size:22px}.respuesta{border-top:1px solid var(--borde);margin-top:12px;padding-top:8px}.resultado{font-weight:600}.resultado.bien{color:var(--das)}.resultado.casi{color:var(--aviso)}.resultado.mal{color:var(--die)}.calificar{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}.calificar button{color:#fff;min-height:52px;font:inherit;border:0;border-radius:12px;font-weight:600}.calificar .mal{background:#c81e1e}.calificar .casi{background:#b45309}.calificar .bien{background:#15803d}.frase-boton{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;display:flex}.campo-aleman input{border:1px solid var(--borde);background:var(--fondo);width:100%;color:inherit;border-radius:12px;margin-top:12px;padding:12px;font-size:20px}.umlauts{gap:8px;margin-top:8px;display:flex}.umlauts button{border:1px solid var(--borde);background:var(--superficie);min-height:44px;color:inherit;border-radius:10px;flex:1;font-size:20px}.barra{background:var(--borde);border-radius:3px;height:6px;margin:8px 0;overflow:hidden}.barra div{background:var(--das);height:100%;transition:width .3s}.aviso-ok{background:color-mix(in srgb, var(--das) 15%, transparent);border-radius:12px;padding:10px 14px}.interruptor{color:var(--suave);align-items:center;gap:10px;margin:8px 0;display:flex}.interruptor input{width:22px;height:22px}.campo{border:1px solid var(--borde);background:var(--fondo);width:100%;color:inherit;border-radius:12px;margin:8px 0;padding:12px;font-size:16px}