:root{--azul: #1f3a5f;--azul2: #2f5d8c;--fondo: #f4f6f9;--tarjeta: #ffffff;--texto: #1b2430;--suave: #5b6676;--borde: #dde3ea;--ok: #2e7d32;--okbg: #e8f5e9;--mal: #c62828;--malbg: #fdecea;--amarillo: #f5c518;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--texto);background:var(--fondo)}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}.app{max-width:560px;margin:0 auto;min-height:100dvh;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.screen{padding:16px;display:flex;flex-direction:column;gap:12px}.muted{color:var(--suave);margin:0}.small{font-size:.85rem}h1{margin:0;font-size:1.9rem;color:var(--azul);letter-spacing:-.5px}h2,h3{margin:0}.home-head{display:flex;justify-content:space-between;align-items:center}.icon-btn{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;width:44px;height:44px;font-size:1.2rem}.notice{background:#fff8e1;border:1px solid #f1d27a;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.notice p{margin:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats>div{background:var(--tarjeta);border:1px solid var(--borde);border-radius:12px;padding:12px;display:flex;flex-direction:column}.stats strong{font-size:1.3rem;color:var(--azul)}.modes{display:flex;flex-direction:column;gap:10px}.mode,.topic{display:flex;align-items:center;gap:12px;text-align:left;background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:14px}.mode:active,.topic:active{transform:translateY(1px)}.mode-icon,.topic-icon{font-size:1.6rem;width:40px;text-align:center}.mode-main,.topic-main{flex:1;display:flex;flex-direction:column;gap:4px}.pill{background:var(--mal);color:#fff;border-radius:999px;padding:2px 10px;font-size:.85rem;font-weight:700}.meter{height:6px;background:var(--borde);border-radius:3px;overflow:hidden}.meter span{display:block;height:100%;background:var(--azul2)}.bar{display:flex;align-items:center;gap:10px}.bar-title{flex:1;font-weight:700}.btn-back{background:none;border:none;color:var(--azul2);font-weight:600;padding:6px 0}.btn-main{background:var(--azul);color:#fff;border:none;border-radius:12px;padding:14px;font-weight:700;font-size:1rem}.btn-main:disabled{opacity:.4}.btn-ghost{background:none;border:1px solid var(--borde);border-radius:12px;padding:10px 14px;color:var(--azul2);font-weight:600}.qcard{background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px}.badge{align-self:flex-start;background:#fff3cd;color:#7a5b00;border-radius:999px;padding:2px 10px;font-size:.8rem;font-weight:700}.sign-box{display:flex;justify-content:center;padding:6px 0}.scene{margin:0;background:#eef3f9;border-left:4px solid var(--azul2);border-radius:8px;padding:10px 12px;line-height:1.45}.qtext{font-size:1.1rem;line-height:1.35}.options{display:flex;flex-direction:column;gap:8px}.opt{display:flex;gap:10px;align-items:flex-start;text-align:left;background:var(--fondo);border:2px solid var(--borde);border-radius:12px;padding:12px;line-height:1.35}.opt-letter{font-weight:800;color:var(--azul2);min-width:18px}.opt.sel{border-color:var(--azul2);background:#e7eff8}.opt.ok{border-color:var(--ok);background:var(--okbg)}.opt.bad{border-color:var(--mal);background:var(--malbg)}.why{display:flex;flex-direction:column;gap:4px;border-radius:10px;padding:10px 12px;line-height:1.4}.why.ok{background:var(--okbg);color:#1b5e20}.why.bad{background:var(--malbg);color:#8e1b1b}.timer{align-self:center;font-size:1.6rem;font-weight:800;color:var(--azul)}.timer.hot,.clock.hot{color:var(--mal)}.clock{font-weight:700;font-variant-numeric:tabular-nums}.result{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;background:var(--tarjeta);border:1px solid var(--borde);border-radius:16px;padding:20px;margin:0}.result .big{font-size:2.2rem;font-weight:800;color:var(--azul);margin:0}.result.pass h2{color:var(--ok)}.result.fail h2{color:var(--mal)}.result .btn-main,.result .btn-ghost{width:100%}.set-section{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}.set-section h3{font-size:1rem}.chips-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{background:var(--fondo);border:1px solid var(--borde);border-radius:999px;padding:8px 14px}.chip-btn[aria-pressed=true]{background:var(--azul);color:#fff;border-color:var(--azul)}