@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo2-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:600 800;font-display:swap;src:url(/fonts/baloo2-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic-ext.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-cyrillic.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#fff6e6;--color-surface:#fff;--color-text:#2b2350;--color-text-2:#5a527a;--color-muted:#6b6390;--color-disabled:#8a82a8;--color-line:#f3e6cc;--color-soft:#f6f1e6;--color-track:#e9e4f5;--color-placeholder:#c9bfe6;--blue:#2f6bff;--blue-shadow:#1d4fd8;--blue-tint:#e3ecff;--blue-edge:#b8ccfa;--coral:#ff6b57;--coral-shadow:#d9483a;--coral-tint:#ffe7e2;--coral-edge:#ffc6bc;--green:#2fbf71;--green-shadow:#1e8a52;--green-tint:#dff7ea;--green-edge:#a9e5c4;--orange:#ff9f1c;--orange-shadow:#d97f00;--orange-tint:#fff1d0;--orange-edge:#f5d59a;--purple:#7c4dff;--purple-shadow:#5b2fd6;--purple-tint:#f1ecff;--purple-edge:#d2c4ff;--cyan:#14b8db;--cyan-shadow:#0e8ca8;--cyan-tint:#e0f6fb;--cyan-edge:#a6e3f0;--yellow:#ffc83d;--yellow-shadow:#e0a615;--yellow-tint:#fff1d6;--hero-bg:#cdeb8b;--hero-shadow:#a6cc5c;--hero-circle:#ddf3ae;--hero-kicker:#4e6e12;--hero-text:#3d4f14;--brand:#ff7a3d;--color-primary:var(--blue);--color-primary-shadow:var(--blue-shadow);--color-primary-ink:#fff;--color-primary-soft:var(--blue-tint);--color-accent:var(--orange);--color-success:var(--green-shadow);--color-danger:var(--coral-shadow);--color-focus:var(--yellow);--font-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display:"Baloo 2", "Nunito", "Segoe UI", system-ui, sans-serif;--text-base:17px;--text-lg:22px;--text-xl:26px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius:16px;--radius-lg:28px;--radius-xl:32px;--radius-pill:999px;--tap-min:48px;--lift:0 6px 0;--lift-sm:0 4px 0;--shadow:0 6px 0 var(--color-line)}:root[data-age-band=young]{--text-base:20px;--text-lg:26px;--text-xl:32px;--text-2xl:40px;--tap-min:64px;--radius:20px;--radius-lg:30px}*,:before,:after{box-sizing:border-box}html{font-size:var(--text-base)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3);text-wrap:balance;letter-spacing:-.2px;font-weight:800;line-height:1.15}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}a{color:var(--color-primary)}:focus-visible{outline:4px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius)}.button,.pad-key,.choice{transition:transform 80ms,box-shadow 80ms}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.app-shell{grid-template-rows:auto 1fr;min-height:100vh;display:grid}.app-header{z-index:10;background:var(--color-surface);border-bottom:3px solid var(--color-line);position:sticky;top:0}.app-header__inner{width:min(1160px,100%);padding:var(--space-3) 20px;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font-family:var(--font-display);letter-spacing:-.5px;color:var(--brand);font-size:26px;font-weight:800;text-decoration:none;display:inline-flex}.app-nav{flex-wrap:wrap;gap:6px;margin-inline-end:auto;display:flex}.app-nav a{border-radius:var(--radius-pill);min-height:40px;color:var(--color-text-2);align-items:center;padding:8px 16px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.app-nav a:hover{background:var(--yellow-tint)}.app-nav a[aria-current=page]{background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--lift-sm) var(--color-primary-shadow)}.app-main{width:min(1160px,100%);margin:0 auto;padding:28px 20px 64px}.panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6)}.panel+.panel{margin-top:var(--space-6)}.button{min-height:var(--tap-min);padding:0 var(--space-6);border-radius:var(--radius);background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--lift-sm) var(--color-primary-shadow);font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}.button:active:not(:disabled){box-shadow:0 1px 0 var(--color-primary-shadow);transform:translateY(3px)}.button.secondary{background:var(--color-soft);color:var(--color-text-2);box-shadow:var(--lift-sm) #e3d9c6}.button.secondary:active:not(:disabled){box-shadow:0 1px #e3d9c6}.select{min-height:var(--tap-min);padding:0 var(--space-3);border:2px solid var(--color-line);background:var(--color-surface);font:inherit;border-radius:12px;font-weight:700}.status{color:var(--color-muted);font-weight:700}.pill{border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-shadow);padding:2px 10px;font-size:.8em;font-weight:800;display:inline-block}.pill.ok{background:var(--green-tint);color:var(--green-shadow)}.pill.bad{background:var(--coral-tint);color:var(--coral-shadow)}.dl{gap:var(--space-2) var(--space-6);grid-template-columns:max-content 1fr;margin:0;display:grid}.dl dt{color:var(--color-muted);font-weight:700}.dl dd{margin:0}@media (width<=600px){.app-main{padding:var(--space-6) var(--space-4) var(--space-8)}.dl{grid-template-columns:1fr}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topic-grid{margin:var(--space-4) 0 0;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:0;list-style:none;display:grid}.topic-card{gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.topic-card h3{font-size:var(--text-lg);margin:0}.topic-card .button{align-self:flex-start;margin-top:auto}.back-link{min-height:var(--tap-min);align-items:center;font-weight:700;display:inline-flex}.exercise-form{justify-items:center;gap:var(--space-4);display:grid}.instructions{font-size:var(--text-lg);text-align:center;margin:var(--space-4) 0 0;font-weight:700}.question{font-family:var(--font-display);font-size:calc(var(--text-2xl) * 1.6);margin:var(--space-4) 0 0;font-variant-numeric:tabular-nums;font-weight:800}.answer-input{width:min(260px,100%);min-height:calc(var(--tap-min) * 1.3);text-align:center;font:inherit;font-size:var(--text-2xl);border:3px solid var(--color-line);border-radius:var(--radius);font-variant-numeric:tabular-nums;font-weight:800}.number-pad{grid-template-columns:repeat(3, var(--tap-min));gap:var(--space-2);justify-content:center;display:grid}.pad-key{min-height:var(--tap-min);border-radius:var(--radius);background:var(--color-primary-soft);color:var(--color-primary);font:inherit;font-size:var(--text-lg);cursor:pointer;border:0;font-weight:800}.pad-key:disabled,.button:disabled{background:var(--color-track);color:var(--color-disabled);box-shadow:none;cursor:not-allowed}.pad-key-muted{background:var(--color-line);color:var(--color-text)}.number-pad .pad-key:last-child{grid-area:4/2}.number-pad .pad-key-muted{grid-area:4/3}.feedback{min-height:calc(var(--text-lg) * 2);text-align:center;font-size:var(--text-lg);font-weight:700}.feedback p{margin:0}.feedback-correct{color:var(--color-success)}.feedback-wrong{color:var(--color-text)}.feedback-exhausted{color:var(--color-danger)}.stat-tiles{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;display:grid}.stat-tile{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-primary-soft)}.stat-tile dt{color:var(--color-muted);font-size:.85em;font-weight:700}.stat-tile dd{font-size:var(--text-xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.card-title{font-size:var(--text-lg);margin:0}.card-actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.topic-card .card-actions .button{margin-top:0}.exercise-actions,.choice-grid{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.choice{align-items:center;gap:var(--space-2);min-width:var(--tap-min);min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:3px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-lg);cursor:pointer;flex-direction:column;font-weight:700;display:inline-flex}.choice[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-text)}.choice:disabled{opacity:.45;cursor:not-allowed}.choice img{max-width:140px;max-height:140px}.pair-badge{color:var(--color-muted);font-size:.85em}.pairing{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,100%);display:grid}.pairing-column{align-content:start;gap:var(--space-2);display:grid}.pairing-help{text-align:center;grid-column:1/-1}.ordering-list{gap:var(--space-2);width:min(440px,100%);margin:0;padding:0;list-style:none;display:grid}.ordering-item{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);font-size:var(--text-lg);font-weight:700;display:flex}.ordering-item span{flex:1}.ordering-item .pad-key{min-width:var(--tap-min)}.question-blanks{text-align:center}.blank-input{width:4ch;min-height:var(--tap-min);margin:0 var(--space-1);border:3px solid var(--color-line);border-radius:var(--radius);font:inherit;text-align:center}.hint-list{padding:var(--space-3) var(--space-3) var(--space-3) var(--space-8);border-radius:var(--radius);font-size:var(--text-lg);background:#fff6e0;margin:0}.explanation{color:var(--color-text);margin-top:var(--space-2)!important}.resume-banner{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-primary-soft);flex-wrap:wrap;font-weight:700;display:flex}.resume-banner p{margin:0}.lesson-progress{height:12px;margin:var(--space-4) 0;background:var(--color-line);border-radius:999px;overflow:hidden}.lesson-progress span{background:var(--color-success);height:100%;display:block}.lesson-step h2:focus:not(:focus-visible){outline:none}.lesson-block{justify-items:start;gap:var(--space-3);font-size:var(--text-lg);margin:0;line-height:1.5;display:grid}.lesson-block p,.lesson-block h3{margin:0}.lesson-example,.lesson-summary{padding:var(--space-4);border-left:6px solid var(--color-accent);border-radius:var(--radius);background:#fff8ec}.lesson-summary{border-left-color:var(--color-success);background:#eef8f2}.lesson-media img,.lesson-media video{border-radius:var(--radius);max-width:100%}.practice-block{gap:var(--space-3);display:grid}.lesson-nav{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.lesson-complete{text-align:center;font-size:var(--text-lg)}.field{gap:var(--space-1);margin-bottom:var(--space-3);display:grid}.field label{font-weight:700}.field .select{width:100%}.input{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-3);border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit}textarea.input{min-height:calc(var(--tap-min) * 2);resize:vertical}.input:focus,.select:focus{border-color:var(--color-primary)}.field-note{color:var(--color-muted);font-size:.9em}.form-grid{gap:0 var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.checkbox{align-items:center;gap:var(--space-2);min-height:var(--tap-min);font-weight:700;display:flex}.checkbox input{width:1.4em;height:1.4em;accent-color:var(--color-primary)}.editor-section{margin:var(--space-6) 0 0;padding:var(--space-4);border:2px solid var(--color-line);border-radius:var(--radius-lg)}.editor-section>legend{padding:0 var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:800}.editor-section h2,.editor-section h3{font-size:var(--text-lg)}.nested{margin:var(--space-3) 0;padding:var(--space-3);border:1px dashed var(--color-line);border-radius:var(--radius)}.nested>legend{padding:0 var(--space-2);font-weight:800}.tabs{gap:var(--space-1);border-bottom:2px solid var(--color-line);flex-wrap:wrap;display:flex}.language-tabs{z-index:1;gap:var(--space-1);margin-top:var(--space-4);border-bottom:2px solid var(--color-line);background:var(--color-surface);flex-wrap:wrap;display:flex;position:sticky;top:0}.language-tabs [role=tab],.tabs [role=tab]{min-height:var(--tap-min);padding:0 var(--space-3);color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:4px solid #0000;font-weight:700}.language-tabs [role=tab][aria-selected=true],.tabs [role=tab][aria-selected=true]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.inline-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.lesson-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.block-list,.option-list,.definition-list,.sample-list{gap:var(--space-3);margin:0 0 var(--space-4);padding:0;list-style:none;display:grid}.block-item,.option-row,.definition-item,.sample{padding:var(--space-3) var(--space-4);border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface)}.option-row+.option-row{margin-top:var(--space-3)}.block-summary{gap:var(--space-1);display:grid}.block-summary span{color:var(--color-muted);overflow-wrap:anywhere}.block-editor{gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius);background:var(--color-primary-soft);display:grid}.block-editor h3{font-size:var(--text-lg);margin:0}.definition-item{align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.definition-question{font-variant-numeric:tabular-nums;font-weight:800}.table-scroll{margin:var(--space-3) 0;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;margin:var(--space-3) 0}.data-table th,.data-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-line);text-align:start}.data-table th+th,.data-table td+td{font-variant-numeric:tabular-nums;width:7rem}.variants{border-collapse:collapse;min-width:100%}.variants caption{text-align:start;font-weight:800}.variants th,.variants td{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-line);text-align:start}.variants .input{min-width:8ch}.sample h3{color:var(--color-muted);margin:0;font-size:1em}.sample-question{font-family:var(--font-display);font-size:var(--text-xl);font-variant-numeric:tabular-nums;margin:0;font-weight:800}.notice,.form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--green-tint);color:var(--color-success);margin:0;font-weight:700}.form-error{background:var(--coral-tint);color:var(--color-danger)}.builder-feedback{bottom:var(--space-4);gap:var(--space-2);margin-top:var(--space-4);display:grid;position:sticky}.builder-feedback:empty{display:none}.child-week{gap:var(--space-4);flex-direction:column;font-weight:400}.child-week h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}.dl-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.profile-list{gap:var(--space-2) var(--space-6);margin:0 0 var(--space-3);flex-wrap:wrap;padding:0;font-weight:700;list-style:none;display:flex}.toasts{right:var(--space-4);bottom:var(--space-4);z-index:50;gap:var(--space-2);width:min(24rem, calc(100vw - 2 * var(--space-4)));pointer-events:none;display:grid;position:fixed}.toast{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);border-left:6px solid var(--color-success);pointer-events:auto;background:#fff;align-items:flex-start;display:flex;box-shadow:0 6px 24px #00000029}.toast p{margin:var(--space-1) 0 0}.toast-assignment-created{border-left-color:var(--color-muted)}.toast-close{cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:1.4em;line-height:1}.dialog-backdrop{z-index:10;padding:var(--space-3);background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.dialog{width:min(48rem,100%);max-height:90vh;padding:var(--space-4);border-radius:var(--radius-2);background:var(--color-surface);overflow:auto;box-shadow:0 10px 40px #00000040}.dialog-header{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.dialog-header h2{margin:0}.icon-button{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--color-text);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1}.link-button{color:var(--color-primary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.skill-groups{gap:var(--space-6);margin-top:var(--space-4);display:grid}.section-tabs{gap:var(--space-1);margin-top:var(--space-4);border-bottom:2px solid var(--color-line);flex-wrap:wrap;display:flex}.section-tabs a{align-items:center;gap:var(--space-2);min-height:var(--tap-min);padding:0 var(--space-3);color:var(--color-text);border-bottom:4px solid #0000;font-weight:700;text-decoration:none;display:inline-flex}.section-tabs a:hover{background:var(--color-soft)}.section-tabs a[aria-current=page]{border-bottom-color:var(--color-primary);color:var(--color-primary)}.section-tabs__count{min-width:26px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-soft);color:var(--color-muted);text-align:center;font-size:.8em}.section-tabs a[aria-current=page] .section-tabs__count{background:var(--color-primary-soft);color:var(--color-primary)}.checklist{gap:var(--space-3);margin:var(--space-4) 0 0;counter-reset:none;padding:0;list-style:none;display:grid}.checklist-step{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4);border:2px solid var(--color-line);border-radius:var(--radius);background:var(--color-surface);flex-wrap:wrap;display:flex}.checklist-step[data-done=true]{border-color:var(--green-edge);background:var(--green-tint)}.checklist-step__mark{border-radius:var(--radius-pill);background:var(--color-track);width:40px;height:40px;color:var(--color-text-2);font-family:var(--font-display);font-size:var(--text-lg);flex:none;place-items:center;display:grid}.checklist-step[data-done=true] .checklist-step__mark{background:var(--green);color:#fff}.checklist-step__body{gap:var(--space-1);flex:260px;display:grid}.checklist-step__name{align-items:center;gap:var(--space-2);font-size:var(--text-lg);flex-wrap:wrap;margin:0;display:flex}.checklist-step .button{flex:none}:root,[data-accent]{--accent:var(--blue);--accent-shadow:var(--blue-shadow);--accent-tint:var(--blue-tint);--accent-edge:var(--blue-edge)}[data-accent=coral]{--accent:var(--coral);--accent-shadow:var(--coral-shadow);--accent-tint:var(--coral-tint);--accent-edge:var(--coral-edge)}[data-accent=green]{--accent:var(--green);--accent-shadow:var(--green-shadow);--accent-tint:var(--green-tint);--accent-edge:var(--green-edge)}[data-accent=orange]{--accent:var(--orange);--accent-shadow:var(--orange-shadow);--accent-tint:var(--orange-tint);--accent-edge:var(--orange-edge)}[data-accent=purple]{--accent:var(--purple);--accent-shadow:var(--purple-shadow);--accent-tint:var(--purple-tint);--accent-edge:var(--purple-edge)}[data-accent=cyan]{--accent:var(--cyan);--accent-shadow:var(--cyan-shadow);--accent-tint:var(--cyan-tint);--accent-edge:var(--cyan-edge)}.okti-mascot{flex-shrink:0;display:block}.okti-kicker{letter-spacing:.8px;text-transform:uppercase;color:var(--accent-shadow,var(--blue-shadow));margin:0;font-size:13px;font-weight:800}.okti-chips{align-items:center;gap:10px;display:flex}.okti-chip{border-radius:var(--radius-pill);background:var(--yellow-tint);white-space:nowrap;align-items:center;gap:6px;padding:6px 12px 6px 6px;font-size:15px;font-weight:800;display:inline-flex}.okti-chip__dot{background:var(--yellow);border-radius:50%;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.okti-chip--streak{background:var(--coral-tint)}.okti-chip--streak .okti-chip__dot{background:var(--coral);color:#fff;font-size:13px}.header-action{min-height:40px;color:var(--color-text-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:12px;padding:8px 14px;font-size:15px;font-weight:800}.header-action:hover{color:var(--purple);background:#f4eeff}.okti-learn{flex-direction:column;gap:28px;display:flex}.okti-section{flex-direction:column;gap:14px;display:flex}.okti-section>h2{margin:0;font-size:32px}.okti-hero{border-radius:var(--radius-xl);background:var(--hero-bg);box-shadow:0 8px 0 var(--hero-shadow);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:28px;padding:32px 36px;display:grid;position:relative;overflow:hidden}.okti-hero:before,.okti-hero:after{content:"";background:var(--hero-circle);border-radius:50%;position:absolute}.okti-hero:before{width:220px;height:220px;top:-60px;right:-60px}.okti-hero:after{width:140px;height:140px;bottom:-70px;left:38%}.okti-hero__left{z-index:1;align-items:center;gap:22px;display:flex;position:relative}.okti-hero__kicker{letter-spacing:1px;text-transform:uppercase;color:var(--hero-kicker);margin:0;font-size:16px;font-weight:800}.okti-hero__title{color:var(--color-text);margin:8px 0 10px;font-size:52px;line-height:1.1}.okti-hero__text{color:var(--hero-text);text-wrap:pretty;margin:0;font-size:19px;font-weight:700}.okti-rewards{z-index:1;background:var(--color-surface);border-radius:24px;flex-direction:column;gap:14px;padding:20px;display:flex;position:relative}.okti-rewards__top{align-items:center;gap:14px;display:flex}.okti-level{background:var(--purple);width:64px;height:64px;box-shadow:var(--lift-sm) var(--purple-shadow);color:#fff;text-align:center;border-radius:50%;flex-shrink:0;place-items:center;margin:0;line-height:1;display:grid}.okti-level__label,.okti-level__value{display:block}.okti-level__label{text-transform:uppercase;font-size:11px;font-weight:800}.okti-level__value{font-family:var(--font-display);font-size:28px;font-weight:800}.okti-xp{flex:1;min-width:0}.okti-xp__row{justify-content:space-between;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.okti-xp__max{color:var(--color-disabled)}.okti-xp__track{border-radius:var(--radius-pill);background:var(--purple-tint);height:16px;margin-top:6px;overflow:hidden}.okti-xp__fill{border-radius:var(--radius-pill);background:var(--purple);height:100%;display:block}.okti-xp__note{color:var(--color-muted);margin:6px 0 0;font-size:14px;font-weight:700}.okti-stats{gap:10px;margin:0;display:flex}.okti-stat{background:var(--coral-tint);border-radius:16px;flex:1;padding:10px 14px}.okti-stat--badges{background:var(--orange-tint)}.okti-stat dt{text-transform:uppercase;color:#c2412f;font-size:13px;font-weight:800}.okti-stat--badges dt{color:#b86a00}.okti-stat dd{font-family:var(--font-display);margin:0;font-size:24px;font-weight:800;line-height:1.1}.okti-badges{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.okti-badge{border-radius:var(--radius-pill);background:var(--yellow-tint);align-items:center;gap:6px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.okti-badge-slots{gap:12px;display:flex}.okti-badge-slot{border:3px dashed var(--yellow);background:#fff8e5;border-radius:50%;width:44px;height:44px}.okti-badge-slot:nth-child(2){background:#fff0f3;border-color:#ff9db0}.okti-badge-slot:nth-child(3){background:#eefaf3;border-color:#8fd9b0}.okti-badge-slot:nth-child(4){background:#f5f1ff;border-color:#b9a3ff}.okti-next__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.okti-continue{border:3px solid var(--accent-edge);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--lift) var(--accent-edge);flex-wrap:wrap;align-items:center;gap:18px;padding:22px;display:flex}.okti-continue__tile{background:var(--accent);width:84px;height:84px;box-shadow:0 5px 0 var(--accent-shadow);color:#fff;font-family:var(--font-display);border-radius:22px;flex-shrink:0;place-items:center;font-size:34px;font-weight:800;display:grid}.okti-continue__body{flex-direction:column;flex:1;gap:6px;min-width:160px;display:flex}.okti-continue__title{margin:0;font-size:24px;line-height:1.1}.okti-continue__reasons{color:var(--color-muted);margin:0;padding:0;font-size:14px;font-weight:700;list-style:none}.button,.okti-go,.okti-back{text-decoration:none}.okti-go{background:var(--accent);box-shadow:var(--lift-sm) var(--accent-shadow);color:#fff;border-radius:16px;flex-shrink:0;padding:12px 18px;font-size:16px;font-weight:800;text-decoration:none}.okti-go:active{box-shadow:0 1px 0 var(--accent-shadow);transform:translateY(3px)}.okti-row{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:20px;display:grid}.okti-col{flex-direction:column;gap:20px;display:flex}.okti-card{border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;gap:14px;padding:24px;display:flex}.okti-card>h2{margin:0;font-size:26px}.okti-card>p{margin:0}.okti-mastery__group{flex-direction:column;gap:12px;display:flex}.okti-mastery__group+.okti-mastery__group{margin-top:4px}.okti-skills{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.okti-skill{flex-direction:column;gap:6px;display:flex}.okti-skill__row{justify-content:space-between;gap:8px;font-size:16px;font-weight:700;display:flex}.okti-skill__pill{border-radius:var(--radius-pill);background:var(--green-tint);color:var(--green-shadow);white-space:nowrap;flex-shrink:0;padding:2px 10px;font-size:13px;font-weight:800}.okti-skill__pill--none{color:var(--color-disabled);background:#f3f0fa}.okti-segments{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.okti-segments span{border-radius:var(--radius-pill);background:var(--color-track);height:10px}.okti-segments span[data-filled=true]{background:var(--green)}.okti-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;display:grid}.okti-tile-stat{background:var(--accent-tint);border-radius:16px;padding:10px 14px}.okti-tile-stat dt{text-transform:uppercase;color:var(--accent-shadow);font-size:13px;font-weight:800}.okti-tile-stat dd{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:24px;font-weight:800;line-height:1.1}.okti-allgood{background:var(--green-tint);color:#1e5e3a;border-radius:18px;align-items:center;gap:12px;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.okti-allgood__check{background:var(--green);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:18px;font-weight:800;display:grid}.okti-dues{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.okti-due{background:var(--color-soft);border-radius:18px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;font-weight:700;display:flex}.okti-due__title{flex:1;min-width:0}.okti-panel{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:20px;padding:28px;display:flex}.okti-panel__head h1,.okti-panel__head h2{margin:0;font-size:36px;line-height:1}.okti-panel__head .okti-kicker{margin:0;font-size:13px}.okti-panel__head p{color:var(--color-muted);margin:6px 0 0;font-size:17px;font-weight:700}.skill-group{flex-direction:column;gap:14px;display:flex}.skill-group+.skill-group{margin-top:0}.skill-group>h2{margin:0;font-size:22px}.topic-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.topic-card{background:var(--accent-tint);border:0;border-radius:24px;flex-direction:column;gap:12px;padding:18px;display:flex}.topic-card__glyph{font-family:var(--font-display);color:var(--accent-shadow);overflow-wrap:anywhere;margin:0;font-size:56px;font-weight:800;line-height:.9}.topic-card h2,.topic-card h3,.topic-card .card-title{font-size:18px;font-family:var(--font-body);margin:0;font-weight:800}.topic-card .status{margin:0;font-size:14px}.topic-card .card-actions{gap:8px;margin-top:auto;display:flex}.topic-card .card-actions .button,.topic-card .button{background:var(--accent);min-height:0;box-shadow:var(--lift-sm) var(--accent-shadow);color:#fff;text-align:center;border-radius:14px;flex:1;margin-top:0;padding:10px;font-size:16px}.topic-card .button:active:not(:disabled){box-shadow:0 1px 0 var(--accent-shadow)}.topic-card .button.secondary{background:var(--color-surface);box-shadow:var(--lift-sm) var(--accent-edge);color:var(--accent-shadow)}.topic-card .button.secondary:active:not(:disabled){box-shadow:0 1px 0 var(--accent-edge)}.okti-screen{flex-direction:column;gap:20px;width:min(820px,100%);margin:0 auto;display:flex}.okti-exercise{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:0 8px 0 var(--color-line);flex-direction:column;gap:22px;padding:24px 28px 28px;display:flex}.okti-topbar{align-items:center;gap:14px;display:flex}.okti-back{background:var(--color-soft);width:44px;height:44px;color:var(--color-text);border-radius:14px;flex-shrink:0;place-items:center;font-size:22px;font-weight:800;text-decoration:none;display:grid}.okti-back:hover{background:#ffe7b0}.okti-topbar__text{flex:1;min-width:0}.okti-topbar__text h1{margin:0;font-size:28px;line-height:1.1}.okti-dots{flex-shrink:0;gap:6px;display:flex}.okti-dots span{border-radius:var(--radius-pill);background:var(--color-track);width:14px;height:14px}.okti-dots span[data-state=done]{background:var(--green)}.okti-dots span[data-state=current]{background:var(--yellow);width:32px}.okti-stepbar{background:var(--color-soft);border-radius:18px;align-items:center;gap:12px;padding:10px 14px;display:flex}.okti-stepbar h2{font-family:var(--font-body);white-space:nowrap;margin:0;font-size:15px;font-weight:800}.okti-stepbar__track{flex:1;grid-auto-columns:1fr;grid-auto-flow:column;gap:6px;display:grid}.okti-stepbar__track span{border-radius:var(--radius-pill);background:var(--color-track);height:12px}.okti-stepbar__track span[data-state=done]{background:var(--green)}.okti-stepbar__track span[data-state=current]{background:var(--yellow)}.exercise-form{flex-direction:column;align-items:stretch;gap:22px;display:flex}.instructions{text-align:center;margin:0;font-size:20px;font-weight:800}.okti-equation{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.okti-tile{background:var(--blue);min-width:96px;height:110px;box-shadow:var(--lift) var(--blue-shadow);color:#fff;font-family:var(--font-display);border-radius:26px;place-items:center;padding:0 14px;font-size:72px;font-weight:800;line-height:1;display:grid}.okti-tile--b{background:var(--coral);box-shadow:var(--lift) var(--coral-shadow)}.okti-op{background:var(--yellow);width:56px;height:56px;font-family:var(--font-display);border-radius:50%;place-items:center;font-size:40px;font-weight:800;line-height:1;display:grid}.okti-equals{font-family:var(--font-display);font-size:56px;font-weight:800}.question{font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:40px;font-weight:800;line-height:1.1}.question-blanks{font-size:32px}.answer-input{border:4px dashed var(--color-placeholder);background:var(--color-surface);width:min(320px,100%);min-width:110px;height:110px;min-height:0;color:var(--color-text);font-family:var(--font-display);text-align:center;font-variant-numeric:tabular-nums;border-radius:26px;padding:0 14px;font-size:48px;font-weight:800}.answer-input--number{width:160px;font-size:72px}.answer-input::placeholder{color:var(--color-placeholder)}.answer-input:focus{border-color:var(--blue);outline:none}.answer-input[data-state=correct]{border-color:var(--green);background:var(--green-tint)}.answer-input[data-state=wrong]{border-color:var(--orange);background:var(--orange-tint)}.answer-input:disabled{opacity:1}.okti-feedback{background:var(--green-tint);border-radius:20px;align-items:center;gap:14px;padding:14px 18px;display:flex}.okti-feedback--wrong{background:var(--orange-tint)}.okti-feedback__text{flex:1;min-width:0}.feedback{text-align:start;min-height:0}.feedback p{margin:0;font-weight:700}.feedback-correct{font-family:var(--font-display);color:#1e6e43;font-size:24px;font-weight:800;line-height:1.1}.feedback-wrong,.feedback-exhausted{font-family:var(--font-display);color:#8a5300;font-size:24px;font-weight:800;line-height:1.1}.feedback .explanation,.feedback .status{font-family:var(--font-body);font-size:16px;font-weight:700}.number-pad{grid-template-columns:repeat(3,76px);justify-content:center;gap:12px;display:grid}.pad-key{background:var(--blue-tint);min-height:64px;box-shadow:0 5px 0 var(--blue-edge);color:var(--blue-shadow);font-family:var(--font-display);cursor:pointer;border:0;border-radius:20px;font-size:30px;font-weight:800}.pad-key:active:not(:disabled){box-shadow:0 1px 0 var(--blue-edge);transform:translateY(4px)}.pad-key-muted{background:var(--coral-tint);box-shadow:0 5px 0 var(--coral-edge);color:var(--coral-shadow)}.pad-key-muted:active:not(:disabled){box-shadow:0 1px 0 var(--coral-edge)}.pad-key:disabled{background:var(--color-track);box-shadow:none;color:var(--color-disabled)}.exercise-actions,.okti-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.exercise-actions .button{background:var(--green);min-height:0;box-shadow:var(--lift) var(--green-shadow);color:#fff;border-radius:20px;padding:16px 44px;font-size:20px}.exercise-actions .button:active:not(:disabled){box-shadow:0 2px 0 var(--green-shadow);transform:translateY(4px)}.exercise-actions .button:disabled{background:var(--color-track);color:var(--color-disabled);box-shadow:none}.exercise-actions .button.secondary{background:var(--color-soft);box-shadow:none;color:var(--color-text-2);border-radius:18px;padding:14px 22px;font-size:17px}.exercise-actions .button.next{background:var(--blue);box-shadow:var(--lift) var(--blue-shadow);color:#fff}.exercise-actions .button.next:active:not(:disabled){box-shadow:0 2px 0 var(--blue-shadow)}.hint-list{background:var(--yellow-tint);border-radius:20px;margin:0;padding:14px 18px 14px 40px;font-size:17px;font-weight:700}.choice-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.choice{align-items:center;gap:var(--space-2);border:3px solid var(--blue-tint);background:var(--color-surface);min-width:96px;min-height:64px;box-shadow:0 5px 0 var(--blue-tint);color:var(--color-text);font-family:var(--font-display);cursor:pointer;border-radius:20px;flex-direction:column;padding:14px 20px;font-size:26px;font-weight:800;display:inline-flex}.choice[aria-pressed=true]{border-color:var(--blue);background:var(--blue-tint);box-shadow:0 5px 0 var(--blue-edge)}.choice:active:not(:disabled){box-shadow:0 1px 0 var(--blue-tint);transform:translateY(4px)}.choice:disabled{cursor:not-allowed;opacity:.55}.ordering-item{border:3px solid var(--blue-tint);border-radius:20px}.blank-input{border:3px dashed var(--color-placeholder);min-height:56px;font-family:var(--font-display);border-radius:16px;font-weight:800}.lesson-step{flex-direction:column;gap:18px;display:flex}.lesson-progress{border-radius:var(--radius-pill);background:var(--color-track);height:12px;margin:0}.lesson-progress span{border-radius:var(--radius-pill);background:var(--green)}.lesson-block{gap:var(--space-3);font-size:19px}.lesson-example,.lesson-summary{background:var(--yellow-tint);border-left:0;border-radius:20px;width:100%;padding:18px 22px}.lesson-summary{background:var(--green-tint)}.lesson-block h3{font-size:22px}.resume-banner{background:var(--blue-tint);border-radius:20px;margin:0;padding:14px 18px}.lesson-nav{justify-content:space-between;margin-top:0}.lesson-nav .button{border-radius:20px;min-height:0;padding:16px 32px;font-size:18px}.practice-block{flex-direction:column;gap:18px;display:flex}.okti-practice__head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.okti-practice__head h3,.okti-practice__head p{margin:0}.okti-practice__head .okti-dots{margin-inline-start:auto}.okti-notice{background:var(--yellow-tint);border-radius:20px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.okti-notice h2{margin:0;font-size:26px}.okti-notice p{margin:0}.lesson-complete{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.lesson-complete .feedback-correct{font-size:28px}@media (width<=760px){.okti-hero{grid-template-columns:minmax(0,1fr);padding:24px}.okti-hero__title{font-size:40px}.okti-hero__left{flex-direction:column;align-items:flex-start;gap:14px}.okti-panel,.okti-exercise{padding:20px}.okti-panel__head h1,.okti-panel__head h2{font-size:28px}.okti-continue{flex-wrap:wrap}.okti-tile,.answer-input{min-width:72px;height:84px}.answer-input--number{width:110px}.okti-tile,.answer-input--number{font-size:48px}.okti-equals{font-size:40px}.exercise-actions .button{padding:14px 28px}}.assessment,.sitting-score{border-radius:var(--radius-xl);background:var(--color-surface);width:min(820px,100%);box-shadow:0 8px 0 var(--color-line);flex-direction:column;gap:20px;margin:0 auto;padding:24px 28px 28px;display:flex}.assessment h1,.sitting-score h1{margin:0;font-size:28px;line-height:1.1}.assessment__header{flex-wrap:wrap;align-items:baseline;gap:8px 16px;display:flex}.assessment__header h1{flex:1;min-width:200px}.assessment__clock{border-radius:var(--radius-pill);background:var(--blue-tint);color:var(--blue-shadow);font-variant-numeric:tabular-nums;margin:0;padding:8px 16px;font-weight:800}.assessment__clock--low{background:var(--coral-tint);color:var(--coral-shadow)}.assessment__progress,.assessment__note{color:var(--color-muted);margin:0;font-weight:700}.assessment-item{flex-direction:column;align-items:stretch;gap:20px;display:flex}.assessment-item__position{letter-spacing:.8px;text-transform:uppercase;color:var(--blue-shadow);margin:0;font-size:13px;font-weight:800}.assessment-item__question{text-align:center;font-variant-numeric:tabular-nums;margin:0;font-size:40px;line-height:1.1}.assessment-item__error{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--coral-tint);color:var(--coral-shadow);margin:0;font-weight:700}.assessment-item [type=submit]{background:var(--green);min-height:0;box-shadow:var(--lift) var(--green-shadow);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:20px;align-self:flex-end;padding:16px 44px;font-size:20px;font-weight:800}.assessment-item [type=submit]:active:not(:disabled){box-shadow:0 2px 0 var(--green-shadow);transform:translateY(4px)}.assessment-item [type=submit]:disabled{background:var(--color-track);color:var(--color-disabled);box-shadow:none;cursor:not-allowed}.assessment__submit{background:var(--color-soft);min-height:0;color:var(--color-text-2);font:inherit;cursor:pointer;border:0;border-radius:18px;align-self:flex-start;padding:14px 22px;font-size:17px;font-weight:800}.sitting-score__score{font-family:var(--font-display);margin:0;font-size:40px;font-weight:800;line-height:1}.sitting-score__verdict,.sitting-score__verdict--passed{border-radius:var(--radius-pill);background:var(--orange-tint);color:#8a5300;align-self:flex-start;margin:0;padding:8px 18px;font-weight:800}.sitting-score__verdict--passed{background:var(--green-tint);color:var(--green-shadow)}.sitting-score p{margin:0}.sitting-score__expired,.sitting-score__review-later{color:var(--color-muted);font-weight:700}.sitting-score__review{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.review__item--correct,.review__item--wrong{background:var(--green-tint);color:var(--green-shadow);border-radius:18px;padding:12px 16px;font-weight:700}.review__item--wrong{background:var(--orange-tint);color:#8a5300}.card{background:var(--yellow-tint);border-radius:20px;flex-direction:column;gap:8px;padding:18px 22px;display:flex}.card h2{margin:0;font-size:26px}.card p{margin:0}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--color-muted)}