:root{--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-num: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--color-bg: #f4f7fb;--color-surface: #ffffff;--color-surface-alt: #eef3fa;--color-text: #1f2a3d;--color-text-soft: #5b6778;--color-text-muted: #6b7688;--color-border: #d9e1ec;--color-border-strong: #b9c5d6;--color-primary: #2f6fed;--color-primary-dark: #2358c4;--color-primary-soft: #e8f0fe;--color-success: #1d9a5a;--color-success-soft: #e6f7ee;--color-danger: #d64545;--color-danger-soft: #fdecec;--color-warning: #c77b12;--color-warning-soft: #fdf3e3;--color-amber: #e6b41a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 3px rgba(31, 42, 61, .08);--shadow-md: 0 6px 20px rgba(31, 42, 61, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--tap-min: 48px;--focus-ring: 0 0 0 3px rgba(47, 111, 237, .35);--cell: clamp(38px, 9vw, 52px)}@media (max-width: 600px){:root{--tap-min: 44px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.5;min-height:100vh}h1,h2,h3,p,figure,ol,ul{margin:0}ul,ol{padding:0;list-style:none}button{font-family:inherit}img{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--tap-min);min-width:var(--tap-min);padding:12px 22px;border-radius:var(--radius-md);border:2px solid transparent;font-size:1.05rem;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;background:var(--color-surface);color:var(--color-text)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-soft)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-alt);color:var(--color-text)}.btn-block{width:100%}.input-number{min-height:var(--tap-min);width:7ch;padding:8px 10px;border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-num);font-size:1.3rem;font-weight:600;text-align:center;font-variant-numeric:tabular-nums}.input-number:hover:not(:disabled){border-color:var(--color-primary)}.input-number:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input-number:disabled{background:var(--color-surface-alt);color:var(--color-text-soft)}.input-number.is-error{border-color:var(--color-danger);background:var(--color-danger-soft)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.feedback{display:flex;align-items:flex-start;gap:var(--space-3);min-height:52px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:5px solid transparent;background:var(--color-surface-alt);font-size:1.02rem}.feedback p{flex:1}.feedback-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 26px;border-radius:50%;font-weight:700;font-size:.95rem;background:var(--color-border);color:var(--color-text)}.feedback--ok{background:var(--color-success-soft);border-left-color:var(--color-success)}.feedback--ok .feedback-icon{background:var(--color-success);color:#fff}.feedback--error{background:var(--color-danger-soft);border-left-color:var(--color-danger)}.feedback--error .feedback-icon{background:var(--color-danger);color:#fff}.feedback--empty{background:transparent;border-left-color:transparent}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.9rem;font-weight:700}.badge-ok{background:var(--color-success-soft);color:var(--color-success)}.badge-info{background:var(--color-primary-soft);color:var(--color-primary-dark)}@media (max-width: 600px){.btn{padding:8px 14px;font-size:.98rem}.input-number{padding:6px 8px;font-size:1.15rem}.card{padding:var(--space-4)}.feedback{min-height:0;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:.95rem}.feedback-icon{width:22px;height:22px;flex:0 0 22px;font-size:.85rem}}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:880px;margin:0 auto;padding:var(--space-4) var(--space-4) var(--space-6)}.screen{display:flex;flex-direction:column;flex:1}.hero{text-align:center;padding:var(--space-6) var(--space-4) var(--space-5);background:linear-gradient(180deg,var(--color-primary-soft),transparent)}.hero h1{font-size:clamp(1.9rem,5vw,2.6rem);letter-spacing:-.02em}.hero-level{display:inline-block;margin-top:var(--space-2);padding:4px 14px;border-radius:999px;background:var(--color-primary);color:#fff;font-weight:700;font-size:.95rem}.hero-sub{margin-top:var(--space-3);font-size:1.15rem;color:var(--color-text-soft);font-weight:600}.section-list{display:grid;gap:var(--space-3)}.section-card{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.section-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:0 0 52px;border-radius:var(--radius-md);background:var(--color-primary-soft);font-size:1.6rem}.section-body{flex:1;min-width:0}.section-body strong{display:block;font-size:1.12rem}.section-body span{display:block;color:var(--color-text-muted);font-size:.95rem}.section-progress{font-weight:700;color:var(--color-primary-dark);white-space:nowrap;font-variant-numeric:tabular-nums}.section-cta{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--color-primary);color:#fff;font-size:.92rem;font-weight:700;white-space:nowrap}.home-footer{margin-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center}.home-footer p{width:100%;text-align:center;color:var(--color-text-muted);font-size:.9rem}.topbar{position:sticky;top:0;z-index:10;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.topbar-inner{display:flex;align-items:center;gap:var(--space-3);max-width:880px;margin:0 auto;padding:var(--space-2) var(--space-4);min-height:60px}.topbar-title{flex:1;min-width:0;font-weight:700;font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-meta{font-weight:700;color:var(--color-text-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.progress{display:flex;align-items:center;gap:var(--space-3);max-width:880px;margin:0 auto;padding:0 var(--space-4) var(--space-2)}.progress-track{flex:1;height:10px;border-radius:999px;background:var(--color-surface-alt);overflow:hidden;border:1px solid var(--color-border)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-dark));border-radius:999px;transition:width .25s ease}.progress-label{font-size:.88rem;font-weight:700;color:var(--color-text-soft);font-variant-numeric:tabular-nums}.item-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.group-label{margin:var(--space-5) 0 var(--space-3);font-size:.95rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.group-label:first-child{margin-top:0}.summary{text-align:center}.summary h1{font-size:clamp(1.6rem,4.5vw,2.2rem);margin-bottom:var(--space-2)}.summary-sub{color:var(--color-text-muted);margin-bottom:var(--space-5)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm)}.stat-value{display:block;font-size:2rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--color-primary-dark)}.stat-label{color:var(--color-text-muted);font-size:.95rem}.stat--pct .stat-value{color:var(--color-success)}.summary-sections{display:grid;gap:var(--space-2);margin-bottom:var(--space-5);text-align:left}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.summary-row strong{font-variant-numeric:tabular-nums;color:var(--color-primary-dark)}.summary-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.zona{margin-top:var(--space-5)}.zona-title{margin:0 0 var(--space-3);font-size:1.15rem;color:var(--color-text)}.section-list--hija{margin-top:var(--space-3);margin-left:var(--space-5);padding-left:var(--space-4);border-left:3px solid var(--color-primary-soft)}.section-card--activa,.section-card:disabled{cursor:default;border-color:var(--color-primary);background:var(--color-primary-soft);box-shadow:var(--shadow-sm)}.section-card--activa:hover,.section-card:disabled:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.ficha-cabecera{gap:0;padding:0;align-items:stretch}.ficha-toggle{flex:0 0 46px;display:inline-flex;align-items:center;justify-content:center;border:0;border-right:1px solid var(--color-border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);background:transparent;color:var(--color-text-soft);font-size:1rem;cursor:pointer;transition:color .15s ease,background .15s ease}.ficha-toggle:hover{color:var(--color-primary);background:var(--color-primary-soft)}.ficha-zona{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:0;background:transparent;text-align:left;cursor:pointer}.ficha-zona:disabled{cursor:default}.plantilla-aviso{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-warning-soft);border:1px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;line-height:1.5}.plantilla-aviso ul{margin:var(--space-2) 0 0;padding-left:1.2em}.trivial-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3);margin-top:var(--space-4)}.trivial-cat{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);min-height:var(--tap-min);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font:inherit;color:var(--color-text);text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.trivial-cat:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-md)}.trivial-cat:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.trivial-cat:disabled{cursor:default;opacity:.55;box-shadow:none}.trivial-cat-name{font-weight:700}.trivial-cat-empty{font-size:.85rem;color:var(--color-text-muted)}.trivial-card{padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.trivial-pregunta{font-size:1.15rem;font-weight:700;line-height:1.5}.trivial-solucion{margin-top:var(--space-4);padding-top:var(--space-3);border-top:2px dashed var(--color-border-strong)}.trivial-respuesta{font-size:1.05rem;font-weight:700;color:var(--color-primary-dark)}.trivial-detalle{margin-top:var(--space-1);color:var(--color-text-soft);line-height:1.5}.trivial-cat-actual{text-transform:none;color:var(--color-primary-dark)}.romanos-rango{font-size:.85rem;font-weight:400;color:var(--color-text-muted)}.romanos-nota{margin-top:var(--space-4);color:var(--color-text-soft);font-size:.95rem;line-height:1.5}.romanos-cab{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.romanos-info-btn{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-soft);font-size:1.05rem;line-height:1;cursor:pointer}.romanos-info-btn:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.romanos-info-btn:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.romanos-info{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.95rem;line-height:1.55}.romanos-info h3{margin:0;font-size:1rem}.romanos-info h3+ol{margin-top:var(--space-2)}.romanos-info ol{margin:0;padding-left:1.3em}.romanos-info h3:not(:first-child){margin-top:var(--space-3)}.romanos-instruccion{text-align:center;font-weight:700;color:var(--color-text-soft)}.romanos-valor{margin:var(--space-2) 0 var(--space-4);text-align:center;font-size:clamp(2.4rem,10vw,3.4rem);font-weight:800;letter-spacing:.06em;line-height:1.1}.romanos-escribe{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.romanos-respuesta{min-height:var(--tap-min);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);display:flex;align-items:center;border:2px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-alt);font-size:1.6rem;font-weight:800;letter-spacing:.06em;overflow-wrap:anywhere}.romanos-respuesta.is-vacio{color:var(--color-text-muted);font-weight:600}.romanos-feedback{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid transparent;font-weight:700}.romanos-feedback.is-ok{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.romanos-feedback.is-mal{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.lingo-tablero{display:grid;gap:var(--space-2);justify-content:center;margin:var(--space-4) 0}.lingo-fila{display:grid;grid-template-columns:repeat(5,clamp(44px,13vw,56px));gap:var(--space-2);perspective:700px}.lingo-celda{width:100%;height:clamp(44px,13vw,56px);padding:0;text-align:center;font-family:inherit;font-size:clamp(1.4rem,6vw,1.7rem);font-weight:800;text-transform:uppercase;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm)}.lingo-celda:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.lingo-celda:read-only{cursor:default}.lingo-celda.is-ok{--lingo-color: var(--color-success);--lingo-texto: #fff;background:var(--lingo-color);border-color:var(--lingo-color);color:var(--lingo-texto)}.lingo-celda.is-pos{--lingo-color: var(--color-amber);--lingo-texto: var(--color-text);background:var(--lingo-color);border-color:var(--lingo-color);color:var(--lingo-texto)}.lingo-celda.is-no{--lingo-color: var(--color-text-muted);--lingo-texto: #fff;background:var(--lingo-color);border-color:var(--lingo-color);color:var(--lingo-texto)}.lingo-celda.is-ok,.lingo-celda.is-pos,.lingo-celda.is-no{animation:lingo-volteo .3s ease-in-out backwards;animation-delay:calc(var(--volteo-orden, 0) * .15s)}@keyframes lingo-volteo{0%{transform:rotateY(0);background-color:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}50%{transform:rotateY(90deg);background-color:var(--lingo-color);border-color:var(--lingo-color);color:var(--lingo-texto)}to{transform:rotateY(0);background-color:var(--lingo-color);border-color:var(--lingo-color);color:var(--lingo-texto)}}.lingo-tablero.is-volteando .lingo-celda:focus{box-shadow:none}@media (prefers-reduced-motion: reduce){.lingo-celda.is-ok,.lingo-celda.is-pos,.lingo-celda.is-no{animation:none}}.lingo-mensaje{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);font-weight:700;text-align:center}.lingo-mensaje.is-info{background:var(--color-surface-alt);border-color:var(--color-border);color:var(--color-text-soft)}.lingo-mensaje.is-bien{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success)}.lingo-mensaje.is-mal{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.lingo-teclado{display:grid;gap:var(--space-2)}.lingo-teclado-fila{display:flex;gap:var(--space-1)}.lingo-tecla{flex:1 1 0;min-width:0;min-height:var(--tap-min);padding:4px 0;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:1rem;font-weight:800;cursor:pointer}.lingo-tecla:hover:not(:disabled){border-color:var(--color-primary)}.lingo-tecla:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.lingo-tecla:active:not(:disabled){transform:translateY(1px)}.lingo-tecla:disabled{opacity:.55;cursor:default}.lingo-tecla--ancha{flex:1.7 1 0;font-size:.85rem}.lingo-tecla.is-back{font-size:1.15rem}.lingo-tecla.is-ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.lingo-tecla.is-pos{background:var(--color-amber);border-color:var(--color-amber);color:var(--color-text)}.lingo-tecla.is-no{background:var(--color-text-muted);border-color:var(--color-text-muted);color:#fff}@media (max-width: 600px){.container{padding:var(--space-3) var(--space-3) var(--space-4)}.hero{padding:var(--space-4) var(--space-3) var(--space-3)}.hero h1{font-size:1.55rem}.hero-level{margin-top:var(--space-1);padding:3px 10px;font-size:.85rem}.hero-sub{margin-top:var(--space-2);font-size:1rem}.zona{margin-top:var(--space-4)}.zona-title{margin-bottom:var(--space-2);font-size:1.02rem}.section-list{gap:var(--space-2)}.section-card:not(.ficha-cabecera),.ficha-zona{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon body prog" "icon body cta";align-items:center;column-gap:var(--space-2);row-gap:2px;padding:10px 12px;border-radius:var(--radius-md)}.ficha-cabecera{border-radius:var(--radius-md)}.ficha-toggle{flex:0 0 40px}.section-icon{grid-area:icon;width:40px;height:40px;font-size:1.25rem;border-radius:var(--radius-sm)}.section-body{grid-area:body}.section-body strong,.section-body span{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.section-body strong{font-size:.98rem;line-height:1.25;-webkit-line-clamp:2}.section-body span{font-size:.82rem;line-height:1.3;-webkit-line-clamp:3}.section-progress{grid-area:prog;align-self:end;justify-self:end;font-size:.82rem}.section-cta{grid-area:cta;align-self:start;justify-self:end;padding:5px 12px;font-size:.82rem}.section-list--hija{margin-top:var(--space-2);margin-left:var(--space-3);padding-left:var(--space-2)}.plantilla-aviso{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);font-size:.88rem}.home-footer{margin-top:var(--space-4);gap:var(--space-2)}.home-footer p{font-size:.85rem}.topbar-inner{min-height:48px;gap:var(--space-2);padding:var(--space-1) var(--space-3)}.topbar-title{font-size:.98rem}.topbar-meta{font-size:.85rem}.progress{padding:0 var(--space-3) var(--space-1)}.progress-track{height:8px}.progress-label{font-size:.8rem}.group-label{margin:var(--space-3) 0 var(--space-2);font-size:.82rem}.item-nav{margin-top:var(--space-3);gap:var(--space-1)}.item-nav .btn{padding:6px 10px;font-size:.88rem}.trivial-cats{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-2);margin-top:var(--space-3)}.trivial-cat{padding:var(--space-2) var(--space-3)}.trivial-card{padding:var(--space-3)}.trivial-pregunta{font-size:1.05rem}.trivial-solucion{margin-top:var(--space-3);padding-top:var(--space-2)}.romanos-valor{margin:var(--space-1) 0 var(--space-3);font-size:clamp(2rem,9vw,3rem)}.romanos-respuesta{min-height:var(--tap-min);margin-bottom:var(--space-2);font-size:1.4rem}.romanos-info{margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3)}.romanos-nota{margin-top:var(--space-3);font-size:.9rem}.lingo-tablero{margin:var(--space-3) 0 var(--space-2);gap:var(--space-1)}.lingo-fila{grid-template-columns:repeat(5,clamp(41px,11.5vw,56px));gap:var(--space-1)}.lingo-celda{height:clamp(41px,11.5vw,56px)}.lingo-mensaje{margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);font-size:.92rem}.lingo-teclado{gap:var(--space-1)}.lingo-tecla{padding:2px 0;font-size:.95rem}.summary-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.summary-sub{margin-bottom:var(--space-4)}}.exercise{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.exercise-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.exercise-type{font-weight:800;font-size:1.15rem}.exercise-step{padding:4px 12px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:700;font-size:.9rem}.exercise-body{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.exercise-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.exercise-actions .btn-primary{flex:1;min-width:180px}.solution{background:var(--color-warning-soft);border:1px solid #f0dcb4;border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.solution h3{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-warning)}.solution-steps{display:grid;gap:6px}.solution-steps li{font-variant-numeric:tabular-nums;font-size:1.02rem}.solution-final{font-weight:800;font-size:1.1rem}.vgrid-wrap{width:100%;overflow-x:auto;padding-bottom:4px}.vgrid{--cell-cols: 4;display:grid;grid-auto-rows:minmax(var(--cell),auto);justify-content:center;gap:4px 2px;margin:0 auto;font-family:var(--font-num)}.vline{border-top:3px solid var(--color-text);height:0;margin:4px 0;align-self:end}.vcell{display:flex;align-items:center;justify-content:center;width:var(--cell);height:var(--cell);font-size:calc(var(--cell) * .5);font-weight:700;font-variant-numeric:tabular-nums;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.vcell--box{border:2px solid var(--color-border-strong);background:var(--color-surface)}.vcell--future{border:2px dashed var(--color-border-strong);background:var(--color-surface-alt);color:transparent}.vcell--done{border:2px solid var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.vcell--given{border:2px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.vcell--chain{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.vcell--error{border:2px solid var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.vcell--sign{border:none;background:transparent;font-weight:800;font-size:calc(var(--cell) * .55)}.vcell--carry{width:calc(var(--cell) * .72);height:calc(var(--cell) * .6);font-size:calc(var(--cell) * .34);color:var(--color-primary-dark)}.vcell--static{font-weight:700}.digit{width:var(--cell);height:var(--cell);padding:0;text-align:center;font-family:var(--font-num);font-size:calc(var(--cell) * .5);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);caret-color:var(--color-primary)}.digit::placeholder{color:#b6c1d1}.digit:hover:not(:disabled){border-color:var(--color-primary)}.digit:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.digit:disabled{background:var(--color-surface-alt);color:var(--color-text-soft)}.digit.digit--chain{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.digit.is-error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.problem-text{background:var(--color-surface-alt);border-left:5px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-4);font-size:1.1rem;line-height:1.6;width:100%}.problem-resultados{display:grid;gap:var(--space-2);width:100%;margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:1px dashed var(--color-border);border-radius:var(--radius-md);list-style:none;font-size:.95rem}.problem-resultados li{display:flex;align-items:baseline;gap:var(--space-3)}.resultado-tag{flex:0 0 auto;min-width:84px;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-dark);font-size:.75rem;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em}.problem-resultados .es-final .resultado-tag{background:var(--color-primary);color:#fff}.wf-dev{display:flex;flex-direction:column;gap:var(--space-2);width:100%;min-height:72px;padding:var(--space-3) var(--space-4);background:var(--color-surface-alt);border:2px solid var(--color-border);border-radius:var(--radius-md)}.wf-line{margin:0;padding:2px 0;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.5;overflow-wrap:anywhere}.wf-line.is-empty{color:var(--color-text-muted);font-weight:600}.wf-caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:text-bottom;background:var(--color-primary);animation:wf-caret-blink 1.1s steps(1) infinite}@keyframes wf-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion: reduce){.wf-caret{animation:none}}.wf-mag{align-self:flex-start;padding:4px 10px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary-dark);font-size:.9rem;font-weight:700}.kcell{display:flex;align-items:center;justify-content:center;width:var(--cell);height:var(--cell);font-family:var(--font-num);font-size:calc(var(--cell) * .5);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text);background:var(--color-surface);border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none}.kcell.is-chain{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.kcell.is-error{border-color:var(--color-danger);background:var(--color-danger-soft);color:var(--color-danger)}.kcell.is-active{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.keypad{display:grid;gap:var(--space-3);width:100%}.keypad-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.keypad-grid--cinco{grid-template-columns:repeat(5,1fr)}.keypad-controls{display:flex;flex-wrap:wrap;gap:var(--space-2)}.key{display:flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:8px 10px;border:2px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:1.35rem;font-weight:800;cursor:pointer}.key:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary-soft)}.key:focus-visible{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.key:active:not(:disabled){transform:translateY(1px)}.key:disabled{opacity:.55;cursor:default}.key.is-back{font-size:1.2rem}.keypad-controls .key{font-size:1rem}.keypad-magnitudes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.keypad-magnitudes-titulo{width:100%;font-size:.92rem;font-weight:700;color:var(--color-text-soft)}.key-mag{min-height:var(--tap-min);font-size:.95rem;font-weight:700}.key-mag.is-final{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.key-mag.is-pressed{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success)}.mental-expr{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);font-size:clamp(1.8rem,6vw,2.6rem);font-weight:800;font-variant-numeric:tabular-nums}.mental-expr .input-number{width:6ch;font-size:clamp(1.4rem,5vw,1.9rem)}.mental-hint{color:var(--color-text-muted);text-align:center}.tip{display:flex;flex-direction:column;gap:var(--space-4)}.tip-head{display:flex;flex-direction:column;gap:var(--space-2)}.tip-badge{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--color-warning-soft);color:var(--color-warning);font-weight:800;font-size:.9rem}.tip-tease{font-size:1.08rem;color:var(--color-text-soft)}.tip-short{font-size:1.12rem;font-weight:700;background:var(--color-primary-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.tip-example{background:var(--color-surface-alt);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.tip-expr{font-size:1.3rem;font-weight:800;font-variant-numeric:tabular-nums}.tip-example ol{display:grid;gap:4px;list-style:decimal;padding-left:1.4rem;font-variant-numeric:tabular-nums;font-size:1.05rem}.tip-explanation{color:var(--color-text-soft);line-height:1.6}.tip-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tip-actions .btn-primary{flex:1;min-width:180px}.solution-columns{display:flex;flex-direction:column;gap:4px;font-variant-numeric:tabular-nums}.logic-prompt{margin:0 0 var(--space-3);font-size:1.05rem;font-weight:600;line-height:1.45}.logic-series,.logic-compare{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.logic-compare{justify-content:center}.logic-chip{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap-min);min-height:var(--tap-min);padding:0 var(--space-2);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);font-weight:700;font-variant-numeric:tabular-nums}.logic-chip--q{border-style:dashed;background:var(--color-surface);color:var(--color-text-soft)}.logic-chip--op{min-width:108px;border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.logic-options{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.logic-option{min-width:104px;min-height:var(--tap-min);padding:0 var(--space-4);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);font:inherit;font-weight:700;color:var(--color-text);cursor:pointer}.logic-option:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:var(--focus-ring)}.logic-option.is-selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary-dark)}.logic-option:disabled{cursor:default}.logic-answer{display:flex;justify-content:center;margin-bottom:var(--space-2)}.logic-fields{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2)}.logic-field{display:inline-flex;align-items:center;gap:var(--space-2)}.logic-field-label{font-weight:700;color:var(--color-text)}.solution-note{margin-top:var(--space-2);color:var(--color-text-soft);line-height:1.5}@media (max-width: 600px){.exercise{padding:var(--space-3) var(--space-3) 0;gap:var(--space-3);border-radius:var(--radius-md)}.exercise-head{gap:var(--space-2)}.exercise-type{font-size:1rem}.exercise-step{padding:3px 10px;font-size:.82rem}.exercise-body{gap:var(--space-3)}.exercise-actions{position:sticky;bottom:0;z-index:5;margin:0 calc(-1 * var(--space-3));padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:0 0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px);box-shadow:0 -6px 16px #1f2a3d1a}.exercise-actions .btn{min-width:0;padding:8px 10px;font-size:.92rem}.exercise-actions .btn-primary{flex:1 1 auto}.problem-text{padding:var(--space-3);font-size:1.02rem;line-height:1.5}.problem-resultados{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);gap:var(--space-1);font-size:.88rem}.resultado-tag{min-width:70px}.wf-dev{min-height:56px;padding:var(--space-2) var(--space-3);gap:var(--space-1)}.wf-line{font-size:1.05rem}.keypad{gap:var(--space-2)}.keypad-grid{gap:var(--space-1)}.key{padding:6px 8px;font-size:1.2rem}.keypad-controls .key,.key-mag{padding:6px 8px;font-size:.88rem}.keypad-magnitudes-titulo{font-size:.85rem}.solution{padding:var(--space-3);gap:var(--space-2)}.mental-expr{gap:var(--space-2)}.mental-expr .input-number{font-size:clamp(1.3rem,6vw,1.8rem)}.tip{gap:var(--space-3)}.tip-actions{gap:var(--space-2)}.tip-actions .btn{padding:8px 10px;font-size:.92rem}.tip-actions .btn-primary{flex:1 1 auto;min-width:0}.logic-compare,.logic-series{margin-bottom:var(--space-3)}.logic-option{min-width:84px;padding:0 var(--space-3);font-size:.95rem}.logic-fields{gap:var(--space-3)}.logic-field{gap:var(--space-1)}}