:root{--bg:#f5f7fa;--card:#fff;--text:#18202a;--muted:#667085;--line:#e4e7ec;--accent:#155eef;--good:#067647;--goodbg:#ecfdf3;--bad:#b42318;--badbg:#fef3f2;--warn:#b54708;--warnbg:#fffaeb;--shadow:0 1px 3px rgba(16,24,40,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}body{min-height:100vh}.app{max-width:780px;margin:0 auto;padding:14px 14px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:4px 0 14px}.title{font-size:22px;font-weight:800;letter-spacing:-.02em}.subtitle{color:var(--muted);font-size:13px;margin-top:2px}.status{font-size:12px;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#3538cd;white-space:nowrap}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:14px;margin:10px 0}.hero{padding:18px}.hero h1{font-size:24px;margin:0 0 8px}.hero p{margin:5px 0;color:var(--muted);line-height:1.4}.row{display:flex;gap:8px;flex-wrap:wrap}.btn{appearance:none;border:1px solid var(--line);background:white;color:var(--text);border-radius:12px;padding:11px 13px;font-weight:650;font-size:15px;cursor:pointer}.btn.primary{background:var(--accent);color:white;border-color:var(--accent)}.btn.good{background:var(--goodbg);color:var(--good);border-color:#abefc6}.btn.bad{background:var(--badbg);color:var(--bad);border-color:#fecdca}.btn.small{padding:8px 10px;font-size:13px}.btn:disabled{opacity:.55}.section-title{font-size:16px;font-weight:800;margin:18px 2px 8px}.chapter{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.chapter h3{margin:0;font-size:16px}.meta{font-size:12px;color:var(--muted);margin-top:4px}.bar{height:7px;background:#eef2f6;border-radius:999px;overflow:hidden;margin-top:8px}.bar>div{height:100%;background:var(--accent)}.chapter-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.practice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.stat b{display:block;font-size:18px}.stat span{font-size:11px;color:var(--muted)}.question-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.qid{font-size:13px;color:var(--muted)}.badge{display:inline-block;font-size:11px;font-weight:750;padding:4px 7px;border-radius:999px;background:#f2f4f7;color:#344054;margin-right:4px}.badge.update{background:var(--warnbg);color:var(--warn)}.stem{font-size:18px;line-height:1.48;font-weight:650;white-space:pre-line;margin:14px 0}.option{display:flex;width:100%;text-align:left;gap:10px;align-items:flex-start;border:1.5px solid var(--line);background:white;border-radius:14px;padding:13px;margin:8px 0;font-size:16px;line-height:1.38}.option .letter{font-weight:850;min-width:20px}.option.correct{border-color:#17b26a;background:var(--goodbg)}.option.wrong{border-color:#f04438;background:var(--badbg)}.feedback{border-radius:14px;padding:12px 13px;margin:12px 0;font-weight:750}.feedback.good{background:var(--goodbg);color:var(--good)}.feedback.bad{background:var(--badbg);color:var(--bad)}.explanation{background:#f9fafb;border:1px solid var(--line);border-radius:14px;padding:13px;margin:10px 0;white-space:pre-line;line-height:1.46;font-size:14px}.explanation h4{margin:0 0 8px;font-size:14px}.footer-actions{display:flex;justify-content:space-between;gap:8px;margin-top:14px;position:sticky;bottom:8px;background:rgba(245,247,250,.94);backdrop-filter:blur(8px);padding:8px 0}.hidden{display:none!important}.search{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;font-size:16px;background:white}.notice{font-size:13px;line-height:1.4;color:var(--muted);background:#f9fafb;border:1px solid var(--line);border-radius:12px;padding:11px}.correction{border-left:4px solid #f79009;background:#fffcf5;padding:10px 12px;border-radius:10px;font-size:13px;line-height:1.4;margin:10px 0}.result-list{max-height:300px;overflow:auto}.result-item{padding:8px 0;border-bottom:1px solid var(--line);font-size:14px}.toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}details summary{cursor:pointer;font-weight:700}.source-original{font-size:13px;white-space:pre-line;background:#fff7ed;border:1px solid #fed7aa;padding:10px;border-radius:10px;margin-top:8px}.offline-box{display:flex;justify-content:space-between;align-items:center;gap:8px}.progressline{font-size:13px;color:var(--muted);margin:5px 0 12px}@media(min-width:640px){.practice-grid{grid-template-columns:repeat(4,1fr)}.app{padding-top:22px}.stem{font-size:20px}}