:root{--bg: #f4f5f7;--card: #ffffff;--text: #1a1c20;--muted: #626a75;--border: #d8dce2;--accent: #003399;--accent-contrast: #ffffff;--gold: #ffcc00;--good: #1a7f37;--good-bg: #e6f4ea;--bad: #c62828;--bad-bg: #fdecea;--flag: #e07c00}@media (prefers-color-scheme: dark){:root{--bg: #101216;--card: #1a1d23;--text: #e8eaee;--muted: #9aa3af;--border: #30353d;--accent: #4d79ff;--accent-contrast: #ffffff;--good: #4caf70;--good-bg: #16311f;--bad: #ef6c60;--bad-bg: #3a1c1a}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.45}#root{min-height:100dvh}.shell{max-width:680px;margin:0 auto;padding:0 14px calc(24px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:10;background:var(--accent);color:var(--accent-contrast);padding:calc(10px + env(safe-area-inset-top)) 14px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar .brand{font-weight:700;font-size:1rem;letter-spacing:.02em;cursor:pointer;background:none;border:none;color:inherit;padding:6px 0}.topbar .brand .star{color:var(--gold)}.timer{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.05rem;padding:4px 10px;border-radius:8px;background:#ffffff26}.timer.low{background:var(--bad)}.exam-timer{background:var(--accent);color:var(--accent-contrast)}.exam-timer.low{background:var(--bad);color:#fff}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:16px;margin:14px 0}h1{font-size:1.35rem;margin:18px 0 6px}h2{font-size:1.1rem;margin:0 0 10px}.sub{color:var(--muted);font-size:.92rem;margin:0 0 4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--card);color:var(--text);font-size:1rem;font-weight:600;cursor:pointer;touch-action:manipulation}.btn:active{transform:scale(.99)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:default}.btn.small{width:auto;min-height:40px;padding:8px 14px;font-size:.9rem}.row{display:flex;gap:10px}.row .btn{flex:1}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:999px;padding:8px 14px;font-size:.88rem;cursor:pointer;min-height:40px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.count-note{color:var(--muted);font-size:.8rem;margin-left:6px}.progressbar{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin:10px 0 4px}.progressbar>div{height:100%;background:var(--accent);transition:width .2s}.qmeta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.85rem;margin-top:10px}.qtext{font-size:1.08rem;font-weight:600;margin:10px 0 14px}.opt{display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;border:1.5px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;padding:13px 14px;margin:8px 0;font-size:.98rem;cursor:pointer;min-height:50px}.opt .mark{flex:0 0 auto;width:22px;height:22px;margin-top:1px;border:2px solid var(--muted);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;color:transparent}.opt.single .mark{border-radius:50%}.opt.multiple .mark{border-radius:6px}.opt.selected{border-color:var(--accent)}.opt.selected .mark{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.opt.correct{border-color:var(--good);background:var(--good-bg)}.opt.correct .mark{background:var(--good);border-color:var(--good);color:#fff}.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.opt.wrong .mark{background:var(--bad);border-color:var(--bad);color:#fff}.feedback{border-radius:12px;padding:12px 14px;margin-top:10px;font-size:.95rem}.feedback.good{background:var(--good-bg);border:1px solid var(--good)}.feedback.bad{background:var(--bad-bg);border:1px solid var(--bad)}.feedback .src{display:block;margin-top:8px;color:var(--muted);font-size:.82rem}.palette{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}.palette::-webkit-scrollbar{display:none}.pal{flex:0 0 auto;width:40px;height:40px;border-radius:10px;border:1.5px solid var(--border);background:var(--card);color:var(--text);font-weight:600;font-size:.85rem;cursor:pointer;position:relative}.pal.answered{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.pal.current{outline:3px solid var(--gold)}.pal.flagged:after{content:"";position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--flag)}.scorebox{text-align:center;padding:22px 16px}.scorebox .big{font-size:2.6rem;font-weight:800}.scorebox .pass{color:var(--good);font-weight:700}.scorebox .fail{color:var(--bad);font-weight:700}.table{width:100%;border-collapse:collapse;font-size:.92rem}.table th,.table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border)}.table td.num{text-align:right;font-variant-numeric:tabular-nums}.err{background:var(--bad-bg);border:1px solid var(--bad);border-radius:10px;padding:10px 12px;margin:10px 0}.footer-note{color:var(--muted);font-size:.8rem;text-align:center;margin-top:18px}@media (min-width: 700px){h1{font-size:1.6rem}.home-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-grid .card{margin:0}}