:root{color:#102733;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font-family:inherit}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #0f766e47}#root{min-height:100vh}.app-shell{background:#f6f8fb;grid-template-columns:276px 1fr;min-height:100vh;display:grid}.sidebar{color:#d9eef0;background:#0f2f3f;flex-direction:column;gap:22px;height:100vh;padding:22px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;padding:8px 6px 16px;display:flex}.brand-mark{color:#fff;background:#16a3a3;border-radius:8px;place-items:center;width:44px;height:44px;display:grid}.brand h1{color:#fff;margin:0;font-size:19px;font-weight:800}.brand p,.sidebar-card p{color:#a9c9cf;margin:3px 0 0;font-size:13px}.nav-list{gap:8px;display:grid}.nav-item,.chapter-tab,.chapter-row,.option,.primary-btn,.ghost-btn,.random-button,.pill{font:inherit;cursor:pointer;border:0}.nav-item{color:#c8dde1;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1c}.sidebar-card{background:#ffffff17;border-radius:8px;margin-top:auto;padding:16px}.sidebar-card span{color:#a9c9cf;font-size:13px}.sidebar-card strong{color:#fff;margin-top:6px;font-size:34px;display:block}.main{min-width:0;padding:24px}.topbar{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.eyebrow{letter-spacing:0;text-transform:uppercase;color:#6b7c86;margin:0 0 4px;font-size:12px}.topbar h2,.section-heading h3,.hero-panel h3{color:#102733;margin:0}.topbar h2{font-size:28px}.search-box{color:#78909a;background:#fff;border:1px solid #d7e1e8;border-radius:8px;align-items:center;gap:8px;width:min(360px,42vw);min-height:42px;padding:0 12px;display:flex}.search-box input{color:#102733;width:100%;font:inherit;background:0 0;border:0;outline:0}.dashboard,.stats-view{gap:18px;display:grid}.hero-panel{color:#fff;background:linear-gradient(135deg,#0f766ef2,#1c4e76f2),radial-gradient(circle at 100% 0,#ffffff59,#0000 38%);border-radius:8px;justify-content:space-between;gap:28px;min-height:190px;padding:28px;display:flex}.hero-panel h3{color:#fff;max-width:640px;font-size:31px;line-height:1.22}.hero-panel p{color:#d8f3f2;max-width:680px;margin:12px 0 0}.hero-actions{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.primary-btn,.ghost-btn,.random-button,.pill{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700;display:inline-flex}.primary-btn{color:#fff;background:#0f766e}.primary-btn:disabled,.ghost-btn:disabled{cursor:not-allowed;opacity:.45}.ghost-btn{color:#0f5961;background:#e8f5f5}.hero-panel .ghost-btn{color:#fff;background:#ffffff2b}.compact{min-height:36px;padding-inline:12px;font-size:14px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.chapter-overview,.question-card,.chapter-panel,.stats-view,.empty-state{background:#fff;border:1px solid #dfe8ee;border-radius:8px;box-shadow:0 12px 28px #0f2f3f0f}.metric-card{min-height:120px;padding:18px}.metric-icon{color:#0f766e;background:#e6f4f3;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.metric-card span{color:#6b7c86;margin-top:14px;font-size:14px;display:block}.metric-card strong{color:#102733;margin-top:4px;font-size:28px;display:block}.metric-card small{color:#7d8f98;margin-left:3px;font-size:13px}.chapter-overview{padding:20px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-heading h3{font-size:21px}.section-heading p{color:#6b7c86;margin:0}.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chapter-row{text-align:left;background:#fbfdfe;border:1px solid #e2ebf0;border-radius:8px;grid-template-columns:1fr 120px 48px;align-items:center;gap:12px;min-height:74px;padding:12px;display:grid}.chapter-row strong,.chapter-tab span{color:#132f3c}.chapter-row span{color:#6b7c86;margin-top:5px;font-size:13px;display:block}.chapter-row em{color:#0f766e;text-align:right;font-style:normal;font-weight:800}.progress-track{background:#e7eef3;border-radius:999px;height:8px;overflow:hidden}.progress-track span{background:#0f766e;height:100%;margin:0;display:block}.workspace-grid{grid-template-columns:260px minmax(0,1fr);gap:18px;display:grid}.workspace-grid.single{grid-template-columns:1fr;display:grid}.chapter-panel{align-self:start;gap:8px;padding:14px;display:grid}.random-button{color:#fff;background:#0f766e}.chapter-tab{text-align:left;background:0 0;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:0 10px;display:flex}.chapter-tab:hover,.chapter-tab.active{background:#e8f5f5}.chapter-tab em{color:#0f5961;background:#d7eeee;border-radius:999px;padding:2px 8px;font-size:12px;font-style:normal}.question-card{padding:22px}.question-topline,.question-actions,.question-footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.chapter-chip,.type-chip,.tag-list span{border-radius:999px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.chapter-chip{color:#0f5961;background:#e8f5f5}.type-chip{color:#835600;background:#fff3d8;margin-left:8px}.question-count{color:#6b7c86;font-size:14px}.question-card h3{color:#102733;margin:24px 0 18px;font-size:22px;line-height:1.55}.options{gap:10px;display:grid}.option{color:#213945;text-align:left;background:#fff;border:1px solid #dfe8ee;border-radius:8px;grid-template-columns:34px 1fr;align-items:center;gap:10px;min-height:56px;padding:10px 12px;display:grid}.option span{color:#0f5961;background:#edf6f6;border-radius:8px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.option p{margin:0}.option:hover,.option.picked{background:#f2fbfa;border-color:#0f766e}.option.correct{background:#eefbf2;border-color:#16a34a}.option.correct span{color:#fff;background:#16a34a}.option.wrong{background:#fff1f2;border-color:#dc2626}.option.wrong span{color:#fff;background:#dc2626}.question-actions{flex-wrap:wrap;justify-content:flex-start;margin-top:18px}.submit{margin-left:auto}.explanation{background:#f4fbfb;border:1px solid #d9e8e8;border-radius:8px;margin-top:18px;padding:16px}.explanation.wrong{background:#fff7f7;border-color:#f5c2c8}.answer-line{color:#0f5961;flex-wrap:wrap;align-items:center;gap:12px;display:flex}.explanation.wrong .answer-line{color:#b42318}.explanation p{color:#314b58;margin:12px 0 0;line-height:1.75}.tag-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag-list span{color:#455a64;background:#edf2f5}.question-footer{border-top:1px solid #e6eef3;margin-top:18px;padding-top:16px}.empty-state{color:#6b7c86;text-align:center;place-items:center;min-height:260px;padding:24px;display:grid}.mock-settings{gap:8px;display:flex}.pill{color:#0f5961;background:#e8f5f5}.pill.active{color:#fff;background:#0f766e}.stats-view{padding:20px}.stats-table{border:1px solid #dfe8ee;border-radius:8px;overflow:hidden}.stats-head,.stats-row{grid-template-columns:1.5fr repeat(4,minmax(80px,.35fr));align-items:center;display:grid}.stats-head{color:#fff;background:#0f5961;min-height:42px;padding:0 14px;font-weight:800}.stats-row{color:#314b58;border-top:1px solid #e6eef3;min-height:52px;padding:0 14px}.stats-row strong{color:#102733}.study-tips{color:#0f5961;background:#e8f5f5;border-radius:8px;align-items:center;gap:10px;margin-top:16px;padding:14px;display:flex}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;padding:14px;position:static}.nav-list{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar-card{display:none}.main{padding:16px}.workspace-grid{grid-template-columns:1fr}.chapter-panel,.metric-grid,.chapter-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.topbar,.hero-panel,.section-heading{flex-direction:column;align-items:stretch}.search-box{width:auto}.hero-panel{padding:20px}.hero-panel h3{font-size:25px}.metric-grid,.chapter-list,.chapter-panel,.nav-list,.chapter-row{grid-template-columns:1fr}.chapter-row em{text-align:left}.question-card{padding:16px}.question-card h3{font-size:19px}.submit{width:100%;margin-left:0}.stats-head,.stats-row{grid-template-columns:1.35fr repeat(4,minmax(48px,.4fr));font-size:13px}}