:root{--naranja:#f76707;--fondo:#fff8f0;--tarjeta:#fff;--texto:#222;--suave:#777;--ok:#2b8a3e;--casi:#e67700;--mal:#c92a2a;--borde:#eadfd2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:-apple-system,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#1b1714;--tarjeta:#26211d;--texto:#f1ebe4;--suave:#a59a8f;--borde:#3a322b}}*{box-sizing:border-box}body{background:var(--fondo);color:var(--texto);margin:0;font-size:19px;line-height:1.45}.pantalla{max-width:560px;min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:18px;padding:18px}button{font:inherit;cursor:pointer;background:var(--tarjeta);min-height:56px;color:var(--texto);border:0;border:1px solid var(--borde);border-radius:14px;padding:16px}button.principal{background:var(--naranja);color:#fff;border:0;font-size:21px;font-weight:700}button:disabled{opacity:.5}.abajo{flex-direction:column;gap:10px;margin-top:auto;display:flex}.mini{color:var(--suave);font-size:15px}input.respuesta{font:inherit;border:2px solid var(--borde);background:var(--tarjeta);width:100%;color:var(--texto);border-radius:14px;padding:14px;font-size:21px}.ok{color:var(--ok)}.casi{color:var(--casi)}.mal{color:var(--mal)}.barra{background:var(--borde);border-radius:4px;height:8px;overflow:hidden}.barra>div{background:var(--naranja);height:100%;transition:width .3s}.fichas{flex-wrap:wrap;gap:8px;display:flex}.fichas button{min-height:48px;padding:10px 14px}.diff .falta{color:var(--ok);text-decoration:underline}.diff .sobra{color:var(--mal);text-decoration:line-through}.pestanas{background:var(--tarjeta);border-top:1px solid var(--borde);padding-bottom:env(safe-area-inset-bottom);z-index:5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.pestanas button{background:0 0;border:0;border-radius:0;flex-direction:column;align-items:center;gap:2px;min-height:60px;padding:8px 0;font-size:22px;display:flex}.pestanas button small{color:var(--suave);font-size:12px}.pestanas button[aria-current=page] small{color:var(--naranja);font-weight:700}.con-pestanas{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.fila{text-align:left;align-items:center;gap:12px;width:100%;display:flex}.fila .derecha{color:var(--suave);margin-left:auto;font-size:15px}button.altavoz{min-height:44px;padding:6px 10px}h1{margin:8px 0 0;font-size:30px}.barras{grid-template-columns:repeat(14,1fr);align-items:end;gap:2px;height:110px;display:grid}.barra-dia{flex-direction:column;justify-content:flex-end;align-items:center;gap:2px;height:100%;display:flex}.barra-dia>div{background:var(--naranja);border-radius:4px 4px 0 0;width:100%}.barra-dia small{color:var(--suave);font-size:11px}.pestanas button small{font-size:11px}