:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#18201f;background:#f6f8f5;font-family:Inter,Hiragino Sans,Yu Gothic,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:#fff;border-right:1px solid #dce4de;padding:22px 16px}.brand{align-items:center;gap:10px;margin-bottom:26px;font-size:18px;font-weight:800;display:flex}.nav-list{gap:6px;display:grid}.nav-item{color:#43514d;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-item.router-link-active{color:#153f2c;background:#e5f2eb}.main-panel{width:min(1040px,100%);padding:36px}.page-header,.quiz-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:#5d6b67;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:34px}h2{font-size:18px}.primary-button,.icon-button,.segmented button,.chip,.choice-button{color:#18201f;cursor:pointer;background:#fff;border:1px solid #c9d4ce}.primary-button{color:#fff;background:#1d6b46;border-color:#1d6b46;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.primary-button:disabled,.icon-button:disabled{opacity:.55;cursor:wait}.icon-button{border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:22px;display:grid}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric-card,.action-card,.settings-panel,.question-panel,.result-panel,.stats-table,.subject-list{background:#fff;border:1px solid #dce4de;border-radius:8px}.metric-card{padding:18px}.metric-card span{color:#62706c;font-size:13px;font-weight:700;display:block}.metric-card strong{margin-top:6px;font-size:30px;display:block}.action-card{gap:14px;padding:18px;display:flex}.action-card p,.result-panel p{color:#5d6b67;margin-bottom:0}.subject-list{padding:20px}.subject-list ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.subject-list li{border:1px solid #e1e8e4;border-radius:8px;padding:12px}.settings-panel{gap:22px;padding:22px;display:grid}.summary-strip{background:#f7faf7;border:1px solid #dce4de;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 14px;display:flex}.summary-strip span{color:#62706c;font-size:13px;font-weight:800}.summary-strip strong{font-size:22px}.field-group{gap:8px;display:grid}.field-group label{font-weight:800}.field-group.narrow{max-width:220px}input{border:1px solid #c9d4ce;border-radius:8px;width:100%;min-height:42px;padding:0 12px}.segmented{border:1px solid #c9d4ce;border-radius:8px;grid-template-columns:repeat(3,1fr);width:min(420px,100%);display:inline-grid;overflow:hidden}.segmented button{border:0;border-right:1px solid #c9d4ce;min-height:42px}.segmented button:last-child{border-right:0}.segmented button.active,.chip.selected{color:#fff;background:#1d6b46}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:999px;min-height:40px;padding:0 14px}.quiz-layout{gap:18px;display:grid}.pill{color:#40514a;background:#e8eee9;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.question-panel{padding:22px}.question-body{font-size:20px;font-weight:800}.choice-list{gap:10px;display:grid}.choice-button{text-align:left;border-radius:8px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;min-height:54px;padding:10px 14px;display:grid}.choice-button span{background:#edf2ef;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:800;display:grid}.choice-button.correct{background:#e7f5ed;border-color:#1d7a4d}.choice-button.incorrect{background:#fae9e6;border-color:#ba3c31}.choice-button.muted{opacity:.72}.result-panel{border-color:#ba3c31;gap:14px;padding:18px;display:grid}.result-panel.ok{border-color:#1d7a4d}.result-title{align-items:center;gap:8px;display:flex}.choice-explanations{gap:10px;margin-top:4px;display:grid}.choice-explanations h2{margin-bottom:0;font-size:15px}.choice-explanation{background:#fff;border:1px solid #e1e8e4;border-radius:8px;gap:6px;padding:12px;display:grid}.choice-explanation.correct{background:#f0faf4;border-color:#1d7a4d}.choice-explanation.selected:not(.correct){background:#fff4f2;border-color:#ba3c31}.choice-explanation-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.choice-explanation-head span{color:#40514a;background:#e8eee9;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:800}.choice-explanation p{margin-bottom:0}.stats-table{overflow:hidden}.table-row{border-top:1px solid #e1e8e4;grid-template-columns:minmax(0,1.5fr) minmax(110px,.5fr) minmax(110px,.5fr);gap:12px;padding:14px 16px;display:grid}.table-row:first-child{border-top:0}.table-head{background:#edf2ef;font-weight:800}.error-text{color:#9f2d24;font-weight:700}.muted-note{color:#62706c;margin-top:12px;font-size:13px}.empty-state{justify-items:start;gap:16px;display:grid}@media (width<=820px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:10;justify-content:space-between;align-items:center;padding:12px;display:flex;position:sticky;top:0}.brand{margin:0;font-size:16px}.nav-list{display:flex}.nav-item{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.main-panel{padding:22px 14px}.metric-grid,.action-grid{grid-template-columns:1fr}.page-header{align-items:flex-start}.table-row{grid-template-columns:1fr}}