*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f4f6f8;color:#1c2431;-webkit-font-smoothing:antialiased}#root{min-height:100vh}.app{max-width:720px;margin:0 auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0 4px}.app-header h1{margin:0;font-size:21px;color:#16324f;letter-spacing:-.01em}.app-header .subtitle{color:#5b6b7d;font-size:13px;margin-top:2px}.nav-tabs{display:flex;gap:6px}.nav-tab{border:none;background:transparent;padding:8px 12px;min-height:44px;border-radius:10px;font-size:14px;font-weight:600;color:#5b6b7d;cursor:pointer}.nav-tab.active{background:#16324f;color:#fff}.card{background:#fff;border:1px solid #e2e8ee;border-radius:14px;padding:18px;box-shadow:0 1px 3px #1428460f}.section-block{margin-bottom:18px}.section-block:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-expand-btn{display:flex;align-items:center;gap:8px;flex:1;min-width:0;min-height:44px;background:none;border:none;cursor:pointer;padding:6px 4px;text-align:left}.section-title{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#16324f;font-weight:700}.section-count{font-size:12px;font-weight:600;color:#6b7688;flex-shrink:0}.chevron{display:inline-block;color:#1b7a72;font-size:14px;transition:transform .15s ease;flex-shrink:0}.chevron.open{transform:rotate(90deg)}.section-select-all{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 4px;font-size:13px;font-weight:600;color:#1b7a72;cursor:pointer;flex-shrink:0;white-space:nowrap}.section-select-all input{accent-color:#1b7a72;width:18px;height:18px}.link-btn{background:none;border:none;color:#1b7a72;font-size:13px;font-weight:600;cursor:pointer;padding:6px 4px;min-height:32px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 480px){.topic-grid{grid-template-columns:1fr}}.topic-chip{display:flex;align-items:center;gap:8px;padding:10px 12px;min-height:44px;border-radius:10px;border:1px solid #e2e8ee;background:#fafbfc;cursor:pointer;font-size:14px;color:#1c2431;-webkit-user-select:none;user-select:none}.topic-chip.selected{background:#e8f2f0;border-color:#1b7a72;color:#0f4a44}.topic-chip input{accent-color:#1b7a72;width:18px;height:18px;flex-shrink:0}.form-row{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.form-row label.row-label{font-size:13px;font-weight:700;color:#16324f}.count-control{display:flex;align-items:center;gap:12px}.count-control input[type=range]{flex:1;accent-color:#1b7a72}.count-value{min-width:40px;text-align:center;font-weight:700;font-size:16px;color:#16324f}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;min-height:44px;border-radius:10px;border:1px solid #e2e8ee;background:#fafbfc}.toggle-row .label-main{font-size:14px;font-weight:600;color:#1c2431}.toggle-row .label-sub{font-size:12px;color:#5b6b7d;margin-top:1px}.switch{position:relative;width:46px;height:26px;flex-shrink:0}.switch input{opacity:0;width:100%;height:100%;margin:0;cursor:pointer;position:absolute;z-index:1}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:#cbd5df;border-radius:999px;transition:background .15s}.switch input:checked+.track{background:#1b7a72}.switch .thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px #0003}.switch input:checked~.thumb{transform:translate(20px)}.type-toggle-group{display:flex;gap:8px;flex-wrap:wrap}.type-toggle{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid #e2e8ee;background:#fafbfc;font-size:14px;font-weight:600;color:#1c2431;cursor:pointer}.type-toggle.selected{background:#16324f;border-color:#16324f;color:#fff}.btn-primary{background:#1b7a72;color:#fff;border:none;border-radius:12px;padding:14px 20px;min-height:48px;font-size:16px;font-weight:700;cursor:pointer;width:100%}.btn-primary:disabled{background:#a9c3c0;cursor:not-allowed}.btn-secondary{background:#fff;color:#16324f;border:1px solid #cbd5df;border-radius:12px;padding:12px 20px;min-height:48px;font-size:15px;font-weight:600;cursor:pointer}.error-banner{background:#fde8e8;border:1px solid #f3b6b6;color:#8a2424;border-radius:10px;padding:10px 14px;font-size:14px}.quiz-progress{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#5b6b7d;margin-bottom:6px}.progress-bar-track{height:6px;background:#e2e8ee;border-radius:999px;overflow:hidden;margin-bottom:12px}.progress-bar-fill{height:100%;background:#1b7a72;transition:width .2s}.difficulty-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.difficulty-badge.easy{background:#e3f3e3;color:#1e6b1e}.difficulty-badge.medium{background:#fdf1d6;color:#8a5c00}.difficulty-badge.hard{background:#fbe2e2;color:#a02020}.question-type-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#5b6b7d;margin-bottom:8px}.question-prompt{font-size:17px;font-weight:600;line-height:1.4;color:#16324f;margin:0 0 16px}.choice-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.choice-btn{text-align:left;padding:13px 16px;min-height:48px;border-radius:12px;border:1.5px solid #e2e8ee;background:#fff;font-size:15px;color:#1c2431;cursor:pointer;display:flex;align-items:center;gap:10px}.choice-btn:active{background:#f4f6f8}.choice-btn.selected{border-color:#16324f;background:#eef2f6}.choice-btn.correct{border-color:#2b9348;background:#e3f3e3;color:#1e6b1e}.choice-btn.incorrect{border-color:#d64545;background:#fbe2e2;color:#a02020}.choice-btn:disabled{cursor:default}.choice-marker{width:22px;height:22px;border-radius:50%;border:1.5px solid #cbd5df;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.choice-btn.selected .choice-marker{border-color:#16324f;background:#16324f;color:#fff}.choice-btn.correct .choice-marker{border-color:#2b9348;background:#2b9348;color:#fff}.choice-btn.incorrect .choice-marker{border-color:#d64545;background:#d64545;color:#fff}.tf-row{display:flex;gap:10px;margin-bottom:16px}.tf-row .choice-btn{flex:1;justify-content:center}.fib-input{width:100%;padding:13px 16px;min-height:48px;border-radius:12px;border:1.5px solid #cbd5df;font-size:16px;margin-bottom:16px}.fib-input:focus{outline:2px solid #1b7a72;border-color:#1b7a72}.fib-input.correct{border-color:#2b9348;background:#f2f9f2}.fib-input.incorrect{border-color:#d64545;background:#fdf2f2}.feedback-panel{border-radius:12px;padding:14px 16px;margin-bottom:16px;font-size:14px;line-height:1.5}.feedback-panel.correct{background:#e3f3e3;border:1px solid #b7dfb7;color:#1e5c1e}.feedback-panel.incorrect{background:#fbe2e2;border:1px solid #f0b8b8;color:#7a1f1f}.feedback-panel .feedback-title{font-weight:700;margin-bottom:6px;font-size:15px}.feedback-panel .feedback-answer{font-weight:600;margin-bottom:6px}.feedback-panel .feedback-explanation{color:#2b2b2b}.feedback-panel .source-ref{font-size:12px;color:#5b6b7d;margin-top:8px}.quiz-actions{display:flex;gap:10px}.quiz-actions .btn-primary{flex:1}.score-hero{text-align:center;padding:24px 16px}.score-hero .score-num{font-size:48px;font-weight:800;color:#16324f}.score-hero .score-label{color:#5b6b7d;font-size:14px;margin-top:4px}.review-item{border-bottom:1px solid #eef1f4;padding:14px 0}.review-item:last-child{border-bottom:none}.review-item-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.result-icon{font-size:15px;font-weight:800}.result-icon.correct{color:#2b9348}.result-icon.incorrect{color:#d64545}.review-topic{font-size:12px;color:#5b6b7d}.topic-accuracy-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eef1f4;font-size:14px}.topic-accuracy-row:last-child{border-bottom:none}.accuracy-bar-track{flex:1;height:8px;background:#eef1f4;border-radius:999px;margin:0 12px;overflow:hidden}.accuracy-bar-fill{height:100%;border-radius:999px}.session-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef1f4;font-size:14px}.session-row:last-child{border-bottom:none}.session-score{font-weight:700;color:#16324f}.empty-state{text-align:center;color:#5b6b7d;padding:32px 16px;font-size:14px}h2.screen-title{font-size:18px;color:#16324f;margin:0 0 4px}p.screen-sub{color:#5b6b7d;font-size:13px;margin:0 0 16px}.lesson-panel{margin-top:20px;padding:18px;border-radius:12px;border:1px solid #e2e8ee;background:#fafbfc}.lesson-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.lesson-header h3{margin:0;font-size:16px;color:#16324f}.lesson-badge{font-size:12px;font-weight:700;color:#1b7a72;background:#e8f2f0;border-radius:999px;padding:4px 10px;flex-shrink:0;white-space:nowrap}.lesson-paragraph{font-size:14px;line-height:1.6;color:#1c2431;margin:0 0 14px}.lesson-paragraph:last-child{margin-bottom:0}