:root{color-scheme:light;--brand: #58cc02;--brand-edge: #46a302;--brand-soft: #e8f9d6;--blue: #1cb0f6;--blue-edge: #1899d6;--blue-soft: #ddf4ff;--red: #ff4b4b;--red-edge: #e13b3b;--red-soft: #ffe3e3;--amber: #ff9600;--gold: #ffc800;--bg: #ffffff;--card: #ffffff;--surface: #f7f7f7;--line: #e5e5e5;--line-strong: #d6d6d6;--text: #3c3c3c;--hint: #8f8f8f;--on-brand: #ffffff;--radius: 16px;--radius-sm: 12px;--nav-height: 62px;font-family:Nunito,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-synthesis-weight:none}:root[data-theme=dark]{color-scheme:dark;--brand-soft: rgba(88, 204, 2, .18);--blue-soft: rgba(28, 176, 246, .18);--red-soft: rgba(255, 75, 75, .18);--bg: #131f24;--card: #1c2b33;--surface: #172329;--line: #37464f;--line-strong: #46606e;--text: #f1f7fb;--hint: #93a7b1}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand-soft: rgba(88, 204, 2, .18);--blue-soft: rgba(28, 176, 246, .18);--red-soft: rgba(255, 75, 75, .18);--bg: #131f24;--card: #1c2b33;--surface: #172329;--line: #37464f;--line-strong: #46606e;--text: #f1f7fb;--hint: #93a7b1}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.screen{max-width:640px;margin:0 auto;padding:14px 16px calc(var(--nav-height) + 28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:16px}h1{font-size:1.45rem;font-weight:800;margin:0;letter-spacing:-.01em}h2{font-size:1.05rem;font-weight:800;margin:0 0 10px}p{line-height:1.45}.hint{color:var(--hint);font-size:.85rem;font-weight:600;margin:0}button{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--radius-sm);color:var(--text);-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}.primary,.secondary{padding:14px 18px;border-radius:var(--radius);font-weight:800;font-size:.95rem;letter-spacing:.03em;text-transform:uppercase;transition:transform .06s ease,box-shadow .06s ease,background .15s ease}.primary{background:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-edge)}.secondary{background:var(--card);color:var(--hint);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.primary:not(:disabled):active,.secondary:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--brand-edge)}.secondary:not(:disabled):active{box-shadow:0 1px 0 var(--line)}.primary:disabled,.secondary:disabled{background:var(--line);color:var(--hint);border-color:var(--line);box-shadow:none}.link{background:none;color:var(--blue);font-weight:800;padding:8px 0;text-align:left}.link.danger{color:var(--red)}.button-column{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px}.loading-view,.error-view{padding:56px 16px;text-align:center;color:var(--hint);font-weight:700}.error-view{display:flex;flex-direction:column;gap:14px;align-items:center}.error-text{color:var(--red);margin:0;font-weight:700}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--card);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.nav-tab{flex:1;background:none;border-radius:0;padding:8px 2px 6px;min-height:var(--nav-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--hint);transition:color .15s ease}.nav-icon svg{width:26px;height:26px;display:block;fill:currentColor}.nav-label{font-size:.66rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.nav-tab.active{color:var(--brand)}.hero{background:var(--brand);color:var(--on-brand);border-radius:var(--radius);padding:16px;box-shadow:0 4px 0 var(--brand-edge);display:flex;flex-direction:column;gap:12px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero h1{color:var(--on-brand)}.xp-badge{background:#ffffff3d;color:var(--on-brand);border-radius:999px;padding:5px 12px;font-weight:800;font-size:.85rem;white-space:nowrap}.hero-progress{display:flex;flex-direction:column;gap:6px}.hero-caption{font-size:.8rem;font-weight:700;opacity:.9}.bar{height:14px;border-radius:999px;background:#0000002e;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:var(--gold);transition:width .4s ease}.mode-buttons{display:flex;flex-direction:column;gap:12px}.mode{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:2px solid var(--line);box-shadow:0 4px 0 var(--line);border-radius:var(--radius);color:var(--text);text-align:left;transition:transform .06s ease,box-shadow .06s ease}.mode:not(:disabled):active{transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.mode-icon{font-size:1.6rem;line-height:1;flex-shrink:0}.mode-body{display:flex;flex-direction:column;gap:3px;min-width:0}.mode.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand);box-shadow:0 4px 0 var(--brand-edge);text-transform:none;letter-spacing:normal;font-size:1rem}.mode.primary:not(:disabled):active{box-shadow:0 1px 0 var(--brand-edge)}.mode.primary .mode-hint{color:var(--on-brand);opacity:.85}.mode.resume{border-color:var(--blue);box-shadow:0 4px 0 var(--blue-edge)}.mode:disabled{opacity:.6;box-shadow:none}.mode-title{font-weight:800;display:flex;align-items:center;gap:8px}.mode-hint{font-size:.8rem;font-weight:600;color:var(--hint)}.badge{background:var(--red);color:#fff;border-radius:999px;font-size:.72rem;font-weight:800;padding:2px 8px}.ticket-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.ticket-cell{aspect-ratio:1;border-radius:var(--radius-sm);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);background:var(--card);color:var(--hint);font-weight:800;font-size:1rem;transition:transform .06s ease,box-shadow .06s ease}.ticket-cell:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.ticket-cell.passed{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 3px 0 var(--brand);color:var(--brand-edge)}.ticket-cell.errors{background:var(--red-soft);border-color:var(--red);box-shadow:0 3px 0 var(--red);color:var(--red)}.topic-grid{display:flex;flex-direction:column;gap:8px}.topic-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);color:var(--text);text-align:left}.topic-row:active{background:var(--surface)}.topic-title{flex:1;font-size:.9rem;font-weight:700}.topic-count{color:var(--hint);font-size:.82rem;font-weight:700}.status-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;background:var(--line-strong);display:inline-block}.status-dot.passed{background:var(--brand)}.status-dot.errors{background:var(--red)}.legend{display:flex;gap:16px;color:var(--hint);font-size:.78rem;font-weight:700;align-items:center;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:6px}.question-card{display:flex;flex-direction:column;gap:14px}.question-image-frame{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);overflow:hidden}.question-image-frame.loading,.question-image-frame.failed{min-height:168px}.question-image-frame.loading .question-image,.question-image-frame.failed .question-image{display:none}.question-image{width:100%;display:block}.image-spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--line);border-top-color:var(--brand);animation:spin .8s linear infinite}.image-failed{color:var(--hint);font-size:.85rem;font-weight:700;padding:12px;text-align:center}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.image-spinner{animation-duration:2s}}.question-text{margin:0;font-size:1.08rem;font-weight:800;line-height:1.4}.answers{display:flex;flex-direction:column;gap:10px}.answer{display:flex;gap:10px;align-items:flex-start;padding:13px 14px;background:var(--card);border:2px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:var(--radius-sm);color:var(--text);text-align:left;font-weight:600;transition:background .15s ease,border-color .15s ease,box-shadow .06s ease,transform .06s ease}.answer:not(:disabled):active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.answer-number{font-weight:800;color:var(--hint)}.answer-text{flex:1;line-height:1.35}.answer.selected{background:var(--blue-soft);border-color:var(--blue);box-shadow:0 3px 0 var(--blue)}.answer.selected .answer-number{color:var(--blue-edge)}.answer.correct{background:var(--brand-soft);border-color:var(--brand);box-shadow:0 3px 0 var(--brand)}.answer.correct .answer-number{color:var(--brand-edge)}.answer.wrong{background:var(--red-soft);border-color:var(--red);box-shadow:0 3px 0 var(--red)}.answer.wrong .answer-number{color:var(--red)}.answer.muted{opacity:.55;box-shadow:none}.confirm-answer{margin-top:2px}.explanation{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease}.explanation.open{grid-template-rows:1fr}.explanation-inner{overflow:hidden}.explanation-body{background:var(--blue-soft);border:2px solid var(--blue);border-radius:var(--radius-sm);padding:12px 14px;margin-top:2px}.explanation-title{font-weight:800;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--blue-edge);margin-bottom:4px}.explanation-text{margin:0;font-size:.93rem;font-weight:600;line-height:1.45}.run-header{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px}.run-title{font-weight:800}.run-progress{color:var(--hint);font-size:.85rem;font-weight:700}.run-errors{color:var(--red)}.next-button{position:sticky;bottom:calc(var(--nav-height) + 12px + env(safe-area-inset-bottom))}.penalty-badge{margin-left:8px;background:var(--amber);color:#fff;border-radius:999px;font-size:.7rem;font-weight:800;padding:3px 9px;vertical-align:middle}.exam-timer{font-variant-numeric:tabular-nums;font-weight:800;font-size:1.15rem;background:var(--surface);border-radius:999px;padding:4px 12px}.exam-timer.warning{color:#fff;background:var(--red)}.question-timer{position:relative;width:44px;height:44px}.question-timer svg{width:44px;height:44px}.question-timer .timer-track{fill:none;stroke:var(--line);stroke-width:4}.question-timer .timer-ring{fill:none;stroke:var(--brand);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .1s linear}.question-timer.warning .timer-ring{stroke:var(--red)}.timer-seconds{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800;font-variant-numeric:tabular-nums}.progress-strip{display:flex;flex-wrap:wrap;gap:5px}.dot{width:13px;height:13px;border-radius:50%;background:var(--line)}.dot.penalty{border-radius:4px}.dot.answered{background:var(--hint)}.dot.current{outline:3px solid var(--brand);outline-offset:2px}.marathon-bar{height:12px;border-radius:999px;background:var(--line);overflow:hidden}.marathon-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .3s ease}.mistake-note{border-radius:var(--radius-sm);padding:10px 14px;font-size:.88rem;font-weight:800;text-align:center}.mistake-note.removed{background:var(--brand-soft);color:var(--brand-edge)}.mistake-note.kept{background:var(--red-soft);color:var(--red)}.rules{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;line-height:1.45;font-weight:600}.verdict{border-radius:var(--radius);padding:20px;text-align:center;font-size:1.35rem;font-weight:800;letter-spacing:.05em}.verdict.pass{background:var(--brand-soft);color:var(--brand-edge);border:2px solid var(--brand)}.verdict.fail{background:var(--red-soft);color:var(--red);border:2px solid var(--red)}.verdict.partial{background:var(--surface);color:var(--amber);border:2px solid var(--amber)}.fail-reason{text-align:center;color:var(--red);margin:0;font-weight:800}.xp-gain{text-align:center;color:var(--brand-edge);font-weight:800;margin:0}.endless-score{text-align:center;font-size:1.3rem;font-weight:800;margin:0}.review-list{display:flex;flex-direction:column;gap:16px}.review-question{border:2px solid var(--line);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:10px}.review-head{display:flex;justify-content:space-between;font-size:.82rem;color:var(--hint);font-weight:800;text-transform:uppercase;letter-spacing:.03em}.review-skipped{color:var(--amber)}.review-answers{display:flex;flex-direction:column;gap:8px}.review-answer{padding:10px 12px;border-radius:var(--radius-sm);border:2px solid var(--line);font-size:.9rem;font-weight:600;line-height:1.35}.review-answer.correct{background:var(--brand-soft);border-color:var(--brand)}.review-answer.wrong{background:var(--red-soft);border-color:var(--red)}.review-tip{margin:0;font-size:.88rem;font-weight:600;color:var(--text);line-height:1.45;background:var(--blue-soft);border-radius:var(--radius-sm);padding:10px 12px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:var(--brand);color:var(--on-brand);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;box-shadow:0 4px 0 var(--brand-edge)}.profile-name{font-size:1.15rem;font-weight:800;display:flex;flex-direction:column;gap:2px}.profile-xp{display:flex;align-items:center;gap:10px}.profile-xp .xp-badge{background:var(--brand)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.stat{display:flex;flex-direction:column;gap:2px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius-sm);padding:12px}.stat-value{font-weight:800;font-size:1.15rem}.stat-label{color:var(--hint);font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.weak-topics{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.weak-topic{width:100%;display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;background:var(--surface);border-radius:var(--radius-sm);padding:10px 12px}.weak-rate{color:var(--red);font-weight:800;font-size:.88rem}.tabs{display:flex;gap:10px}.tab{flex:1;padding:11px;border-radius:var(--radius-sm);background:var(--card);border:2px solid var(--line);color:var(--hint);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.tab.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-edge)}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.leader-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);font-weight:700}.leader-row.me{background:var(--brand-soft);font-weight:800}.leader-row.pinned{margin-top:10px;border:2px dashed var(--brand)}.leader-rank{width:30px;height:30px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);color:var(--hint);font-weight:800;font-size:.82rem;font-variant-numeric:tabular-nums}.leader-rank.medal{color:#fff}.leader-rank.medal-1{background:var(--gold)}.leader-rank.medal-2{background:#b8c4cc}.leader-rank.medal-3{background:#d4914b}.leader-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-value{font-weight:800;font-variant-numeric:tabular-nums}.setting-row{width:100%;display:flex;align-items:center;gap:14px;background:none;padding:4px 0;text-align:left}.setting-text{display:flex;flex-direction:column;gap:4px;flex:1}.setting-label{font-weight:800;font-size:.98rem}.setting-hint{color:var(--hint);font-size:.82rem;font-weight:600;line-height:1.4}.switch{width:56px;height:32px;flex-shrink:0;border-radius:999px;background:var(--line);position:relative;transition:background .2s ease}.switch-knob{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .2s ease}.switch.on{background:var(--brand)}.switch.on .switch-knob{transform:translate(24px)}.setting-row:disabled{opacity:.6}.gate{align-items:center;text-align:center;padding-top:48px}.gate-mark{font-size:3.4rem;line-height:1}.gate-text{margin:0;font-weight:600;max-width:30rem}.gate-error{margin:0;color:var(--red);font-weight:800}.gate .button-column{width:100%;max-width:22rem}