.smp-focus{--smp-page:#FFFFFF;--smp-blue:#2563EB;--smp-blue-bg:#EEF4FF;--smp-blue-dk:#1D4ED8;--smp-cream:#F4F6FB;--smp-cream2:#F5F8FF;--smp-line:#E7EBF2;--smp-line2:#E4E9F2;--smp-ink:#0F172A;--smp-ink2:#475569;--smp-ink3:#94A3B8;--smp-green:#16A34A;--smp-green-bg:#E7F6EC;--smp-amber:#F59E0B;--smp-amber-bg:#FEF6E4;--smp-red:#DC2626;--smp-red-bg:#FCE9E9;position:fixed;inset:0;z-index:60;background:var(--smp-page);display:flex;flex-direction:column}.smp-focus-top{gap:12px;max-width:700px;width:100%;margin:0 auto;padding:16px 20px 6px}.smp-close,.smp-focus-top{display:flex;align-items:center}.smp-close{width:36px;height:36px;border-radius:10px;border:1px solid var(--smp-line);background:var(--smp-page);justify-content:center;cursor:pointer;color:var(--smp-ink2);flex:none}.smp-close svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}.smp-focus-title{font-weight:700;font-size:15px;color:var(--smp-ink)}.smp-focus-prog{margin-left:auto;font-size:13px;font-weight:600;color:var(--smp-ink3)}.smp-focus-track{max-width:700px;width:100%;margin:0 auto;padding:6px 20px 0}.smp-focus-track .bar{height:6px;background:var(--smp-cream);border-radius:999px;overflow:hidden}.smp-focus-track .bar span{display:block;height:100%;background:var(--smp-blue);border-radius:999px;transition:width .3s}.smp-focus-body{flex:1;overflow:auto;padding:26px 20px;flex-direction:column;justify-content:center}.smp-focus-body,.smp-focus-nav{max-width:700px;width:100%;margin:0 auto;display:flex}.smp-focus-nav{padding:12px 20px calc(16px + env(safe-area-inset-bottom,0));align-items:center;gap:12px;border-top:1px solid var(--smp-line)}.smp-focus-nav button{font-size:14px;font-weight:600;font-family:inherit;border-radius:999px;padding:11px 22px;cursor:pointer;border:1px solid var(--smp-line);background:var(--smp-page);color:var(--smp-ink)}.smp-focus-nav .prev:disabled{opacity:.4;cursor:default}.smp-focus-nav .next{margin-left:auto;background:var(--smp-blue);border-color:var(--smp-blue);color:#fff}.smp-fs-en{font-size:22px;line-height:1.5;font-weight:600;color:var(--smp-ink);margin:0 0 10px;letter-spacing:-.01em}.smp-fs-en .m{color:var(--smp-green)}.smp-fs-en .x{color:var(--smp-ink3);text-decoration:line-through}.smp-fs-vi{font-size:15px;color:var(--smp-ink2);font-style:italic;margin:0 0 22px}.smp-fs-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.smp-fs-btn{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;border-radius:999px;padding:9px 15px;cursor:pointer;border:1.5px solid var(--smp-line);background:var(--smp-page);color:var(--smp-ink);font-family:inherit}.smp-fs-btn.rec{background:var(--smp-blue);border-color:var(--smp-blue);color:#fff}.smp-fs-btn.rec.live{background:var(--smp-red);border-color:var(--smp-red);animation:smp-pulse 1s infinite}.smp-fs-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@keyframes smp-pulse{50%{opacity:.6}}.smp-read img{cursor:zoom-in}.smp-read .smp-ava,.smp-read .smp-voc img{cursor:auto}.smp-lightbox{position:fixed;inset:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,12,20,.86);cursor:zoom-out}.smp-lightbox img{max-width:min(1100px,96vw);max-height:92vh;width:auto;height:auto;border-radius:12px;cursor:default;display:block}.smp-lightbox__x{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;border:none;background:rgba(255,255,255,.14);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.smp-lightbox__x:hover{background:rgba(255,255,255,.24)}.smp-lightbox__x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.smp-fs-left{align-self:center;font-size:12.5px;color:var(--smp-ink3)}.smp-fs-score{font-size:20px;font-weight:700;margin:16px 0 0}.smp-fs-score .g{color:var(--smp-green)}.smp-fs-score .b{color:var(--smp-amber)}.smp-fs-heard{font-size:13px;color:var(--smp-ink3);margin:12px 0 0}.smp-qtag{display:flex;align-items:center;gap:8px;margin-bottom:12px}.smp-qtype{font-size:11px;font-weight:600;color:var(--smp-blue-dk);background:var(--smp-blue-bg);border-radius:999px;padding:2px 9px}.smp-qpts{margin-left:auto;font-size:11.5px;color:var(--smp-ink3);font-weight:600}.smp-qimg{display:block;width:100%;max-width:440px;height:auto;border-radius:12px;border:1.5px solid var(--smp-line);margin:0 0 14px}.smp-qprompt{font-size:17px;font-weight:500;color:var(--smp-ink);margin:0 0 14px;line-height:1.5}.smp-cloze{font-size:16px;line-height:1.7;color:var(--smp-ink);background:var(--smp-cream);border-radius:10px;padding:11px 14px;margin:0 0 12px}.smp-blank{display:inline-block;min-width:70px;text-align:center;font-weight:600;color:var(--smp-blue-dk);border-bottom:2px solid var(--smp-blue);padding:0 8px}.smp-opts{display:flex;flex-direction:column;gap:8px}.smp-opts.inline{flex-direction:row;flex-wrap:wrap}.smp-opt{display:flex;align-items:center;gap:10px;text-align:left;font-size:15px;color:var(--smp-ink);background:var(--smp-page);border:1.5px solid var(--smp-line);border-radius:12px;padding:12px 14px;cursor:pointer;transition:.12s;font-family:inherit}.smp-opts.inline .smp-opt{flex:0 0 auto}.smp-opt.sel,.smp-opt:hover:not(:disabled){border-color:var(--smp-blue);background:var(--smp-blue-bg)}.smp-multi-hint{font-size:13px;color:var(--smp-ink2);margin:0 0 10px}.smp-opt:disabled{cursor:default}.smp-opt.ok{border-color:var(--smp-green);background:var(--smp-green-bg);color:var(--smp-green)}.smp-opt.bad{border-color:var(--smp-red);background:var(--smp-red-bg);color:var(--smp-red)}.smp-optk{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:7px;background:var(--smp-cream);font-size:12px;font-weight:600;color:var(--smp-ink2);flex:none}.smp-opt.ok .smp-optk{background:var(--smp-green);color:#fff}.smp-opt.bad .smp-optk{background:var(--smp-red);color:#fff}.smp-ro-ans{display:flex;flex-wrap:wrap;gap:8px;min-height:48px;background:var(--smp-cream);border:1.5px dashed var(--smp-line2);border-radius:12px;padding:10px;margin-bottom:10px}.smp-ro-hint{font-size:13px;color:var(--smp-ink3);align-self:center}.smp-ro-pool{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.smp-chip{gap:7px;font-size:14px;color:var(--smp-ink);background:var(--smp-page);border:1.5px solid var(--smp-line);border-radius:10px;padding:8px 12px;cursor:pointer;font-family:inherit}.smp-chip,.smp-chip .n{display:inline-flex;align-items:center}.smp-chip .n{justify-content:center;width:19px;height:19px;border-radius:50%;background:var(--smp-blue);color:#fff;font-size:11px;font-weight:600;flex:none}.smp-chip .rx{color:var(--smp-ink3);font-weight:700}.smp-chip.ok{background:var(--smp-green-bg);border-color:var(--smp-green)}.smp-chip.ok .n{background:var(--smp-green)}.smp-chip.bad{background:var(--smp-red-bg);border-color:var(--smp-red)}.smp-chip.bad .n{background:var(--smp-red)}.smp-ro-key{font-size:13px;color:var(--smp-ink2);margin:8px 0 0}.smp-ro-key b{color:var(--smp-ink)}.smp-check{font-size:14px;font-weight:600;color:#fff;background:var(--smp-blue);border:none;border-radius:999px;padding:10px 22px;cursor:pointer;font-family:inherit}.smp-check:disabled{background:#C4CBD4;cursor:default}.smp-explain{border-radius:12px;padding:12px 14px;margin-top:14px}.smp-explain.ok{background:var(--smp-green-bg)}.smp-explain.bad{background:var(--smp-amber-bg)}.smp-ex-head{display:flex;align-items:center;gap:8px;margin-bottom:4px}.smp-ex-ic{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff}.smp-ex-ic svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.smp-explain.ok .smp-ex-ic{background:var(--smp-green)}.smp-explain.bad .smp-ex-ic{background:var(--smp-amber)}.smp-ex-verdict{font-size:13px;font-weight:600}.smp-explain.ok .smp-ex-verdict{color:var(--smp-green)}.smp-explain.bad .smp-ex-verdict{color:#B45309}.smp-ex-pts{margin-left:auto;font-size:11.5px;color:var(--smp-ink3);font-weight:600}.smp-explain p{font-size:14px;color:var(--smp-ink);margin:0;line-height:1.55}.smp-done{display:flex;align-items:center;gap:14px;background:var(--smp-green-bg);border-radius:16px;padding:18px 20px}.smp-done .ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--smp-green);color:#fff;flex:none}.smp-done .ic svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.smp-done b{font-size:16px;color:var(--smp-ink)}.smp-done p{font-size:13px;color:var(--smp-ink2);margin:2px 0 0}