:root{--font-sans: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bg: #111114;--bg-soft: #18181b;--text: #e4e4e8;--text-muted: #9a9bae;--primary: #4f7cff;--focus: #6bb3ff;--accent: #5ec6ff;--accent-contrast: #00121d;--warning: #ffde59;--warning-contrast: #00121d;--shadow-accent-strong: #0b84d8;--shadow-warning-strong: #ffbd59;--chrome-1: #ffde59;--chrome-2: #9b5cff;--chrome-3: #4facfe;--chrome-4: #ff6ec7;--success: #52d47d;--gray: #bfbfbf;--gray-200: #cfcfcf;--explain-btn-bg: #f2c9ff;--explain-btn-shadow: #c493d9;--explain-btn-text: #40204c;--explain-confirm-bg: #8cfcd7;--explain-confirm-shadow: #41c29a;--explain-confirm-text: #022c1e;--separator: #232328;--footer-separator: #2c2c34;--surface: #1c1c20;--glow-active: rgba(79,124,255,.7);--glow-done: rgba(82,212,125,.6);--sidebar-width: 260px;--mobile-footer-height: 64px;--input-bg: #222228;--input-border: rgba(255,255,255,.12);--input-shadow: 0 4px 0 rgba(0,0,0,.35);--border-soft: rgba(255,255,255,.12);--border-softer: rgba(255,255,255,.08);--shadow-soft: 0 8px 18px rgba(0,0,0,.35);--shadow-soft-light: 0 8px 18px rgba(0,0,0,.1);--overlay-backdrop-strong: rgba(0,0,0,.7);--overlay-backdrop-soft: rgba(0,0,0,.15);--text-shadow-strong: 0 2px 16px rgba(0,0,0,.35);--text-shadow-soft: 0 1px 10px rgba(0,0,0,.25);--filter-drop-soft: drop-shadow(0 2px 10px rgba(0,0,0,.25));--hover-bg-neutral-1: rgba(255,255,255,.06);--hover-bg-neutral-2: rgba(255,255,255,.1);--hover-bg-neutral-3: rgba(255,255,255,.15);--hover-bg-neutral-4: rgba(255,255,255,.2);--hover-bg-neutral-5: rgba(255,255,255,.25);--hover-bg-primary-4: rgba(79,124,255,.2);--shadow-press: 0 2px 0 rgba(0,0,0,.25);--shadow-press-strong: 0 8px 0 rgba(0,0,0,.25);--shadow-modal: 0 20px 60px rgba(0,0,0,.45);--shadow-float: 0 0 18px rgba(0,0,0,.25);--shadow-card-strong: 0 10px 20px rgba(0,0,0,.4);--sheen-highlight: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);--lesson-progress-track-bg: #222228;--lesson-progress-fill-bg: #5ec6ff;--danger: #ff8a80;--ok: #69f0ae;--text-inverse: #ffffff;--black: #000000;--blocked-bg: #d8d8d8;--blocked-text: #6b6b6b;--badge-bg: #2e2e36;--badge-premium-bg: var(--primary);--gray-100: #e2e8f0;--gray-300: #c9ced6;--gray-400: #cbd5e1;--gray-500: #94a3b8;--bg-darker: #0e0e11;--success-vivid: #22c55e;--orange: #ff9f43;--hnl-color: #ffffff}[data-theme=light]{--bg: #f4f5f7;--bg-soft: #ededf0;--text: #2a2a3c;--text-muted: #6b6d82;--separator: #dddde3;--footer-separator: #d0d0da;--surface: #ffffff;--glow-active: rgba(79,124,255,.35);--glow-done: rgba(82,212,125,.3);--border-soft: rgba(0,0,0,.08);--border-softer: rgba(0,0,0,.06);--shadow-soft: var(--shadow-soft-light);--blocked-bg: #e0e0e0;--blocked-text: #6b6b6b;--badge-bg: #dddde3;--text-shadow-strong: 0 2px 16px rgba(0,0,0,.25);--text-shadow-soft: 0 1px 10px rgba(0,0,0,.18);--filter-drop-soft: drop-shadow(0 2px 10px rgba(0,0,0,.18));--hover-bg-neutral-1: rgba(0,0,0,.06);--hover-bg-neutral-2: rgba(0,0,0,.1);--hover-bg-neutral-3: rgba(0,0,0,.15);--hover-bg-neutral-4: rgba(0,0,0,.2);--hover-bg-neutral-5: rgba(0,0,0,.25);--hover-bg-primary-4: rgba(79,124,255,.2);--shadow-press: 0 2px 0 rgba(0,0,0,.25);--shadow-press-strong: 0 8px 0 rgba(0,0,0,.25);--shadow-modal: 0 20px 60px rgba(0,0,0,.45);--shadow-float: 0 0 18px rgba(0,0,0,.25);--shadow-card-strong: 0 10px 20px rgba(0,0,0,.4);--sheen-highlight: linear-gradient(120deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 100%);--lesson-progress-track-bg: #d8d8e0;--lesson-progress-fill-bg: #4f7cff;--explain-btn-bg: #d68be2;--explain-btn-shadow: #a257b3;--explain-btn-text: #2a0d32;--explain-confirm-bg: #3cbf90;--explain-confirm-shadow: #227a5f;--explain-confirm-text: #001813;--gray-100: #e2e8f0;--gray-300: #c9ced6;--gray-400: #cbd5e1;--gray-500: #94a3b8;--bg-darker: #e6e6ea;--success-vivid: #16a34a;--orange: #ea8c2d;--hnl-color: #111114}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-weight:700}.bg-gradient{position:relative}.bg-gradient:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.14;background:linear-gradient(120deg,var(--chrome-4),var(--chrome-3),var(--chrome-1),var(--chrome-2));background-size:400% 400%;animation:bgShift 14s ease infinite}@keyframes bgShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}[data-theme=light] .bg-gradient:before{opacity:.1}.progress-header{position:relative;display:flex;align-items:center;gap:12px;justify-content:center;padding:12px 16px 8px}.back-btn{appearance:none;background:transparent;border:none;padding:6px;margin-right:4px;cursor:pointer;color:var(--gray-200);display:inline-flex;align-items:center;justify-content:center}.back-btn:hover{color:var(--gray)}.back-btn:active{transform:translateY(2px)}.back-btn img{width:26px;height:26px;display:block;opacity:.9}.back-btn:hover img{opacity:1}.progress-container{width:100%;max-width:960px;height:16px;background-color:var(--gray);border-radius:20px;padding:3px;box-shadow:inset 0 2px 4px #00000059,0 3px 6px #00000040}.progress-bar{height:100%;width:0%;background-color:var(--warning);border-radius:16px;position:relative;overflow:hidden;transition:width .25s ease}.progress-bar:after{content:"";position:absolute;top:2px;left:6px;right:6px;height:6px;background-color:color-mix(in oklab,var(--warning),white 35%);border-radius:10px;opacity:.9}.container{width:100%;max-width:960px;margin:0 auto;padding:24px 16px 100px}.h1{font-size:clamp(20px,5.5vw,32px);margin:16px 0}.lead{font-size:clamp(16px,4.2vw,20px);color:var(--text-muted)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0 24px;width:100%}@media(max-width:768px){.options-grid{grid-template-columns:1fr;width:100%}}.options-wrap{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 280px);width:100%}.step-panel{opacity:0;transform:translateY(6px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .25s ease,transform .25s ease,max-height .25s ease}.step-panel.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;max-height:2000px}.step-panel.is-exiting{opacity:0;transform:translateY(-6px);pointer-events:none;max-height:0}.final-wrap{min-height:calc(100vh - 260px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}.typewrite{word-break:keep-all;overflow-wrap:normal}.type-word{display:inline-block;white-space:nowrap}.type-char{opacity:0;display:inline-block;animation:typeFade .2s ease forwards}@keyframes typeFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.fixed-footer{position:fixed;left:0;right:0;bottom:0;background:var(--bg);border-top:3px solid var(--footer-separator);padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:16px;z-index:50}.is-hidden{display:none!important}@media(min-width:1024px){.options-grid .option-button{font-size:18px;padding:12px 28px;border-radius:16px;box-shadow:0 6px 0 var(--gray)}}@keyframes chromeMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.theme-icon{fill:var(--text);stroke:var(--text)}[data-theme=light] .theme-icon{fill:var(--text-muted);stroke:var(--text-muted)}