:root{--red: #D52B1E;--white: #FFFFFF;--gray: #F5F5F5;--dark: #1a1a1a;--text: #333333;--border: #e0e0e0;--correct: #2e7d32;--wrong: #c62828;--correct-bg: #e8f5e9;--wrong-bg: #ffebee;--shadow: 0 2px 12px rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray);color:var(--text);min-height:100vh;display:flex;flex-direction:column}header{background:var(--red);color:var(--white);padding:18px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #0000002e}.maple-leaf{font-size:32px;line-height:1;flex-shrink:0}header h1{font-size:1.2rem;font-weight:700;line-height:1.3}header p{font-size:.8rem;opacity:.85;margin-top:2px}.hamburger-btn{margin-left:auto;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:6px 8px;line-height:1;border-radius:6px;flex-shrink:0;transition:background .15s}.hamburger-btn:hover{background:#ffffff2e}#install-banner{display:none;background:#1a1a1a;color:#fff;padding:10px 16px;align-items:center;gap:12px;font-size:.85rem}#install-banner.visible{display:flex}#install-banner span{flex:1}.install-btn{background:var(--red);color:#fff;border:none;border-radius:6px;padding:7px 16px;font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap}.install-dismiss{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:1.2rem;padding:2px 4px;line-height:1}main{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:28px 16px 40px}.card{background:var(--white);border-radius:14px;box-shadow:var(--shadow);width:100%;max-width:680px;overflow:hidden}#start-screen{padding:40px 36px 44px;text-align:center}#start-screen .flag-big{font-size:72px;margin-bottom:18px}#start-screen h2{font-size:1.55rem;color:var(--dark);margin-bottom:10px}#start-screen .subtitle{color:#666;font-size:.95rem;margin-bottom:28px;line-height:1.6}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:30px}.info-box{background:var(--gray);border-radius:10px;padding:16px;text-align:left}.info-box .label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-box .value{font-size:1.1rem;font-weight:700;color:var(--dark)}.info-box .value.red{color:var(--red)}.btn-primary{background:var(--red);color:var(--white);border:none;border-radius:10px;padding:15px 40px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background .18s,transform .1s;width:100%}.btn-primary:hover{background:#b52017;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}#quiz-screen{display:none}.progress-bar-wrap{background:#f0f0f0;height:6px}.progress-bar-fill{background:var(--red);height:100%;transition:width .4s ease}.quiz-header{padding:18px 28px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.q-counter{font-size:.9rem;color:#888;font-weight:500}.quiz-header-right{display:flex;align-items:center;gap:8px}.chapter-tag{font-size:.75rem;background:#fff3f3;color:var(--red);border:1px solid #fcc;border-radius:20px;padding:3px 10px;font-weight:600}.hint-btn{background:#fff8e1;border:1px solid #ffe082;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600;color:#b45309;cursor:pointer;white-space:nowrap;transition:background .15s}.hint-btn:hover{background:#fff3cd}.tts-btn{background:none;border:1px solid var(--border);border-radius:20px;padding:3px 9px;font-size:.8rem;cursor:pointer;color:#aaa;transition:all .15s;line-height:1}.tts-btn:hover{border-color:#aaa}.tts-btn.active{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.hint-box{display:none;margin:0 28px 16px;padding:12px 14px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;font-size:.88rem;line-height:1.6;color:#78350f}.hint-box.visible{display:block}.hint-source{margin-top:6px;font-size:.75rem;color:#92400e;font-style:italic}.ri-hint{margin-top:7px;padding-top:7px;border-top:1px solid rgba(0,0,0,.09);font-size:.81rem;color:#666;font-style:italic;line-height:1.5}.question-body{padding:28px 28px 20px}.question-text{font-size:1.1rem;font-weight:600;color:var(--dark);line-height:1.55;margin-bottom:22px}.options{display:flex;flex-direction:column;gap:10px}.option-btn{display:flex;align-items:center;gap:14px;background:var(--white);border:2px solid var(--border);border-radius:10px;padding:13px 16px;cursor:pointer;text-align:left;font-size:.95rem;color:var(--text);transition:border-color .15s,background .15s;width:100%}.option-btn:hover:not(:disabled){border-color:var(--red);background:#fff8f8}.option-btn .letter{width:30px;height:30px;border-radius:50%;background:var(--gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0;transition:background .15s,color .15s}.option-btn.correct{border-color:var(--correct);background:var(--correct-bg)}.option-btn.correct .letter{background:var(--correct);color:#fff}.option-btn.wrong{border-color:var(--wrong);background:var(--wrong-bg)}.option-btn.wrong .letter{background:var(--wrong);color:#fff}.option-btn.reveal-correct{border-color:var(--correct);background:var(--correct-bg);opacity:.75}.option-btn.reveal-correct .letter{background:var(--correct);color:#fff}.option-btn:disabled{cursor:default}.feedback{margin:16px 28px 0;padding:12px 16px;border-radius:8px;font-size:.9rem;font-weight:500;display:none}.feedback.correct{background:var(--correct-bg);color:var(--correct);display:block}.feedback.wrong{background:var(--wrong-bg);color:var(--wrong);display:block}.quiz-footer{padding:18px 28px 24px;display:flex;justify-content:flex-end}.btn-next{background:var(--red);color:#fff;border:none;border-radius:10px;padding:12px 32px;font-size:.95rem;font-weight:700;cursor:pointer;display:none;transition:background .18s}.btn-next:hover{background:#b52017}#result-screen{display:none;padding:40px 36px 44px;text-align:center}.result-icon{font-size:72px;margin-bottom:16px}.result-title{font-size:2rem;font-weight:800;margin-bottom:8px}.result-title.pass{color:var(--correct)}.result-title.fail{color:var(--wrong)}.score-display{font-size:3.5rem;font-weight:900;color:var(--dark);margin:12px 0 6px}.score-label{color:#888;font-size:.95rem;margin-bottom:24px}.pass-bar-wrap{background:#f0f0f0;border-radius:20px;height:12px;width:100%;margin-bottom:6px;overflow:hidden}.pass-bar-fill{height:100%;border-radius:20px;transition:width .8s ease}.pass-bar-fill.pass{background:var(--correct)}.pass-bar-fill.fail{background:var(--wrong)}.threshold-note{font-size:.82rem;color:#888;margin-bottom:28px;text-align:right}.verdict-box{border-radius:12px;padding:18px 20px;margin-bottom:28px;font-size:.95rem;line-height:1.6}.verdict-box.pass{background:var(--correct-bg);color:var(--correct)}.verdict-box.fail{background:var(--wrong-bg);color:var(--wrong)}.result-actions{display:flex;gap:12px;flex-direction:column}.btn-secondary{background:#fff;color:var(--red);border:2px solid var(--red);border-radius:10px;padding:13px 32px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#fff3f3}.review-section{margin-top:28px;text-align:left;border-top:1px solid var(--border);padding-top:24px}.review-section h3{font-size:1rem;color:var(--dark);margin-bottom:14px}.review-item{padding:12px 14px;border-radius:8px;margin-bottom:10px;font-size:.88rem;line-height:1.5}.review-item.correct{background:var(--correct-bg);border-left:4px solid var(--correct)}.review-item.wrong{background:var(--wrong-bg);border-left:4px solid var(--wrong)}.review-item .ri-q{font-weight:600;color:var(--dark);margin-bottom:4px}.review-item .ri-ans{color:#555}.review-item .ri-ans span{font-weight:600}.history-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200}.history-overlay.open{display:block}.history-panel{position:fixed;top:0;right:-340px;width:310px;max-width:90vw;height:100%;background:#fff;box-shadow:-4px 0 24px #0003;z-index:201;transition:right .28s ease;display:flex;flex-direction:column;overflow:hidden}.history-panel.open{right:0}.history-head{background:var(--red);color:#fff;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.history-head h2{font-size:1rem;font-weight:700}.history-close-btn{background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1;transition:background .15s}.history-close-btn:hover{background:#fff3}.history-list{flex:1;overflow-y:auto;padding:10px}.history-empty{color:#999;font-size:.88rem;text-align:center;padding:40px 16px;line-height:1.7}.history-entry{display:block;padding:12px 14px;border-radius:8px;margin-bottom:8px;text-decoration:none;color:inherit;border:1px solid var(--border);transition:background .15s}.history-entry:hover{background:var(--gray)}.he-date{font-size:.78rem;color:#888;margin-bottom:4px}.he-score{font-size:.92rem;font-weight:700}.he-score.pass{color:var(--correct)}.he-score.fail{color:var(--wrong)}.he-score.ongoing{color:#e65100}.history-footer{padding:12px;border-top:1px solid var(--border);flex-shrink:0}.btn-clear{width:100%;background:none;border:1px solid var(--border);border-radius:8px;padding:10px;font-size:.85rem;color:#888;cursor:pointer;transition:border-color .15s,color .15s}.btn-clear:hover{border-color:var(--wrong);color:var(--wrong)}@media (max-width: 500px){header h1{font-size:1rem}.info-grid{grid-template-columns:1fr 1fr;gap:10px}.question-body{padding:20px 18px 16px}.quiz-header{padding:14px 18px 12px}.quiz-footer{padding:14px 18px 20px}#start-screen,#result-screen{padding:28px 20px 32px}.score-display{font-size:2.8rem}}