:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:#162033;background:#f6f8fb;margin:0;font:16px/1.55 Inter,system-ui,sans-serif}button,input{font:inherit}button{color:#fff;cursor:pointer;background:#1769e0;border:0;border-radius:10px;padding:11px 16px;font-weight:700}button:hover{filter:brightness(.96)}button:disabled{opacity:.45;cursor:not-allowed}.ghost{color:#23314a;background:#eef2f8}.brand{color:#18243a;text-align:left;background:0 0;padding:0;font-size:20px}.brand small{letter-spacing:.12em;text-transform:uppercase;color:#72809a;font-size:11px;display:block}header{background:#fff;border-bottom:1px solid #e5eaf2;justify-content:space-between;align-items:center;height:72px;padding:0 max(20px,50vw - 575px);display:flex}main{max-width:1100px;margin:auto;padding:42px 20px}.center{place-items:center;min-height:100vh;display:grid}.login{background:#fff;border:1px solid #e4eaf2;border-radius:18px;width:100%;max-width:440px;padding:42px;box-shadow:0 20px 60px #1f3c6620}.login form{gap:16px;margin-top:28px;display:grid}.login label{gap:6px;font-weight:700;display:grid}.login input,.toolbar input{border:1px solid #cfd8e8;border-radius:9px;padding:12px}.login h1{color:#162033}.login input{color:#162033;caret-color:#162033;background:#fff}.eyebrow{letter-spacing:.13em;color:#1455b5;font-size:12px;font-weight:800}.hero{max-width:650px;margin-bottom:30px}.hero h1,.result h1{margin:8px 0;font-size:44px;line-height:1.08}.hero p{color:#526078;font-size:19px}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card,.resume,.question,.readlist article,.result{background:#fff;border:1px solid #e3e8f1;border-radius:16px;padding:25px}.card h2{margin:0}.card p{color:#5e6c83;min-height:75px}.count{gap:8px;display:grid}.count button{color:#1769e0;text-align:left;background:#f1f5fb}.resume{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.toolbar{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.toolbar h1{margin:4px 0}.toolbar input{width:300px}.readlist{gap:16px;display:grid}.readlist article h2{color:#66748b;font-size:16px}.answer,.feedback{background:#eff6ff;border-radius:10px;margin-top:20px;padding:16px}.feedback.ok{color:#075e31;background:#ecfdf3}.feedback.bad{color:#8c2020;background:#fff5f5}.sessionbar{color:#fff;background:#17243b;border-radius:12px;justify-content:space-between;align-items:center;gap:22px;margin-bottom:12px;padding:13px 18px;display:flex}.sessionbar span{letter-spacing:.1em;font-size:12px;font-weight:700}.expired{color:#ffbd70}.notice{background:#fff6dc;border-radius:10px;padding:12px}.quiz{grid-template-columns:190px 1fr;gap:20px;display:grid}.navigator{background:#fff;border:1px solid #e3e8f1;border-radius:14px;flex-wrap:wrap;gap:7px;height:max-content;padding:12px;display:flex}.navigator button{color:#536177;background:#eef2f8;width:34px;height:34px;padding:0}.navigator .active{color:#fff;background:#1769e0}.navigator .done{outline:2px solid #2fbe78}.question{min-height:550px}.question-text{white-space:pre-line;font-size:18px}.options{gap:10px;display:grid}.options label{cursor:pointer;border:1px solid #dbe3ef;border-radius:10px;align-items:flex-start;gap:13px;padding:14px;display:flex}.options label.selected{background:#f0f6ff;border-color:#1769e0}.options label.correct-option{background:#e8f8ef;border-color:#229451}.options label.correct-option b{color:#fff;background:#229451;border-radius:5px;padding:1px 6px}.options label.correct-option em{color:#176638;margin-left:auto;font-size:13px;font-style:normal;font-weight:800}.options input{margin-top:5px}.options b{color:#1769e0}.actions{justify-content:flex-end;gap:10px;margin-top:25px;display:flex}.modal{background:#0e172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal section{background:#fff;border-radius:16px;max-width:460px;padding:28px}.modal section button{margin:6px}.result{text-align:center;max-width:600px;margin:60px auto}.error{color:#b42318;margin:0}@media (width<=720px){main{padding:25px 14px}.cards{grid-template-columns:1fr}.card p{min-height:0}.quiz{grid-template-columns:1fr}.navigator{order:2}.sessionbar{gap:8px;font-size:13px}.toolbar{display:block}.toolbar input{width:100%;margin-top:10px}.hero h1,.result h1{font-size:35px}.resume{gap:10px;display:grid}.question{padding:18px}.options label{padding:13px}.actions{flex-wrap:wrap;justify-content:space-between}.header-actions{gap:7px}.theme-toggle{padding:8px 10px;font-size:13px}.login-top{align-items:start}}.header-actions,.login-top{align-items:center;gap:10px;display:flex}.login-top{justify-content:space-between}.theme-toggle{color:#173b70;background:#e9f0fb;border:1px solid #c8d8ef;padding:9px 12px}.theme-toggle:hover{background:#dce9fa}[data-theme=light]{color:#162033;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f8fb;min-height:100vh}[data-theme=dark]{color:#e6edf7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101827;min-height:100vh}[data-theme=dark] header{background:#152135;border-color:#2b3a52}.theme-toggle[data-theme=dark],[data-theme=dark] .theme-toggle{color:#f4c96b;background:#263752;border-color:#405574}[data-theme=dark] .theme-toggle:hover{background:#314766}[data-theme=dark] .brand{color:#f1f5fa}[data-theme=dark] .brand small{color:#aebdd2}[data-theme=dark] .ghost{color:#eef4fc;background:#263752}[data-theme=dark] .login,[data-theme=dark] .card,[data-theme=dark] .resume,[data-theme=dark] .question,[data-theme=dark] .readlist article,[data-theme=dark] .result,[data-theme=dark] .navigator{color:#e6edf7;background:#17243a;border-color:#30435e}[data-theme=dark] .login h1,[data-theme=dark] h1,[data-theme=dark] h2{color:#f5f8fc}[data-theme=dark] .login input,[data-theme=dark] .toolbar input{color:#f4f7fb;caret-color:#fff;background:#0f1726;border-color:#4a6080}[data-theme=dark] .hero p,[data-theme=dark] .card p,[data-theme=dark] .readlist article h2{color:#bcc9da}[data-theme=dark] .count button{color:#b9d6ff;background:#223754}[data-theme=dark] .options label{background:#17243a;border-color:#405574}[data-theme=dark] .options label.selected{background:#1d385c;border-color:#69a8ff}[data-theme=dark] .options label.correct-option{color:#e6ffef;background:#164932;border-color:#57d38b}[data-theme=dark] .options label.correct-option b{color:#fff;background:#2aa863}[data-theme=dark] .options label.correct-option em{color:#9cf1bf}[data-theme=dark] .answer,[data-theme=dark] .feedback{color:#e4efff;background:#1b3555}[data-theme=dark] .feedback.ok{color:#c8f5dc;background:#123c2c}[data-theme=dark] .feedback.bad{color:#ffd9df;background:#4b2028}[data-theme=dark] .notice{color:#fff0c7;background:#4d3b14}[data-theme=dark] .navigator button{color:#d8e3f4;background:#263752}[data-theme=dark] .navigator .active{color:#fff;background:#2776e6}[data-theme=dark] .eyebrow{color:#78b3ff}[data-theme=dark] .error{color:#ff9ea9}.readlist,.readlist article,.options,.options label,.options label span,.answer{min-width:0;max-width:100%}.readlist article{overflow-wrap:anywhere;width:100%;margin-inline:auto}.options label span,.answer,.question-text{overflow-wrap:anywhere;word-break:break-word}mark{color:#162033;background:#ffe08a;border-radius:3px;padding:0 2px}[data-theme=dark] mark{color:#fff8dd;background:#856600}@media (width<=720px){body{overflow-x:hidden}.readlist{width:100%;margin-inline:auto}.readlist article{margin-inline:auto;padding:18px}.options label{width:100%}.options label span{flex:1}.options label.correct-option em{flex:none;font-size:12px}}