:root{--teal-900: #053F39;--teal-800: #085A51;--teal-700: #0B7A6E;--teal-600: #0E8C7F;--teal-500: #12A08F;--teal-400: #1FB8A6;--teal-300: #2DD4BF;--teal-200: #7EE8DA;--teal-100: #CFF5EF;--teal-50: #ECFAF7;--ink-900: #0F1419;--ink-800: #16212B;--ink-700: #223140;--ink-600: #3A4A5A;--ink-500: #5B6B7A;--ink-400: #8A98A6;--ink-300: #A9B4BF;--ink-200: #DCE3E9;--ink-100: #EEF2F5;--ink-50: #F5F7FA;--coral-600: #E8502F;--coral-500: #FF6B4A;--coral-100: #FFE4DC;--green-700: #15803D;--green-500: #22A058;--green-300: #4ADE80;--green-100: #DCF5E4;--red-700: #B8232F;--red-600: #D6303E;--red-300: #F26B76;--red-100: #FDE1E4;--amber-700: #B45309;--amber-500: #F59E0B;--amber-400: #FFB020;--amber-100: #FFF0CC;--bg: var(--tg-theme-bg-color, #FFFFFF);--fg: var(--tg-theme-text-color, var(--ink-800));--muted: var(--tg-theme-hint-color, var(--ink-500));--section-bg: var(--tg-theme-secondary-bg-color, var(--ink-50));--primary: var(--teal-700);--primary-fg: #FFFFFF;--primary-hover: var(--teal-800);--primary-soft: var(--teal-100);--primary-soft-fg: var(--teal-900);--link: var(--teal-700);--accent: var(--coral-500);--accent-fg: var(--ink-900);--surface: var(--ink-100);--surface-2: var(--ink-200);--surface-raised: #FFFFFF;--surface-fg: var(--ink-800);--surface-muted: var(--ink-500);--border: rgba(22, 33, 43, .1);--border-strong: rgba(22, 33, 43, .22);--success: var(--green-700);--success-fill: var(--green-700);--success-fill-fg: #FFFFFF;--success-soft: var(--green-100);--success-soft-fg: #0F5A2B;--error: var(--red-600);--error-fill: var(--red-600);--error-fill-fg: #FFFFFF;--error-soft: var(--red-100);--error-soft-fg: #8A1A24;--warning: var(--amber-700);--warning-fill: var(--amber-400);--warning-fill-fg: var(--ink-900);--warning-soft: var(--amber-100);--warning-soft-fg: #6B3A05;--info: var(--teal-700);--info-soft: var(--teal-50);--ready-early: var(--amber-700);--ready-early-bar: var(--amber-400);--ready-almost: var(--teal-700);--ready-almost-bar:var(--teal-400);--ready-ready: var(--green-700);--ready-ready-bar: var(--green-500);--focus-ring: var(--teal-500);--focus-ring-w: 2px;--focus-offset: 2px;--game-hud-bg: rgba(15, 20, 25, .72);--game-hud-fg: #FFFFFF;--game-hud-muted: rgba(255, 255, 255, .64);--game-wave-chip: var(--ink-800);--game-wave-chip-fg: #FFFFFF;--game-wave-current: var(--teal-300);--game-wave-current-fg: var(--ink-900);--game-wave-done: rgba(255, 255, 255, .28);--game-life: var(--teal-300);--game-life-lost: rgba(255, 255, 255, .28);--game-timer: #FFFFFF;--game-timer-low: var(--amber-400);--game-timer-critical:var(--coral-500);--game-tap-ok: var(--green-500);--game-tap-bad: var(--red-600);--game-overlay-panel: #EAF6F4;--game-overlay-edge: #8FD6CC;--game-callout-line: var(--ink-800);--font-ui: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, system-ui, sans-serif;--font-display: "Manrope", var(--font-ui);--fs-xs: 12px;--fs-sm: 13px;--fs-md: 15px;--fs-base: 16px;--fs-lg: 17px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 32px;--fs-4xl: 40px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.45;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--tracking-display: -.02em;--tracking-caps: .04em;--tabular: "tnum" 1, "lnum" 1;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--gutter: 16px;--content-max: 520px;--tap-min: 44px;--shadow-1: 0 1px 2px rgba(22, 33, 43, .06);--shadow-2: 0 4px 12px rgba(22, 33, 43, .1);--shadow-3: 0 12px 32px rgba(22, 33, 43, .16);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--dur-bounce: .18s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--fg: var(--tg-theme-text-color, #F2F5F7);--muted: var(--tg-theme-hint-color, var(--ink-300));--bg: var(--tg-theme-bg-color, var(--ink-900));--section-bg: var(--tg-theme-secondary-bg-color, var(--ink-800));--primary: var(--teal-300);--primary-fg: var(--ink-900);--primary-hover: var(--teal-200);--primary-soft: rgba(45, 212, 191, .16);--primary-soft-fg: var(--teal-200);--link: var(--teal-300);--accent: var(--coral-500);--accent-fg: var(--ink-900);--surface: #1F2B36;--surface-2: #2A3844;--surface-raised: #243240;--surface-fg: #F2F5F7;--surface-muted: var(--ink-300);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .2);--success: var(--green-300);--success-fill: var(--green-700);--success-fill-fg: #FFFFFF;--success-soft: rgba(34, 160, 88, .2);--success-soft-fg: #9BEBB8;--error: var(--red-300);--error-fill: var(--red-600);--error-fill-fg: #FFFFFF;--error-soft: rgba(214, 48, 62, .22);--error-soft-fg: #FFB3B9;--warning: var(--amber-400);--warning-fill: var(--amber-400);--warning-fill-fg: var(--ink-900);--warning-soft: rgba(255, 176, 32, .18);--warning-soft-fg: #FFD98A;--info: var(--teal-300);--info-soft: rgba(45, 212, 191, .12);--ready-early: var(--amber-400);--ready-early-bar: var(--amber-400);--ready-almost: var(--teal-300);--ready-almost-bar:var(--teal-300);--ready-ready: var(--green-300);--ready-ready-bar: var(--green-500);--focus-ring: var(--teal-300);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .4);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]):not([data-theme=dark]){--fg: #F2F5F7;--muted: var(--ink-300);--bg: var(--ink-900);--section-bg: var(--ink-800);--primary: var(--teal-300);--primary-fg: var(--ink-900);--primary-hover: var(--teal-200);--primary-soft: rgba(45, 212, 191, .16);--primary-soft-fg: var(--teal-200);--link: var(--teal-300);--surface: #1F2B36;--surface-2: #2A3844;--surface-raised: #243240;--surface-fg: #F2F5F7;--surface-muted: var(--ink-300);--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.2);--success: var(--green-300);--success-soft: rgba(34,160,88,.2);--success-soft-fg: #9BEBB8;--error: var(--red-300);--error-soft: rgba(214,48,62,.22);--error-soft-fg: #FFB3B9;--warning: var(--amber-400);--warning-soft: rgba(255,176,32,.18);--warning-soft-fg: #FFD98A;--info: var(--teal-300);--info-soft: rgba(45,212,191,.12);--ready-early: var(--amber-400);--ready-almost: var(--teal-300);--ready-almost-bar: var(--teal-300);--ready-ready: var(--green-300);--focus-ring: var(--teal-300)}}:focus-visible{outline:var(--focus-ring-w) solid var(--focus-ring);outline-offset:var(--focus-offset);border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-base: 0ms;--dur-slow: 0ms;--dur-bounce: 0ms}}:root{--radius: var(--radius-md)}@font-face{font-family:Manrope;src:url(/fonts/Manrope-subset.woff2) format("woff2");font-weight:500 800;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-subset.woff2) format("woff2");font-weight:400 800;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--fg);font:var(--fs-base)/var(--lh-normal) var(--font-ui);overscroll-behavior-y:none;-webkit-font-smoothing:antialiased}h1,.stat b,.timer,.level{font-family:var(--font-display);letter-spacing:var(--tracking-display)}h1{font-size:var(--fs-2xl);font-weight:800;margin:4px 0 12px;line-height:var(--lh-tight)}h2{font-size:var(--fs-lg);font-weight:700;margin:14px 0 8px}p{margin:0 0 8px}button{font:inherit;color:inherit}.screen{max-width:var(--content-max);margin:0 auto;padding:12px var(--gutter) 96px}.screen.center{text-align:center;padding-top:40vh}.muted{color:var(--muted)}.card .muted{color:var(--surface-muted)}.small{font-size:var(--fs-sm)}.center-text{text-align:center}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.err{color:var(--error)}.brandhead{display:flex;align-items:center;gap:8px;margin:2px 0 12px}.brandhead svg{width:28px;height:28px;flex:none;display:block}.brandhead b{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:var(--tracking-display)}.card{background:var(--surface);color:var(--surface-fg);border-radius:var(--radius-lg);padding:14px var(--space-4);margin-bottom:10px;box-shadow:var(--shadow-1)}:root[data-theme=dark] .card{border:1px solid var(--border)}.list{display:flex;flex-direction:column}.btn{background:var(--surface-2);color:var(--surface-fg);border:0;border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;text-align:center;min-height:var(--tap-min);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:default}.btn.primary{background:var(--primary);color:var(--primary-fg);width:100%}.btn.primary:hover{background:var(--primary-hover)}.link{background:none;border:0;color:var(--link);cursor:pointer;padding:4px;font-weight:600}.back-link{background:none;border:0;color:var(--link);padding:4px 0 8px;cursor:pointer;font-weight:500;font-size:15px}.main-action{position:fixed;left:0;right:0;bottom:0;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--border)}.main-action .btn{max-width:488px;display:flex;margin:0 auto}.menu{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.menu .btn{min-height:56px;font-weight:600;justify-content:center}.badge{background:var(--error-fill);color:var(--error-fill-fg);border-radius:var(--radius-full);padding:0 7px;font-size:var(--fs-xs);font-weight:700;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.grid2 .card{margin:0}.stat{display:flex;flex-direction:column}.stat b{font-size:var(--fs-3xl);font-weight:800;font-feature-settings:var(--tabular);line-height:1.1}.readiness .level,.verdict .level{font-size:22px;font-weight:800;letter-spacing:-.01em;margin:2px 0;line-height:1.1}.readiness.early{--lvl: var(--ready-early);--lvl-bar: var(--ready-early-bar)}.readiness.almost{--lvl: var(--ready-almost);--lvl-bar: var(--ready-almost-bar)}.readiness.ready{--lvl: var(--ready-ready);--lvl-bar: var(--ready-ready-bar)}.readiness .level{color:var(--lvl)}.ready-seg{display:flex;gap:4px;margin:8px 0 10px}.ready-seg i{flex:1;height:6px;border-radius:var(--radius-full);background:var(--surface-2)}.readiness.early .ready-seg i:nth-child(1),.readiness.almost .ready-seg i:nth-child(-n+2),.readiness.ready .ready-seg i{background:var(--lvl-bar)}.verdict{display:flex;gap:12px;align-items:center;animation:rise var(--dur-slow) var(--ease-standard) both}.verdict .ico{flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center}.verdict .ico svg{width:22px;height:22px}.verdict.ok .ico{background:var(--success-fill);color:var(--success-fill-fg)}.verdict.bad .ico{background:var(--error-fill);color:var(--error-fill-fg)}.verdict.ok .level{color:var(--success)}.verdict.bad .level{color:var(--error)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.bar{height:8px;background:var(--surface-2);border-radius:var(--radius-full);overflow:hidden;margin:8px 0 6px}.bar>div{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width var(--dur-slow) var(--ease-standard)}.small-bar{height:5px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{padding:3px 10px;border-radius:var(--radius-full);font-size:var(--fs-sm);font-weight:600;display:inline-flex;align-items:center;gap:5px}.chip svg{width:12px;height:12px;flex:none}.chip.ok{background:var(--success-soft);color:var(--success-soft-fg)}.chip.bad{background:var(--error-soft);color:var(--error-soft-fg)}.chip.weak{background:var(--warning-soft);color:var(--warning-soft-fg);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.reasons{margin:6px 0;padding-left:18px}.reasons li{margin-bottom:3px}.readiness .cover{margin-top:8px}.sprint-big{display:flex;align-items:baseline;gap:8px}.sprint-big b{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:800;font-feature-settings:var(--tabular);letter-spacing:var(--tracking-display);line-height:1.1}.topic{display:block;width:100%;text-align:left;border:0;cursor:pointer;color:var(--surface-fg)}.topic-name{font-weight:600}.code{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:4px}.card .code{color:var(--surface-muted)}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.timer{font-weight:800;font-size:18px;font-feature-settings:var(--tabular);padding:3px 12px;border-radius:var(--radius-full);background:var(--surface);color:var(--surface-fg);display:inline-flex;align-items:center;gap:6px}.timer svg{width:14px;height:14px}.timer.low{background:var(--warning-fill);color:var(--warning-fill-fg);animation:pulse 1s infinite}.timer.low.critical{background:var(--error-fill);color:var(--error-fill-fg)}@keyframes pulse{50%{transform:scale(1.04)}}.numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin-bottom:12px}.num{position:relative;height:30px;padding:0;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--fg);font-weight:600;font-size:var(--fs-sm);cursor:pointer;font-feature-settings:var(--tabular);display:flex;align-items:center;justify-content:center}.num.done{background:var(--primary-soft);border-color:transparent;color:var(--primary-soft-fg)}.num.right{background:var(--success-fill);border-color:transparent;color:var(--success-fill-fg)}.num.wrong{background:var(--error-fill);border-color:transparent;color:var(--error-fill-fg)}.num.current{outline:2px solid var(--primary);outline-offset:2px}.num.right:after,.num.wrong:after{content:"";position:absolute;right:2px;top:2px;width:8px;height:8px;background:#fff;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}.num.right:after{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.num.wrong:after{--m: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 4l8 8M12 4l-8 8' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.qtext{font-size:var(--fs-lg);font-weight:600;line-height:var(--lh-snug);margin:0 0 10px}.img-ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:150px;margin-bottom:12px;border-radius:var(--radius-lg);background:var(--surface);color:var(--surface-muted);font-size:var(--fs-sm)}.card .img-ph{background:var(--surface-2);height:96px;margin-top:4px}.qimg-wrap{position:relative;margin-bottom:12px}.qimg{display:block;width:100%;max-height:260px;object-fit:contain;border-radius:var(--radius-lg);background:#f4f6f8}.dev-tag{position:absolute;top:6px;right:6px;background:var(--warning-fill);color:var(--warning-fill-fg);font-size:11px;padding:1px 6px;border-radius:var(--radius-xs);opacity:.9}.answers{display:flex;flex-direction:column;gap:8px}.answer{display:flex;gap:10px;align-items:flex-start;text-align:left;width:100%;padding:12px;border-radius:var(--radius-lg);background:var(--surface-raised);color:var(--surface-fg);border:2px solid var(--border);line-height:var(--lh-snug);cursor:pointer;transition:border-color var(--dur-base) var(--ease-standard),background var(--dur-base) var(--ease-standard)}.answer .letter{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:var(--fs-sm);font-weight:700}.answer .letter svg{width:14px;height:14px}.answer.chosen{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-soft-fg)}.answer.chosen .letter{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.answer.right{border-color:var(--success-fill);background:var(--success-soft);color:var(--success-soft-fg)}.answer.right .letter{background:var(--success-fill);color:#fff;border-color:var(--success-fill)}.answer.wrong{border-color:var(--error-fill);background:var(--error-soft);color:var(--error-soft-fg)}.answer.wrong .letter{background:var(--error-fill);color:#fff;border-color:var(--error-fill)}.nav-row{display:flex;gap:10px;margin-top:12px}.nav-row .btn{flex:1}.review .ans-line{display:flex;gap:8px;align-items:center;padding:7px 10px;border-radius:var(--radius-sm);margin-top:6px;font-size:14px}.review .ans-line svg{width:14px;height:14px;flex:none}.review .ans-line .you{opacity:.85;font-weight:600}.review .ans-line.right{background:var(--success-soft);color:var(--success-soft-fg)}.review .ans-line.wrong{background:var(--error-soft);color:var(--error-soft-fg)}.weak-badge{background:var(--warning-fill);color:var(--warning-fill-fg);margin-left:8px;padding:0 8px}.game-ico{width:56px;height:56px;color:var(--primary);margin:0 auto 8px;display:block}@media (prefers-reduced-motion: reduce){.timer.low,.verdict{animation:none}.btn:active{transform:none}}