@import"https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700;800&family=Golos+Text:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600;700&display=swap";:root{--blue-50: #eaf2fb;--blue-100: #d2e3f6;--blue-200: #a7c8ec;--blue-300: #74a6df;--blue-400: #4382ce;--blue-500: #2468b5;--blue-600: #1b5798;--blue-700: #16487c;--blue-800: #143c64;--blue-900: #112e4a;--amber-50: #fdf6e6;--amber-100: #fae8bf;--amber-200: #f4d287;--amber-300: #edb949;--amber-400: #e5a31f;--amber-500: #c9870f;--amber-600: #a06a0c;--amber-700: #7c520c;--green-50: #e8f5ee;--green-100: #c6e7d4;--green-200: #93cdac;--green-300: #5db482;--green-400: #2f9a60;--green-500: #1f8a5b;--green-600: #176e49;--green-700: #125539;--red-50: #fcebec;--red-100: #f7ced1;--red-200: #ec9aa0;--red-300: #e2737b;--red-400: #d6444f;--red-500: #cc1f2d;--red-600: #ad1623;--red-700: #8b121d;--paper-0: #fdfbf6;--paper-50: #faf6ee;--paper-100: #f5f0e6;--paper-200: #ece5d7;--paper-300: #ddd4c2;--paper-400: #c9bda6;--ink-900: #181b20;--ink-800: #23282f;--ink-700: #383f48;--ink-600: #525a63;--ink-500: #5e646a;--ink-400: #969ba2;--ink-300: #bcc0c5;--surface-page: var(--paper-100);--surface-card: var(--paper-0);--surface-sunken: var(--paper-200);--surface-inverse: var(--ink-900);--surface-tint: var(--blue-50);--text-strong: var(--ink-900);--text-body: var(--ink-800);--text-muted: var(--ink-500);--text-subtle: var(--ink-400);--text-on-blue: #ffffff;--text-link: var(--blue-600);--border-hairline: var(--paper-300);--border-strong: var(--paper-400);--border-focus: var(--blue-500);--action-primary: var(--blue-600);--action-primary-hover: var(--blue-700);--action-primary-press: var(--blue-800);--accent: var(--amber-400);--accent-soft: var(--amber-50);--accent-strong: var(--amber-600);--correct: var(--green-500);--correct-soft: var(--green-50);--correct-line: var(--green-200);--wrong: var(--red-500);--wrong-soft: var(--red-50);--wrong-line: var(--red-200);--focus-ring: 0 0 0 3px var(--paper-0), 0 0 0 5px var(--blue-400)}:root{--font-display: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Golos Text", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--w-regular: 400;--w-medium: 500;--w-semibold: 600;--w-bold: 700;--w-extra: 800;--t-display-xl: 3.25rem;--t-display-l: 2.5rem;--t-display-m: 2rem;--t-heading: 1.5rem;--t-subhead: 1.25rem;--t-body-l: 1.125rem;--t-body: 1rem;--t-body-s: .9375rem;--t-caption: .8125rem;--t-micro: .6875rem;--lh-tight: 1.08;--lh-snug: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .04em;--ls-caps: .08em;--text-display: var(--w-extra) var(--t-display-l)/var(--lh-tight) var(--font-display);--text-title: var(--w-bold) var(--t-display-m)/var(--lh-snug) var(--font-display);--text-heading-role: var(--w-bold) var(--t-heading)/var(--lh-snug) var(--font-display);--text-question: var(--w-medium) var(--t-body-l)/var(--lh-relaxed) var(--font-body);--text-ui: var(--w-medium) var(--t-body)/var(--lh-normal) var(--font-body);--text-meta: var(--w-medium) var(--t-caption)/var(--lh-normal) var(--font-body)}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--container-max: 72rem;--reading-max: 38rem;--app-max: 28rem;--gutter: var(--space-5);--tap-min: 2.75rem;--tap-comfortable: 3.25rem}:root{--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--border-width: 1px;--border-width-strong: 1.5px;--shadow-xs: 0 1px 2px rgba(24, 27, 32, .05);--shadow-sm: 0 1px 2px rgba(24, 27, 32, .05), 0 2px 6px rgba(24, 27, 32, .05);--shadow-md: 0 2px 4px rgba(24, 27, 32, .04), 0 6px 16px rgba(24, 27, 32, .07);--shadow-lg: 0 4px 10px rgba(24, 27, 32, .05), 0 14px 34px rgba(24, 27, 32, .1);--shadow-focusable: 0 0 0 3px var(--blue-100);--shadow-tutor: 0 2px 6px rgba(20, 60, 100, .06), 0 12px 30px rgba(20, 60, 100, .12);--ease-standard: cubic-bezier(.32, .08, .24, 1);--ease-out: cubic-bezier(.16, .84, .44, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--surface-page);color:var(--text-body);font:var(--text-ui);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-strong);letter-spacing:var(--ls-snug);margin:0}p{margin:0;text-wrap:pretty}a{color:var(--text-link);text-underline-offset:2px}button{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-xs)}::selection{background:var(--amber-200);color:var(--ink-900)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--surface-page, #f6f3ee);color:var(--text-body, #1a1a1a);font-family:var(--font-body, system-ui, sans-serif)}.app{min-height:100vh;display:flex;flex-direction:column}.app-head{width:100%;max-width:1180px;margin:0 auto;box-sizing:border-box;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem)}.app-brand{font-family:var(--font-display, inherit);font-weight:var(--w-bold, 700);font-size:var(--t-title-m, 1.25rem);color:var(--text-strong, #111);text-decoration:none}.app-tag{color:var(--text-muted, #6b6b6b);font-size:var(--t-body-s, .85rem)}.app-main{flex:1;width:100%;padding-bottom:84px}@media (min-width: 1024px){.app-main{padding-bottom:var(--space-6, 1.5rem)}}.page{width:100%;max-width:540px;margin:0 auto;box-sizing:border-box;padding:0 var(--space-5, 1.25rem);display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.page-title{margin:0;font-family:var(--font-display, inherit);font-size:var(--t-title-l, 1.5rem)}.muted{color:var(--text-muted, #6b6b6b);font-size:var(--t-body-s, .9rem);line-height:1.6}.error{color:var(--wrong, #cc1f2d);padding:var(--space-5, 1.25rem)}.sec-title{margin:0 0 var(--space-3, .75rem);font-family:var(--font-display, inherit);font-weight:var(--w-bold, 700);font-size:var(--t-subhead, 1.2rem);color:var(--text-strong, #111)}.home-head{display:flex;flex-direction:column;gap:2px}.home-hi{margin:0;font-family:var(--font-display, inherit);font-weight:800;font-size:26px;color:var(--text-strong, #111);letter-spacing:var(--ls-snug, -.01em)}.home-sub{margin:0;color:var(--text-muted, #6b6b6b);font-size:14px}.ready{background:var(--surface-card, #fff);border:1px solid var(--border-hairline, #e4ddd2);border-radius:var(--radius-xl, 18px);box-shadow:var(--shadow-md, 0 4px 16px rgba(0,0,0,.06));padding:18px;display:flex;flex-direction:column;gap:12px}.ready-top{display:flex;justify-content:space-between;align-items:baseline}.ready-top span{font-size:14px;font-weight:600;color:var(--ink-700, #3a3a3a)}.ready-top b{font-family:var(--font-display, inherit);font-weight:800;font-size:26px;color:var(--action-primary, #2563eb)}.ready-note{margin:0;font-size:13px;color:var(--text-muted, #6b6b6b);line-height:1.5}.ready-actions{display:flex;flex-direction:column;gap:10px}.ready-actions__row{display:flex;gap:10px}.topics{display:flex;flex-direction:column;gap:12px}.topic{background:var(--surface-card, #fff);border:1px solid var(--border-hairline, #e4ddd2);border-radius:var(--radius-lg, 14px);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0,0,0,.04));padding:13px 15px;display:flex;flex-direction:column;gap:9px;text-decoration:none;color:inherit;transition:border-color .15s ease}.topic:hover{border-color:var(--blue-300, #9ec1ee)}.topic-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.topic-row span{font-size:14px;font-weight:500;color:var(--text-strong, #111);line-height:1.3}.topic-row em{font-family:var(--font-mono, monospace);font-style:normal;font-size:12px;color:var(--text-subtle, #8a8a8a);white-space:nowrap}.tg-cats{display:flex;gap:8px;margin-bottom:14px}.tg-cats .sv-btn{flex:1}.tg-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.tg-tile{position:relative;aspect-ratio:1;background:var(--surface-card, #fff);border:1px solid var(--border-hairline, #e4ddd2);border-radius:var(--radius-md, 10px);box-shadow:var(--shadow-xs, 0 1px 2px rgba(0,0,0,.04));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;text-decoration:none;color:inherit}.tg-tile:hover{border-color:var(--blue-300, #9ec1ee)}.tg-tile b{font-family:var(--font-display, inherit);font-weight:800;font-size:19px;color:var(--ink-900, #1a1a1a)}.tg-tile small{font-family:var(--font-mono, monospace);font-size:9px;color:var(--text-subtle, #8a8a8a)}.tg-tile--done{background:var(--correct-soft, #e6f4ea);border-color:var(--correct-line, #7bc98e)}.tg-tile--done b{color:var(--green-700, #1f8a3b)}.tg-tile__ck{position:absolute;top:5px;right:5px;color:var(--correct, #1f8a3b);display:inline-flex}.quiz{width:100%;max-width:1180px;margin:0 auto;box-sizing:border-box;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.quiz-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.quiz-bar__seg{flex:1;min-width:140px}.quiz-bar__count{font-family:var(--font-mono, monospace);font-size:var(--t-caption, 12px);color:var(--text-muted, #6b6b6b);white-space:nowrap}.quiz-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4, 1rem);align-items:start}@media (min-width: 1024px){.quiz-grid{grid-template-columns:1fr 400px;gap:32px}}.quiz-main{display:flex;flex-direction:column;gap:18px;min-width:0}.quiz-img{width:100%;height:auto;border-radius:var(--radius-lg, 14px);border:1px solid var(--border-hairline, #e4ddd2);background:#fff}.quiz-q{margin:0;font-family:var(--font-body, inherit);font-weight:500;font-size:22px;line-height:1.5;color:var(--text-strong, #111)}.quiz-opts{display:flex;flex-direction:column;gap:12px}.quiz-foot{display:flex;align-items:center;gap:16px;min-height:48px}.quiz-verdict{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;margin-bottom:var(--space-6, 1.5rem)}.quiz-verdict.ok{color:var(--green-700, #1f8a3b)}.quiz-verdict.no{color:var(--red-700, #cc1f2d)}.quiz-side{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}@media (min-width: 1024px){.quiz-side{position:sticky;top:24px}}.quiz-side__hint{margin:0;padding:var(--space-5, 1.25rem);background:var(--surface-card, #fff);border:var(--border-width, 1px) solid var(--border-hairline, #e4ddd2);border-radius:var(--radius-xl, 18px);box-shadow:var(--shadow-md);color:var(--text-muted, #6b6b6b);font-size:var(--t-body-s, .9rem);line-height:1.5}.quiz-nav{display:flex;gap:10px}.quiz-nav .sv-btn{flex:1}.exam-q{max-width:720px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:18px}.exam-timer{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono, monospace);font-weight:700;color:var(--text-strong, #111);white-space:nowrap}.exam-timer--low{color:var(--wrong, #cc1f2d)}.exam-result{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:var(--space-6, 1.5rem);border-radius:var(--radius-xl, 18px);border:1px solid var(--border-hairline, #e4ddd2)}.exam-result--ok{background:var(--correct-soft, #e6f4ea);border-color:var(--correct-line, #7bc98e)}.exam-result--no{background:var(--wrong-soft, #fbe9ea);border-color:var(--wrong-line, #e3a3a8)}.exam-result__icon{color:var(--text-strong, #111)}.exam-result--ok .exam-result__icon{color:var(--correct, #1f8a3b)}.exam-result--no .exam-result__icon{color:var(--wrong, #cc1f2d)}.exam-result__title{margin:0;font-family:var(--font-display, inherit);font-size:var(--t-title-l, 1.5rem)}.exam-result__stats{margin:0;font-family:var(--font-mono, monospace);color:var(--text-muted, #6b6b6b);font-size:var(--t-body-s, .9rem)}.exam-review{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.exam-review__q{margin:0 0 var(--space-2, .5rem);font-weight:var(--w-semibold, 600)}.exam-extra-note{margin:0;font-size:13px;color:var(--amber-700, #9a6b00);font-weight:var(--w-semibold, 600)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;background:var(--surface-card, #fff);border-top:1px solid var(--border-hairline, #e4ddd2);padding-bottom:env(safe-area-inset-bottom,0)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 4px;text-decoration:none;color:var(--text-subtle, #8a8a8a);font-size:11px}.tabbar__item.is-active{color:var(--action-primary, #2563eb)}@media (min-width: 1024px){.tabbar{display:none}}.app-foot{width:100%;max-width:1180px;margin:var(--space-6, 1.5rem) auto 0;box-sizing:border-box;padding:var(--space-4, 1rem) var(--space-5, 1.25rem);border-top:1px solid var(--border-hairline, #e4ddd2);display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.app-foot a{color:var(--text-muted, #6b6b6b);font-size:var(--t-body-s, .85rem);text-decoration:none}.app-foot a:hover{color:var(--action-primary, #2563eb)}.consent{position:fixed;left:0;right:0;bottom:0;z-index:60;max-width:540px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);background:var(--surface-card, #fff);border:1px solid var(--border-hairline, #e4ddd2);border-radius:var(--radius-lg, 14px) var(--radius-lg, 14px) 0 0;box-shadow:0 -4px 20px #00000014}.consent-text{margin:0;font-size:var(--t-body-s, .85rem);line-height:1.5;color:var(--text-body, #1a1a1a)}.consent-link{color:var(--action-primary, #2563eb)}.consent-btn{align-self:flex-end;padding:var(--space-2, .5rem) var(--space-5, 1.25rem);font-family:var(--font-body, inherit);font-weight:var(--w-semibold, 600);font-size:var(--t-body-m, .95rem);background:var(--action-primary, #2563eb);color:#fff;border:none;border-radius:var(--radius-pill, 999px);cursor:pointer}.legal{font-size:var(--t-body-m, .95rem)}.legal h1{margin:0 0 var(--space-3, .75rem);font-family:var(--font-display, inherit);font-size:var(--t-title-l, 1.5rem)}.legal h2{margin:var(--space-5, 1.25rem) 0 var(--space-2, .5rem);font-family:var(--font-display, inherit);font-size:var(--t-subhead, 1.15rem)}.legal p,.legal li{line-height:1.6}.legal ul{padding-left:1.2rem;display:flex;flex-direction:column;gap:4px}.legal a{color:var(--action-primary, #2563eb)}.legal-back{margin-top:var(--space-6, 1.5rem)}