:root{--navy: #1e2a5a;--navy-dark: #141d40;--blue: #2f4bd6;--red: #d6304b;--bg: #f4f5fa;--card: #ffffff;--text: #1c2033;--muted: #6b7089;--ok: #1d9e5f;--ok-bg: #e6f7ee;--ko: #d6304b;--ko-bg: #fdecef;--border: #e3e5ef;--radius: 14px;--shadow: 0 2px 10px rgba(30, 42, 90, .07)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:1.35rem;margin:.4em 0}h2{font-size:1.05rem;margin:1.6em 0 .6em;color:var(--navy)}button{font:inherit;cursor:pointer}.page{max-width:640px;margin:0 auto;padding:16px 16px 48px}.page.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.muted{color:var(--muted);font-size:.88rem}.error{background:var(--ko-bg);color:var(--ko);padding:10px 14px;border-radius:10px;font-size:.92rem}.btn{border:none;border-radius:10px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-block;text-align:center;transition:transform .06s,opacity .15s}.btn:active{transform:scale(.98)}.btn.primary{background:var(--blue);color:#fff}.btn.primary:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;color:var(--navy);border:1px solid var(--border);background:#fff}.btn.small{padding:7px 12px;font-size:.85rem}.btn.full{width:100%}.auth-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:linear-gradient(160deg,var(--navy) 0%,var(--navy-dark) 60%,#2a1530 100%)}.auth-card{background:var(--card);border-radius:20px;padding:28px 24px;width:100%;max-width:400px;box-shadow:0 20px 60px #00000059;text-align:center}.auth-flag{display:inline-flex;width:54px;height:36px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow)}.auth-flag span,.brand-flag span{flex:1}.auth-flag .b,.brand-flag .b{background:#0055a4}.auth-flag .w,.brand-flag .w{background:#fff}.auth-flag .r,.brand-flag .r{background:#ef4135}.auth-sub{color:var(--muted);margin-top:0}.tabs{display:flex;background:var(--bg);border-radius:10px;padding:4px;margin:18px 0}.tabs button{flex:1;border:none;background:transparent;padding:9px;border-radius:8px;font-weight:600;color:var(--muted)}.tabs button.active{background:#fff;color:var(--navy);box-shadow:var(--shadow)}.auth-card form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-card label{font-size:.85rem;font-weight:600;color:var(--navy);display:flex;flex-direction:column;gap:6px}.auth-card input{border:1.5px solid var(--border);border-radius:10px;padding:12px;font-size:1rem;outline:none}.auth-card input:focus{border-color:var(--blue)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{font-weight:800;color:var(--navy);display:flex;align-items:center;gap:8px}.brand-flag{display:inline-flex;width:26px;height:17px;border-radius:3px;overflow:hidden}.topbar-right{display:flex;align-items:center;gap:10px}.hello{font-size:.9rem;color:var(--muted)}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-tile{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 8px;text-align:center}.stat-big{font-size:1.45rem;font-weight:800;color:var(--navy)}.stat-label{font-size:.75rem;color:var(--muted);margin-top:2px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.mode-card{background:var(--card);border:1.5px solid var(--border);border-radius:var(--radius);padding:16px 14px;text-align:left;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow);transition:border-color .15s,transform .06s}.mode-card:hover{border-color:var(--blue)}.mode-card:active{transform:scale(.98)}.mode-card:disabled{opacity:.6;cursor:default}.mode-emoji{font-size:1.5rem}.mode-title{font-weight:700;color:var(--navy);display:flex;align-items:center;gap:8px}.mode-desc{font-size:.8rem;color:var(--muted)}.badge{background:var(--red);color:#fff;border-radius:99px;font-size:.72rem;padding:1px 8px;font-weight:700}.themes{display:flex;flex-direction:column;gap:14px;margin-top:10px}.theme-head{display:flex;justify-content:space-between;font-size:.88rem;font-weight:600;margin-bottom:5px}.bar{background:#e6e8f2;border-radius:99px;height:10px;overflow:hidden}.bar.slim{height:6px;margin:10px 0 18px}.bar-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--blue),#6b8cff);transition:width .4s ease}.history{list-style:none;padding:0;margin:8px 0;display:flex;flex-direction:column;gap:6px}.history li{background:var(--card);border-radius:10px;font-size:.88rem;box-shadow:var(--shadow)}.history-link{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;color:inherit;text-decoration:none;width:100%;box-sizing:border-box}.history-right{display:flex;align-items:center;gap:8px}.chevron{color:var(--muted);font-size:1.1rem}.section-head{display:flex;justify-content:space-between;align-items:baseline}.see-all{font-size:.85rem;font-weight:600;color:var(--blue);text-decoration:none}.score{font-weight:700}.score.good{color:var(--ok)}.score.mid{color:#d78a00}.score.bad{color:var(--ko)}.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-count{font-weight:700;color:var(--navy)}.timer{font-weight:700;color:var(--navy);font-variant-numeric:tabular-nums}.timer.urgent{color:var(--ko)}.question-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 18px}.question-theme{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--blue)}.question-text{font-size:1.15rem;line-height:1.45}.options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.option{display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:13px 14px;font-size:.95rem;line-height:1.35;transition:border-color .12s,background .12s}.option:hover:not(:disabled){border-color:var(--blue)}.option-letter{flex-shrink:0;width:28px;height:28px;border-radius:8px;background:#fff;border:1.5px solid var(--border);display:grid;place-items:center;font-weight:700;font-size:.85rem;color:var(--navy)}.option.picked{border-color:var(--blue);background:#eef1ff}.option.correct{border-color:var(--ok);background:var(--ok-bg)}.option.correct .option-letter{border-color:var(--ok);color:var(--ok)}.option.wrong{border-color:var(--ko);background:var(--ko-bg)}.option.wrong .option-letter{border-color:var(--ko);color:var(--ko)}.option.dim{opacity:.55}.option:disabled{cursor:default}.validate-btn{margin-top:16px}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px}.exam-hint{margin:12px 0 0}.feedback{margin-top:16px;border-radius:12px;padding:14px;font-size:.92rem;line-height:1.45;display:flex;flex-direction:column;gap:8px}.feedback.ok{background:var(--ok-bg)}.feedback.ko{background:var(--ko-bg)}.feedback p{margin:0}.result-hero{text-align:center;margin-top:18px}.result-circle{width:130px;height:130px;margin:0 auto;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow)}.result-circle.good{background:linear-gradient(150deg,#1d9e5f,#23c774)}.result-circle.mid{background:linear-gradient(150deg,#d78a00,#f0a72e)}.result-circle.bad{background:linear-gradient(150deg,#c22343,#e0506c)}.result-pct{font-size:1.9rem;font-weight:800}.result-frac{font-size:.85rem;opacity:.9}.result-actions{display:flex;gap:10px;justify-content:center;margin-top:14px}.review-list{display:flex;flex-direction:column;gap:12px}.review-card{background:var(--card);border-radius:var(--radius);border-left:4px solid var(--border);box-shadow:var(--shadow);padding:14px 16px;font-size:.9rem}.review-card.ok{border-left-color:var(--ok)}.review-card.ko{border-left-color:var(--ko)}.review-q{display:flex;gap:10px;align-items:flex-start}.review-theme{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.review-chosen{color:var(--ko);margin:8px 0 0}.review-answer{margin:6px 0 0}.review-expl{margin:6px 0 0;color:var(--muted);line-height:1.45}@media(max-height:560px){.auth-page{align-items:flex-start;padding:8px}.auth-card{padding:14px 18px}.auth-flag{width:36px;height:24px}.auth-card h1{font-size:1.05rem;margin:.2em 0}.auth-sub{display:none}.tabs{margin:10px 0}.auth-card form{gap:8px}.auth-card input{padding:8px 10px}}@media(max-width:420px){.stat-big{font-size:1.2rem}.mode-grid{grid-template-columns:1fr}}