@font-face{font-family:"Baloo 2";src:url(/assets/baloo-2-latin-700-normal-DpwkDI0o.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";src:url(/assets/baloo-2-latin-800-normal-CJQCPmFU.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Ext";src:url(/assets/baloo-2-latin-ext-700-normal-B1EJVTMv.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2 Ext";src:url(/assets/baloo-2-latin-ext-800-normal-BjoUr-js.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap;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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo Bhaijaan 2";src:url(/assets/baloo-bhaijaan-2-arabic-700-normal-C_buJdMK.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE??}@font-face{font-family:"Baloo Bhaijaan 2";src:url(/assets/baloo-bhaijaan-2-arabic-800-normal-k1PT3P4g.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE??}@font-face{font-family:Noto Sans;src:url(/assets/noto-sans-latin-wght-normal-GUnxZaaT.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+300-301,U+303-304,U+308-309,U+323,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Arabic;src:url(/assets/noto-sans-arabic-arabic-wght-normal-BTXLbHR0.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE??}:root,[data-theme=light]{--paper:#f2f2f2;--surface:#fff;--surface-sunk:#f6ebdd;--line:#ead9c4;--line-strong:#8a7560;--ink:#1e1a33;--ink-muted:#5c5470;--ink-inverse:#fff8ee;--kola:#ff6a2b;--kola-deep:#b43c0a;--kola-soft:#ffe2d2;--on-kola:var(--ink);--sunbird:#ffc53d;--sunbird-soft:#fff0c4;--sunbird-ink:#7a5000;--lagoon:#14b8a6;--lagoon-soft:#ccf2ec;--lagoon-ink:#065f56;--hibiscus:#f04a7e;--hibiscus-soft:#fdd9e5;--hibiscus-ink:#a3123f;--leaf:#5fc46a;--leaf-soft:#dcf3dc;--leaf-ink:#22682b;--lilac:#b39cf4;--lilac-soft:#ece6fd;--lilac-ink:#5a3db5;--clay:#ee9a72;--clay-soft:#fde4d8;--clay-ink:#8f3d16;--sky:#5fb3f2;--sky-soft:#dceffd;--sky-ink:#11598f;--slate:#a2b0bf;--slate-soft:#e8ecf1;--slate-ink:#3b4857;--correct:#1660c4;--correct-soft:#dceafc;--wrong:#c4271f;--wrong-soft:#fde1de;--scrim:#1e1a338c;--focus:#2f4bdb;--shadow-press:0 4px 0 0 #1e1a33;--shadow-card:0 3px 0 0 #ead9c4}[data-theme=sunlight]{--paper:#fff;--surface:#fff;--surface-sunk:#f2f2f2;--line:#000;--line-strong:#000;--ink:#000;--ink-muted:#1f1f1f;--ink-inverse:#fff;--kola:#ff6a2b;--kola-deep:#7a2700;--kola-soft:#ffd9c6;--on-kola:#000;--sunbird:#ffc53d;--sunbird-soft:#fff0c4;--sunbird-ink:#523500;--lagoon:#14b8a6;--lagoon-soft:#ccf2ec;--lagoon-ink:#033f39;--hibiscus:#ff5c8d;--hibiscus-soft:#fdd9e5;--hibiscus-ink:#6e0a29;--leaf:#5fc46a;--leaf-soft:#dcf3dc;--leaf-ink:#16471c;--lilac:#b8a3f7;--lilac-soft:#ece6fd;--lilac-ink:#3d2585;--clay:#f2a37d;--clay-soft:#fde4d8;--clay-ink:#62290c;--sky:#66b8f5;--sky-soft:#dceffd;--sky-ink:#0a3d63;--slate:#a8b6c4;--slate-soft:#e8ecf1;--slate-ink:#27313c;--correct:#0b3f8f;--correct-soft:#dceafc;--wrong:#8f130d;--wrong-soft:#fde1de;--scrim:#000000b3;--focus:#00e;--shadow-press:0 4px 0 0 #000;--shadow-card:0 3px 0 0 #000}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--radius-pill:999px;--tap-min:48px;--icon-md:24px;--content-max:560px;--appbar-h:56px;--bottomnav-h:64px;--path-node:72px;--z-appbar:10;--z-banner:20;--z-sheet:40;--z-toast:50;--font-display:"Baloo 2", "Baloo 2 Ext", "Baloo Bhaijaan 2", "Noto Sans Devanagari", "Noto Sans Ethiopic", system-ui, sans-serif;--font-sans:"Noto Sans", "Noto Sans Arabic", "Noto Sans Devanagari", "Noto Sans Bengali", "Noto Sans Ethiopic", system-ui, sans-serif;--text-display-xl:800 48px/52px var(--font-display);--text-display:800 36px/42px var(--font-display);--text-title:700 26px/32px var(--font-display);--text-heading:700 20px/28px var(--font-display);--text-body-lg:400 18px/28px var(--font-sans);--text-body:400 16px/24px var(--font-sans);--text-label:600 14px/20px var(--font-sans);--text-caption:500 12px/16px var(--font-sans)}.display-xl{font-family:var(--font-display);letter-spacing:-.01em;font-size:48px;font-weight:800;line-height:52px}.display{font-family:var(--font-display);font-size:36px;font-weight:800;line-height:42px}.title{font-family:var(--font-display);font-size:26px;font-weight:700;line-height:32px}.heading{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:28px}.body-lg{font-family:var(--font-sans);font-size:18px;font-weight:400;line-height:28px}.body{font-family:var(--font-sans);font-size:16px;font-weight:400;line-height:24px}.label{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:20px}.caption{font-family:var(--font-sans);font-size:12px;font-weight:500;line-height:16px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:24px}:lang(ar),:lang(fa),:lang(ur),:lang(ps),[dir=rtl]{line-height:1.7}.dr-icon{flex:none}[dir=rtl] .dr-icon-mirror{transform:scaleX(-1)}button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}summary:focus-visible{outline:3px solid var(--focus);outline-offset:2px}[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dr-floating-top{z-index:var(--z-appbar);position:sticky;top:0}.dr-floating-bottom{z-index:var(--z-sheet);padding-block-end:max(var(--space-4), env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}@keyframes dr-spin{to{transform:rotate(360deg)}}.dr-spin{animation:1s linear infinite dr-spin}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.dr-btn{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding-block:var(--space-3);padding-inline:var(--space-6);border:2px solid var(--ink);border-radius:var(--radius-md);font-family:var(--font-display);cursor:pointer;box-shadow:var(--shadow-press);font-size:18px;font-weight:700;line-height:20px;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.dr-btn:active{box-shadow:none;transform:translateY(4px)}.dr-btn-label{padding-block-start:2px}.dr-btn-primary{background:var(--kola);color:var(--on-kola)}.dr-btn-secondary{background:var(--surface);color:var(--ink)}.dr-btn-ghost{color:var(--kola-deep);box-shadow:none;background:0 0;border-color:#0000}.dr-btn-ghost:active{background:var(--kola-soft);transform:none}.dr-btn-sm{min-block-size:40px;padding-inline:var(--space-4);font-size:16px}.dr-btn-block{inline-size:100%}.dr-btn-icon{inline-size:var(--tap-min);padding-inline-start:0;padding-inline-end:0}.dr-btn-icon.dr-btn-ghost{color:var(--ink-muted)}.dr-btn:disabled{background:var(--surface-sunk);color:var(--ink-muted);border-color:var(--line-strong);box-shadow:none;cursor:not-allowed;transform:none}.dr-btn.is-loading{background:var(--kola-soft);color:var(--ink);border-color:var(--ink)}.dr-spinner{border:3px solid var(--kola);border-block-start-color:#0000;border-radius:50%;block-size:18px;inline-size:18px;animation:.8s linear infinite dr-spin}.dr-tr-sunbird{--tr:var(--sunbird);--tr-soft:var(--sunbird-soft);--tr-ink:var(--sunbird-ink)}.dr-tr-lagoon{--tr:var(--lagoon);--tr-soft:var(--lagoon-soft);--tr-ink:var(--lagoon-ink)}.dr-tr-hibiscus{--tr:var(--hibiscus);--tr-soft:var(--hibiscus-soft);--tr-ink:var(--hibiscus-ink)}.dr-tr-leaf{--tr:var(--leaf);--tr-soft:var(--leaf-soft);--tr-ink:var(--leaf-ink)}.dr-tr-lilac{--tr:var(--lilac);--tr-soft:var(--lilac-soft);--tr-ink:var(--lilac-ink)}.dr-tr-clay{--tr:var(--clay);--tr-soft:var(--clay-soft);--tr-ink:var(--clay-ink)}.dr-tr-sky{--tr:var(--sky);--tr-soft:var(--sky-soft);--tr-ink:var(--sky-ink)}.dr-tr-slate{--tr:var(--slate);--tr-soft:var(--slate-soft);--tr-ink:var(--slate-ink)}.dr-chip{align-items:center;gap:var(--space-1);padding-block:var(--space-1);padding-inline:var(--space-2) var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.dr-chip.dr-tr{background:var(--tr-soft);color:var(--tr-ink)}.dr-chip-solid{color:var(--ink)}.dr-chip-solid.dr-tr{background:var(--tr);color:var(--ink)}.dr-opt{align-items:center;gap:var(--space-3);text-align:start;min-block-size:56px;inline-size:100%;padding-block:var(--space-3);padding-inline:var(--space-3) var(--space-4);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font:inherit;cursor:pointer;flex-wrap:wrap;font-size:18px;line-height:26px;display:flex}.dr-opt-key{border-radius:var(--radius-sm);border:2px solid var(--line-strong);block-size:32px;inline-size:32px;color:var(--ink-muted);flex:none;place-items:center;font-size:14px;font-weight:700;display:inline-grid}.dr-opt-text{flex:1 1 0;min-inline-size:0}.dr-opt-feedback{flex-basis:100%;padding-inline-start:44px;font-size:14px;font-weight:600;line-height:20px}.dr-opt-selected{background:var(--kola-soft);border-color:var(--kola-deep)}.dr-opt-selected .dr-opt-key{background:var(--kola);border-color:var(--kola);color:var(--on-kola)}.dr-opt-correct{background:var(--correct-soft);border-color:var(--correct)}.dr-opt-correct .dr-opt-key{background:var(--correct);border-color:var(--correct);color:#fff}.dr-opt-correct .dr-opt-feedback{color:var(--correct)}.dr-opt-wrong{background:var(--wrong-soft);border-color:var(--wrong)}.dr-opt-wrong .dr-opt-key{background:var(--wrong);border-color:var(--wrong);color:#fff}.dr-opt-wrong .dr-opt-feedback{color:var(--wrong)}.dr-progress{gap:var(--space-1);display:grid}.dr-progress-head{justify-content:space-between;gap:var(--space-2);color:var(--ink-muted);font-size:14px;font-weight:600;line-height:20px;display:flex}.dr-progress-track{background:var(--surface-sunk);border-radius:var(--radius-pill);block-size:12px;box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.dr-progress-thick .dr-progress-track{block-size:16px}.dr-progress-fill{border-radius:var(--radius-pill);background:var(--kola);block-size:100%;box-shadow:inset 0 0 0 1px var(--ink);transition:inline-size .2s}.dr-progress.dr-tr .dr-progress-fill{background:var(--tr)}.dr-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-inline-size:var(--content-max);display:grid}.dr-card-top{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-card-offline{align-items:center;gap:var(--space-1);color:var(--ink-muted);font-size:14px;font-weight:600;line-height:20px;display:inline-flex}.dr-card-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:700;line-height:28px}.dr-card-meta{color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}.dr-card-action{display:flex}.dr-streak{align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);padding-block:var(--space-2);padding-inline:var(--space-3) var(--space-4);background:var(--kola-soft);color:var(--ink);border-radius:var(--radius-lg);grid-template-columns:auto auto;display:inline-grid}.dr-streak-flame{border-radius:var(--radius-pill);background:var(--kola);block-size:40px;inline-size:40px;color:var(--on-kola);grid-row:span 2;place-items:center;display:grid}.dr-streak-num{font-family:var(--font-display);grid-column:2;font-size:22px;font-weight:800;line-height:24px}.dr-streak-label{color:var(--ink-muted);grid-column:2;font-size:14px;font-weight:600;line-height:20px}.dr-streak-dots{gap:var(--space-1);grid-column:1/-1;margin-block-start:var(--space-1);display:flex}.dr-streak-dots i{border-radius:var(--radius-pill);background:var(--surface);block-size:8px;inline-size:20px;box-shadow:inset 0 0 0 1px var(--line-strong)}.dr-streak-dots i.on{background:var(--kola);box-shadow:inset 0 0 0 1px var(--kola-deep)}.dr-streak-compact{align-items:center;gap:var(--space-1);min-block-size:40px;padding-inline:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--kola-soft);color:var(--kola-deep);font-family:var(--font-display);font-size:16px;font-weight:800;display:inline-flex}.dr-appbar{align-items:center;gap:var(--space-2);min-block-size:var(--appbar-h);padding-inline:var(--space-2);background:var(--paper);border-block-end:2px solid var(--line);padding-block-start:env(safe-area-inset-top);display:flex}.dr-appbar-brand{inline-size:var(--tap-min);place-items:center;display:grid}.dr-appbar-title{min-inline-size:0;font-family:var(--font-display);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:700;line-height:28px;overflow:hidden}.dr-appbar-actions{align-items:center;gap:var(--space-1);display:flex}.dr-bottomnav{background:var(--surface);border-block-start:2px solid var(--line);padding-block-end:env(safe-area-inset-bottom);display:flex}.dr-bottomnav.dr-floating-bottom{z-index:var(--z-appbar);padding-block-end:env(safe-area-inset-bottom)}.dr-bottomnav-item{min-block-size:var(--bottomnav-h);color:var(--ink-muted);flex:1;align-content:center;justify-items:center;gap:2px;font-size:12px;font-weight:600;line-height:16px;text-decoration:none;display:grid}.dr-bottomnav-icon{border-radius:var(--radius-pill);place-items:center;block-size:32px;inline-size:56px;display:grid;position:relative}.dr-bottomnav-item.is-active{color:var(--ink)}.dr-bottomnav-item.is-active .dr-bottomnav-icon{background:var(--kola-soft);color:var(--kola-deep)}.dr-bottomnav-badge{border-radius:var(--radius-pill);background:var(--kola);block-size:18px;min-inline-size:18px;color:var(--on-kola);text-align:center;padding-inline-start:4px;padding-inline-end:4px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-2px}.dr-bottomnav-badge:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.dr-bottomnav-badge:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.dr-bottomnav-badge:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.dr-bottomnav-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.dr-lessonbar{align-items:center;gap:var(--space-2);min-block-size:var(--appbar-h);padding-inline:var(--space-2);display:flex}.dr-lessonbar-progress{flex:1}.dr-sheet{gap:var(--space-3);padding:var(--space-4);border-block-start:3px solid;display:grid}.dr-sheet:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.dr-sheet:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.dr-sheet:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg)}.dr-sheet:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:var(--radius-lg);border-top-left-radius:var(--radius-lg)}.dr-sheet-correct{background:var(--correct-soft);border-color:var(--correct)}.dr-sheet-wrong{background:var(--wrong-soft);border-color:var(--wrong)}.dr-sheet-head{align-items:center;gap:var(--space-3);display:flex}.dr-sheet-badge{border-radius:var(--radius-pill);color:#fff;place-items:center;block-size:40px;inline-size:40px;display:grid}.dr-sheet-correct .dr-sheet-badge{background:var(--correct)}.dr-sheet-wrong .dr-sheet-badge{background:var(--wrong)}.dr-sheet-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800;line-height:28px}.dr-sheet-correct .dr-sheet-title{color:var(--correct)}.dr-sheet-wrong .dr-sheet-title{color:var(--wrong)}.dr-sheet-body,.dr-sheet-answer{color:var(--ink);margin:0}.dr-path{padding:var(--space-4) 0;gap:var(--space-4);justify-items:center;margin:0;list-style:none;display:grid}.dr-path-step{justify-items:center;gap:var(--space-1);display:grid;position:relative}.dr-path-step:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--dr-off) * var(--space-12))}.dr-path-step:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:calc(var(--dr-off) * var(--space-12))}.dr-path-step:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--dr-off) * var(--space-12))}.dr-path-step:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:calc(var(--dr-off) * var(--space-12))}.dr-path-node{inline-size:var(--path-node);block-size:var(--path-node);cursor:pointer;border:3px solid var(--ink);background:var(--kola);color:var(--on-kola);box-shadow:0 6px 0 0 var(--ink);border-radius:50%;place-items:center;display:grid}.dr-path-node:active{box-shadow:none;transform:translateY(6px)}.dr-tr .dr-path-node{background:var(--tr)}.is-current .dr-path-node{outline:6px solid var(--kola-soft);outline-offset:4px}.is-locked .dr-path-node{background:var(--surface-sunk);color:var(--ink-muted);border-color:var(--line-strong);box-shadow:0 6px 0 0 var(--line-strong);cursor:not-allowed}.is-checkpoint:not(.is-locked) .dr-path-node{background:var(--sunbird);border-radius:var(--radius-lg)}.is-checkpoint.is-locked .dr-path-node{border-radius:var(--radius-lg)}.dr-path-label{color:var(--ink-muted);text-align:center;max-inline-size:140px;font-size:14px;font-weight:600;line-height:20px}.is-current .dr-path-label{color:var(--ink)}.dr-path-callout{padding-block:var(--space-1);padding-inline:var(--space-3);border-radius:var(--radius-md);background:var(--ink);color:var(--ink-inverse);font-family:var(--font-display);margin-block-end:var(--space-1);font-size:16px;font-weight:700;line-height:22px}.dr-complete{justify-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center;max-inline-size:var(--content-max);margin-inline-start:auto;margin-inline-end:auto;display:grid}.dr-complete-burst{background:var(--sunbird-soft);block-size:120px;inline-size:120px;box-shadow:0 0 0 12px var(--kola-soft);border-radius:50%;place-items:center;display:grid}.dr-complete-title{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:36px;font-weight:800;line-height:42px}.dr-complete-sub{color:var(--ink-muted);margin:0}.dr-complete-stats{gap:var(--space-2);margin:var(--space-2) 0 0;grid-template-columns:repeat(3,1fr);inline-size:100%;display:grid}.dr-stat{padding:var(--space-2);border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--surface);margin:0}.dr-stat dt{color:var(--ink);padding:2px var(--space-1);border-radius:var(--radius-sm);font-size:12px;font-weight:700;line-height:16px}.dr-stat dd{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:22px;font-weight:800;line-height:28px}.dr-stat-kola dt{background:var(--kola)}.dr-tr.dr-stat dt{background:var(--tr)}.dr-complete-try{box-sizing:border-box;text-align:start;inline-size:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--kola-soft)}.dr-complete-try p{margin:var(--space-1) 0 0}.dr-complete-actions{gap:var(--space-2);inline-size:100%;display:grid}.dr-conn{align-items:center;gap:var(--space-2);min-block-size:40px;padding-inline:var(--space-4);font-size:14px;font-weight:600;line-height:20px;display:flex}.dr-conn span{flex:1}.dr-conn-offline{background:var(--ink);color:var(--ink-inverse)}.dr-conn-syncing{background:var(--sunbird-soft);color:var(--ink)}.dr-conn-synced{background:var(--correct-soft);color:var(--ink)}.dr-conn .dr-btn-ghost{color:inherit;min-block-size:32px}.dr-install{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);grid-template-columns:auto 1fr;display:grid}.dr-install.dr-floating-bottom{margin:var(--space-3);border-radius:var(--radius-lg)}.dr-install-icon{border-radius:var(--radius-md);background:var(--kola-soft);place-items:center;block-size:56px;inline-size:56px;display:grid}.dr-install-text p{margin:var(--space-1) 0 0;color:var(--ink-muted);font-size:14px;line-height:20px}.dr-install-actions{gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.dr-toast{align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-4) var(--space-2);background:var(--ink);color:var(--ink-inverse);border-radius:var(--radius-md);max-inline-size:var(--content-max);font-size:14px;font-weight:600;line-height:20px;display:flex}.dr-toast.dr-floating-bottom{z-index:var(--z-toast);margin:var(--space-3)}.dr-toast-text{flex:1}.dr-toast-action{min-block-size:40px;padding-inline:var(--space-3);border-radius:var(--radius-sm);background:var(--kola);color:var(--on-kola);font-family:var(--font-display);cursor:pointer;border:0;font-size:16px;font-weight:700}.dr-dl{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);display:flex}.dr-dl.is-error{border-color:var(--wrong)}.dr-dl-icon{border-radius:var(--radius-md);flex:none;place-items:center;block-size:44px;inline-size:44px;padding:0;display:grid}.dr-dl-icon.dr-tr{background:var(--tr-soft);color:var(--tr-ink)}.dr-dl-main{flex:1;gap:2px;min-inline-size:0;display:grid}.dr-dl-meta{color:var(--ink-muted);font-size:14px;line-height:20px}.dr-dl.is-error .dr-dl-meta{color:var(--wrong)}.dr-dl-done{align-items:center;gap:var(--space-1);color:var(--correct);padding-inline:var(--space-2);font-size:14px;font-weight:700;display:inline-flex}.dr-langs{gap:var(--space-2);display:grid}.dr-lang{align-items:center;column-gap:var(--space-3);text-align:start;min-block-size:64px;inline-size:100%;padding-block:var(--space-2);padding-inline:var(--space-4);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-md);font:inherit;cursor:pointer;grid-template-rows:auto auto;grid-template-columns:1fr auto;display:grid}.dr-lang-native{font-family:var(--font-display);text-align:start;justify-self:start;font-size:20px;font-weight:700;line-height:28px}:root:not(:lang(ar)) .dr-lang-native:lang(ar),:root:not(:lang(ar)) .dr-other-script:lang(ar),.dr-lang-native:not(:lang(en)):not(:lang(ar)),.dr-other-script:not(:lang(en)):not(:lang(ar)){font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.dr-lang-english{color:var(--ink-muted);grid-row:2;font-size:14px;line-height:20px}.dr-lang-check{border:2px solid var(--line-strong);border-radius:50%;grid-area:1/2/span 2;place-items:center;block-size:32px;inline-size:32px;display:grid}.dr-lang.is-selected{background:var(--kola-soft);border-color:var(--kola-deep)}.dr-lang.is-selected .dr-lang-check{background:var(--kola);border-color:var(--ink);color:var(--on-kola)}.dr-switch-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:2px solid var(--line);display:flex}.dr-switch-text{cursor:pointer;gap:2px;display:grid}.dr-switch-text span{color:var(--ink-muted);font-size:14px;line-height:20px}.dr-switch{border-radius:var(--radius-pill);border:2px solid var(--line-strong);background:var(--surface-sunk);cursor:pointer;flex:none;block-size:32px;inline-size:56px;padding:0;position:relative}.dr-switch-thumb{background:var(--surface);border:2px solid var(--line-strong);box-sizing:border-box;border-radius:50%;block-size:24px;inline-size:24px;position:absolute;top:2px}.dr-switch-thumb:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:left .15s;left:2px}.dr-switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){transition:left .15s;left:2px}.dr-switch-thumb:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:right .15s;right:2px}.dr-switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){transition:right .15s;right:2px}.dr-switch.is-on{background:var(--kola);border-color:var(--ink)}.dr-switch.is-on .dr-switch-thumb{border-color:var(--ink)}.dr-switch.is-on .dr-switch-thumb:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:26px}.dr-switch.is-on .dr-switch-thumb:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:26px}.dr-switch.is-on .dr-switch-thumb:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:26px}.dr-switch.is-on .dr-switch-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:26px}.dr-field{gap:var(--space-1);display:grid}.dr-field-label{font-size:14px;font-weight:600;line-height:20px}.dr-field-input{min-block-size:var(--tap-min);box-sizing:border-box;padding-inline:var(--space-3);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;font-size:18px}.dr-field-input::placeholder{color:var(--ink-muted)}.dr-field-hint{align-items:center;gap:var(--space-1);color:var(--ink-muted);font-size:14px;line-height:20px;display:inline-flex}.has-error .dr-field-input{border-color:var(--wrong)}.has-error .dr-field-hint{color:var(--wrong);font-weight:600}.dr-cert{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);max-inline-size:var(--content-max);display:grid;position:relative;overflow:hidden}.dr-cert-band{background:var(--kola);block-size:12px}.dr-tr .dr-cert-band{background:var(--tr)}.dr-cert-body{gap:var(--space-1);padding:var(--space-4);display:grid}.dr-cert-top{justify-content:space-between;align-items:center;margin-block-end:var(--space-2);display:flex}.dr-cert-kicker{color:var(--ink-muted);margin:0;font-size:12px;font-weight:700;line-height:16px}.dr-cert-name{font-family:var(--font-display);margin:0;font-size:28px;font-weight:800;line-height:34px}.dr-cert-title{margin:0;font-weight:600}.dr-cert-foot{justify-content:space-between;gap:var(--space-2);border-block-start:2px dashed var(--line);color:var(--ink-muted);margin-block-start:var(--space-2);padding-block-start:var(--space-2);font-size:12px;line-height:16px;display:flex}.dr-cert-code{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,monospace}.dr-cert-action{padding:0 var(--space-4) var(--space-4);gap:var(--space-2);display:flex}.dr-icongrid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));display:grid}.dr-icongrid div{justify-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink-muted);font-size:12px;line-height:16px;display:grid}.dr-muted{color:var(--ink-muted)}.dr-qhead{gap:var(--space-2);display:grid}.dr-qhead-kicker{align-items:center;gap:var(--space-1);min-block-size:32px;color:var(--kola-deep);font-size:14px;font-weight:700;line-height:20px;display:flex}.dr-qhead-kicker .dr-btn{min-block-size:40px;inline-size:40px;margin-inline-start:auto}.dr-qhead-prompt{font-family:var(--font-display);margin:0;font-size:24px;font-weight:700;line-height:32px}.dr-qhead-hint{color:var(--ink-muted);margin:0}.dr-qhead-media{border-radius:var(--radius-md);overflow:hidden}.dr-opt-multi .dr-opt-key{border-radius:6px}.dr-tf-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.dr-tf{justify-content:center;align-items:center;gap:var(--space-2);border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-block-size:88px;color:var(--ink);box-shadow:var(--shadow-card);font-family:var(--font-display);cursor:pointer;font-size:22px;font-weight:800;display:flex}.dr-tf.dr-opt-correct svg{color:var(--correct)}.dr-tf.dr-opt-wrong svg{color:var(--wrong)}.dr-imgchoice{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}.dr-imgopt{border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);cursor:pointer;font:inherit;gap:0;padding:0;display:grid;overflow:hidden}.dr-imgopt-media{aspect-ratio:4/3;background:var(--surface-sunk);place-items:center;display:grid}.dr-imgopt-media>*{max-block-size:70%;max-inline-size:70%}.dr-imgopt-label{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2);font-weight:600;display:flex}.dr-imgopt.dr-opt-selected .dr-imgopt-media{background:var(--kola-soft)}.dr-imgopt.dr-opt-correct .dr-imgopt-label{color:var(--correct)}.dr-imgopt.dr-opt-wrong .dr-imgopt-label{color:var(--wrong)}.dr-match{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.dr-match-col{gap:var(--space-2);align-content:start;display:grid}.dr-match-tile{align-items:center;gap:var(--space-2);min-block-size:56px;padding:var(--space-2) var(--space-3);text-align:start;border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);font:inherit;cursor:pointer;font-weight:600;display:flex}.dr-match-tile.is-active{border-color:var(--ink);background:var(--kola-soft);outline:3px solid var(--kola);outline-offset:1px}.dr-match-badge{border:2px solid var(--ink);background:var(--surface);border-radius:50%;flex:none;place-items:center;block-size:26px;inline-size:26px;font-size:13px;font-weight:800;display:grid}.dr-match-badge.is-empty{border:2px dashed var(--line-strong)}.dr-tone-kola{--tone:var(--kola);--tone-soft:var(--kola-soft)}.dr-tone-lagoon{--tone:var(--lagoon);--tone-soft:var(--lagoon-soft)}.dr-tone-sunbird{--tone:var(--sunbird);--tone-soft:var(--sunbird-soft)}.dr-tone-hibiscus{--tone:var(--hibiscus);--tone-soft:var(--hibiscus-soft)}.dr-tone-correct{--tone:var(--correct-soft);--tone-soft:var(--correct-soft)}.dr-match-tile[class*=dr-tone-]{background:var(--tone-soft);border-color:var(--ink)}.dr-match-tile[class*=dr-tone-] .dr-match-badge{background:var(--tone)}.dr-match-tile.is-correct{border-color:var(--correct)}.dr-match-tile.is-wrong{border-color:var(--wrong)}.dr-match-tile.is-correct .dr-match-badge{background:var(--correct);border-color:var(--correct);color:#fff}.dr-match-tile.is-wrong .dr-match-badge{background:var(--wrong);border-color:var(--wrong);color:#fff}.dr-order{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dr-order-item{align-items:center;gap:var(--space-3);padding-block:var(--space-1);padding-inline:var(--space-3) var(--space-1);background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);display:flex}.dr-order-num{border-radius:var(--radius-sm);background:var(--ink);block-size:32px;inline-size:32px;color:var(--ink-inverse);flex:none;place-items:center;font-weight:800;display:grid}.dr-order-text{flex:1;font-weight:600}.dr-order-moves{display:flex}.dr-order-move{inline-size:var(--tap-min);block-size:var(--tap-min);color:var(--ink);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.dr-order-move:disabled{color:var(--line-strong);cursor:default}.dr-order-item.is-correct{border-color:var(--correct);background:var(--correct-soft)}.dr-order-item.is-correct .dr-order-num{background:var(--correct);color:#fff}.dr-order-item.is-wrong{border-color:var(--wrong);background:var(--wrong-soft)}.dr-order-item.is-wrong .dr-order-num{background:var(--wrong);color:#fff}.dr-fill{gap:var(--space-4);display:grid}.dr-fill-sentence{margin:0;font-size:20px;line-height:44px}.dr-blank{vertical-align:middle;min-block-size:36px;min-inline-size:88px;padding:0 var(--space-2);border:0;border-block-end:3px solid var(--ink);background:var(--surface-sunk);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--ink);font:inherit;cursor:pointer;margin:0 2px;font-weight:700;line-height:36px;display:inline-block}.dr-blank.is-filled{background:var(--kola-soft)}.dr-blank.is-correct{background:var(--correct-soft);border-color:var(--correct)}.dr-blank.is-wrong{background:var(--wrong-soft);border-color:var(--wrong)}.dr-bank{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-bank-chip{min-block-size:44px;padding-inline:var(--space-4);border:2px solid var(--ink);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-press);font:inherit;cursor:pointer;font-weight:700}.dr-bank-chip.is-used{background:var(--surface-sunk);color:var(--ink-muted);border-color:var(--line-strong);box-shadow:none;border-style:dashed}.dr-hotspot{gap:var(--space-2);display:grid}.dr-hotspot-stage{border-radius:var(--radius-md);border:2px solid var(--line-strong);position:relative;overflow:hidden}.dr-spot{cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;position:absolute}.dr-spot.is-found{outline:3px solid var(--kola);outline-offset:2px;background:#ff6a2b1f}.dr-spot-badge{background:var(--kola);block-size:24px;inline-size:24px;color:var(--on-kola);border:2px solid var(--ink);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:-12px;left:-12px}.dr-hotspot-foot{align-items:center;gap:var(--space-1);font-size:14px;font-weight:700;display:flex}.dr-hotspot-notes{gap:var(--space-1);margin:0;padding-inline-start:var(--space-6);font-size:14px;line-height:20px;display:grid}.dr-scenario{gap:var(--space-3);display:grid}.dr-scenario-situation{gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);display:flex}.dr-scenario-situation:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:4px}.dr-scenario-situation:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){border-top-left-radius:4px}.dr-scenario-situation:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:4px}.dr-scenario-situation:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){border-top-right-radius:4px}.dr-scenario-situation p{margin:var(--space-1) 0 0}.dr-scenario-avatar{background:var(--lagoon);block-size:44px;inline-size:44px;color:var(--ink);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.dr-scenario-who{color:var(--ink-muted);font-size:14px}.dr-scenario-ask{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:28px}.dr-scenario-choices{gap:var(--space-2);display:grid}.dr-scenario-choice{min-block-size:56px;padding:var(--space-3) var(--space-4);text-align:start;border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);font:inherit;cursor:pointer}.dr-scenario-choice.is-chosen{border-color:var(--ink);background:var(--kola-soft)}.dr-scenario-outcome{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex}.dr-scenario-outcome p{margin:var(--space-1) 0 0}.dr-scenario-outcome.is-good{background:var(--correct-soft)}.dr-scenario-outcome.is-good svg{color:var(--correct)}.dr-scenario-outcome.is-consider{background:var(--sunbird-soft)}.dr-scenario-outcome.is-consider svg{color:var(--sunbird-ink)}.dr-reflect{gap:var(--space-2);display:grid}.dr-reflect-label{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:28px}.dr-reflect-input{box-sizing:border-box;inline-size:100%;padding:var(--space-3);border:2px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;resize:vertical;font-size:18px;line-height:28px}.dr-reflect-foot{justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:14px;display:flex}.dr-reflect-ai{gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--sunbird-soft);display:grid}.dr-reflect-ai p{margin:0}.dr-reflect-ai-head{align-items:center;gap:var(--space-1);color:var(--sunbird-ink);display:flex}.dr-reflect-ai-note{color:var(--ink-muted);font-size:12px;line-height:16px}.dr-video{border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-press);max-inline-size:var(--content-max);margin:0;display:grid;overflow:hidden}.dr-video-stage{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.dr-video-stage video,.dr-video-poster,.dr-video-poster>*{object-fit:cover;block-size:100%;inline-size:100%;display:block}.dr-video-bigplay{border:3px solid var(--ink);background:var(--kola);block-size:72px;inline-size:72px;color:var(--on-kola);box-shadow:var(--shadow-press);cursor:pointer;border-radius:50%;place-items:center;margin:auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.dr-video-bigplay svg{margin-inline-start:4px}.dr-video-caption{inset-inline:var(--space-4);inline-size:-moz-fit-content;inline-size:fit-content;max-inline-size:90%;padding:2px var(--space-2);color:#fff;text-align:center;background:#000000c7;border-radius:4px;margin:0 auto;font-size:16px;line-height:24px;position:absolute;bottom:var(--space-3)}.dr-video-checkpoint{padding:var(--space-3);background:var(--scrim);place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.dr-video-checkpoint-card{gap:var(--space-2);inline-size:100%;max-inline-size:440px;padding:var(--space-3);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-md);display:grid}.dr-video-checkpoint-tag{align-items:center;gap:var(--space-1);color:var(--kola-deep);font-size:12px;font-weight:800;display:inline-flex}.dr-video-bar{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--ink);color:var(--ink-inverse);display:flex}.dr-video-btn{border-radius:var(--radius-sm);block-size:40px;inline-size:40px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.dr-video-btn.is-on{background:#ffffff29}.dr-video-time{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.dr-video-scrub{border-radius:var(--radius-pill);background:#ffffff47;flex:1;block-size:6px;position:relative}.dr-video-scrub-fill{top:0;bottom:0;border-radius:var(--radius-pill);background:var(--kola);position:absolute;left:0}.dr-video-tick{background:var(--ink-inverse);block-size:10px;inline-size:2px;position:absolute;top:-2px}.dr-video-qmark{background:var(--sunbird);border:2px solid var(--ink);block-size:12px;inline-size:12px;margin-left:-6px;position:absolute;top:-5px;transform:rotate(45deg)}.dr-video-chip{border:1px solid #ffffff80;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700}.dr-video-meta{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.dr-video-meta>div:first-child{display:grid}.dr-video-meta span{color:var(--ink-muted);font-size:14px}.dr-video-actions{gap:var(--space-1);display:flex}.dr-lab{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);max-inline-size:var(--content-max);display:grid}.dr-lab-head{align-items:center;gap:var(--space-3);display:flex}.dr-lab-head h3{font-family:var(--font-display);margin:0;font-size:20px;font-weight:800;line-height:26px}.dr-lab-icon{border-radius:var(--radius-md);background:var(--sunbird);border:2px solid var(--ink);flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid}.dr-lab-kicker{color:var(--sunbird-ink);font-size:12px;font-weight:800;line-height:16px}.dr-lab-takeaway{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--sunbird-soft);margin:0;font-size:14px;line-height:20px;display:flex}.dr-lab-takeaway svg{color:var(--sunbird-ink);flex:none}.dr-lab-stats{gap:var(--space-4);color:var(--ink-muted);font-size:14px;display:flex}.dr-lab-stats strong{color:var(--ink);font-family:var(--font-display);font-size:18px}.dr-pb-ings{gap:var(--space-2);flex-wrap:wrap;display:flex}.dr-pb-ing{align-items:center;gap:var(--space-1);min-block-size:40px;padding-inline:var(--space-3);border:2px dashed var(--line-strong);border-radius:var(--radius-pill);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;font-size:14px;font-weight:700;display:inline-flex}.dr-pb-ing.is-on{border-style:solid;border-color:var(--ink);background:var(--sunbird)}.dr-pb-plus{font-size:18px;line-height:1}.dr-pb-prompt{min-block-size:72px;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-sunk);font-family:ui-monospace,monospace;font-size:14px;line-height:22px}.dr-pb-out{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--line);background:var(--paper);display:grid}.dr-pb-out p{margin:0}.dr-pb-out-tag{align-items:center;gap:var(--space-1);color:var(--sunbird-ink);font-size:12px;font-weight:800;display:inline-flex}.dr-tokens{flex-wrap:wrap;gap:4px;display:flex}.dr-token{color:var(--ink);white-space:pre;border-radius:6px;padding:2px 6px;font-family:ui-monospace,monospace;font-size:14px;line-height:22px}.dr-token-0{background:var(--sunbird-soft)}.dr-token-1{background:var(--lagoon-soft)}.dr-token-2{background:var(--hibiscus-soft)}.dr-token-3{background:var(--kola-soft)}.dr-nw-context{margin:0;font-size:20px;line-height:40px}.dr-nw-bars{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.dr-nw-bars li{align-items:center;gap:var(--space-2);grid-template-columns:96px 1fr 44px;display:grid}.dr-nw-word{font-weight:700}.dr-nw-track{border-radius:var(--radius-pill);background:var(--surface-sunk);block-size:16px;overflow:hidden}.dr-nw-fill{background:var(--sunbird);block-size:100%;box-shadow:inset 0 0 0 1px var(--ink);border-radius:var(--radius-pill);transition:inline-size .2s;display:block}.dr-nw-pct{text-align:end;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.dr-nw-temp{gap:var(--space-1);font-size:14px;display:grid}.dr-nw-temp input{inline-size:100%;accent-color:var(--kola);block-size:32px}.dr-nw-ends{color:var(--ink-muted);justify-content:space-between;font-size:12px;display:flex}.dr-tc-classes{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.dr-tc-class{align-content:start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--tone-soft);border:2px solid var(--ink);display:grid}.dr-tc-class-head{justify-content:space-between;display:flex}.dr-tc-class-head span{border-radius:var(--radius-pill);background:var(--tone);place-items:center;min-inline-size:24px;font-size:12px;font-weight:800;display:grid}.dr-tc-class ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dr-tc-class li{padding:4px var(--space-2);background:var(--surface);border-radius:6px;font-size:14px;line-height:20px}.dr-tc-add{border:2px dashed var(--ink);border-radius:var(--radius-sm);min-block-size:36px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;font-size:14px;font-weight:700}.dr-tc-add:disabled{opacity:.55;cursor:default}.dr-tc-test{gap:var(--space-2);border-block-start:2px dashed var(--line);padding-block-start:var(--space-2);display:grid}.dr-tc-result{gap:var(--space-1);display:grid}.dr-tc-result strong{font-family:var(--font-display);font-size:22px}.dr-fc-answer{gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-md);background:var(--paper);border:2px solid var(--line);display:grid}.dr-fc-answer p{margin:0;font-size:17px;line-height:30px}.dr-fc-claim{border:0;border-block-end:2px dashed var(--kola-deep);background:var(--kola-soft);color:var(--ink);font:inherit;cursor:pointer;border-radius:3px;padding:0 2px}.dr-fc-claim.is-open{outline:3px solid var(--focus);outline-offset:1px}.dr-fc-claim.is-right{background:var(--correct-soft);border-color:var(--correct)}.dr-fc-claim.is-missed{background:var(--wrong-soft);border-color:var(--wrong)}.dr-fc-panel{gap:var(--space-2);display:grid}.dr-fc-verdicts{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.dr-fc-verdict{border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);min-block-size:44px;color:var(--ink);font:inherit;cursor:pointer;font-size:14px;font-weight:700}.dr-fc-verdict.is-on{border-color:var(--ink);background:var(--kola-soft)}.dr-fc-note{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:0;font-size:14px;line-height:20px;display:flex}.dr-fc-note.is-right{background:var(--correct-soft)}.dr-fc-note.is-right svg{color:var(--correct);flex:none}.dr-fc-note.is-missed{background:var(--wrong-soft)}.dr-fc-note.is-missed svg{color:var(--wrong);flex:none}.dr-kit{gap:var(--space-3);max-inline-size:var(--content-max);display:grid}.dr-kit-head{gap:var(--space-3);align-items:flex-start;display:flex}.dr-kit-head h3{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800;line-height:28px}.dr-kit-head p{margin:var(--space-1) 0 0;color:var(--ink-muted)}.dr-kit-badge{border-radius:var(--radius-md);background:var(--kola);block-size:48px;inline-size:48px;color:var(--on-kola);border:2px solid var(--ink);flex:none;place-items:center;display:grid}.dr-kit-list{gap:var(--space-2);display:grid}.dr-res{gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);display:flex}.dr-res-main{flex:1;gap:2px;min-inline-size:0;display:grid}.dr-res-kind{align-items:center;gap:var(--space-1);color:var(--kola-deep);font-size:12px;font-weight:800;display:inline-flex}.dr-res-title{font-weight:700;line-height:22px}.dr-res-meta{color:var(--ink-muted);font-size:14px}.dr-res-tags{flex-wrap:wrap;gap:4px;margin-block-start:2px;display:flex}.dr-res-tag{background:var(--surface-sunk);border-radius:4px;padding:0 6px;font-size:12px;font-weight:600;line-height:20px}.dr-res-actions{gap:var(--space-1);flex-wrap:wrap;margin-block-start:var(--space-1);display:flex}.dr-page{box-sizing:border-box;border:1px solid var(--line-strong);block-size:90px;inline-size:64px;box-shadow:2px 2px 0 var(--line);background:#fff;flex:none;align-content:start;gap:4px;padding:6px;display:grid}.dr-page i{background:var(--line-strong);border-radius:2px;block-size:3px;display:block}.dr-page .dr-page-band{background:var(--sunbird);block-size:6px}.dr-page.dr-tr .dr-page-band{background:var(--tr)}.dr-page .dr-page-h{background:var(--ink);block-size:6px;inline-size:70%}.dr-page .s{inline-size:60%}.dr-page .dr-page-box{border:1px dashed var(--line-strong);background:0 0;block-size:18px}.dr-page-poster .dr-page-box{background:var(--kola-soft);border:0;block-size:34px}.dr-kit-foot{display:flex}.dr-onb,.dr-place{gap:var(--space-4);padding:var(--space-4);max-inline-size:var(--content-max);display:grid}.dr-onb-dots{gap:var(--space-1);display:flex}.dr-onb-dots i{border-radius:var(--radius-pill);background:var(--surface-sunk);block-size:6px;box-shadow:inset 0 0 0 1px var(--line);flex:1}.dr-onb-dots i.on{background:var(--kola);box-shadow:inset 0 0 0 1px var(--kola-deep)}.dr-onb-art{border-radius:var(--radius-lg);background:var(--sunbird-soft);place-items:center;min-block-size:140px;display:grid}.dr-onb-title{font-family:var(--font-display);margin:0;font-size:28px;font-weight:800;line-height:34px}.dr-onb-body{color:var(--ink-muted);margin:0;font-size:18px;line-height:28px}.dr-onb-choices,.dr-onb-actions{gap:var(--space-2);display:grid}.dr-choice{align-items:center;gap:var(--space-3);min-block-size:64px;inline-size:100%;padding:var(--space-2) var(--space-3);text-align:start;border:2px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);box-shadow:var(--shadow-card);font:inherit;cursor:pointer;display:flex}.dr-choice-icon{border-radius:var(--radius-sm);background:var(--surface-sunk);flex:none;place-items:center;block-size:40px;inline-size:40px;display:grid}.dr-choice-text{flex:1;display:grid}.dr-choice-text span{color:var(--ink-muted);font-size:14px;line-height:20px}.dr-choice-check{border:2px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;block-size:28px;inline-size:28px;display:grid}.dr-choice.is-multi .dr-choice-check{border-radius:6px}.dr-choice.is-selected{border-color:var(--ink);background:var(--kola-soft)}.dr-choice.is-selected .dr-choice-icon{background:var(--kola)}.dr-choice.is-selected .dr-choice-check{background:var(--kola);border-color:var(--ink);color:var(--on-kola)}.dr-place-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.dr-place-row{gap:var(--space-1) var(--space-3);padding:var(--space-3);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-items:center;display:grid}.dr-place-meter{justify-self:end;gap:4px;display:flex}.dr-place-meter i{border-radius:var(--radius-pill);background:var(--surface-sunk);block-size:12px;inline-size:28px;box-shadow:inset 0 0 0 1px var(--line-strong)}.dr-place-meter i.on{box-shadow:inset 0 0 0 1px var(--ink)}.dr-place-row.dr-tr .dr-place-meter i.on{background:var(--tr)}.dr-place-label{color:var(--ink-muted);grid-column:1/-1;font-size:14px;line-height:20px}.dr-empty{justify-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;max-inline-size:420px;margin-inline-start:auto;margin-inline-end:auto;display:grid}.dr-empty h3{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:22px;font-weight:800;line-height:28px}.dr-empty p{color:var(--ink-muted);margin:0}.dr-empty-icon{background:var(--surface-sunk);border:2px dashed var(--line-strong);block-size:80px;inline-size:80px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid}.dr-empty-offline .dr-empty-icon{background:var(--ink);color:var(--ink-inverse);border:0}.dr-empty-error .dr-empty-icon{background:var(--wrong-soft);color:var(--wrong);border-color:var(--wrong)}.dr-empty-actions{justify-content:center;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-2);display:flex}.dr-phone-wrap{gap:var(--space-2);justify-items:center;margin:0;display:grid}.dr-phone{background:var(--paper);border:3px solid var(--ink);block-size:680px;inline-size:340px;box-shadow:0 6px 0 0 var(--ink);border-radius:36px;flex-direction:column;display:flex;position:relative;overflow:hidden}.dr-phone>.dr-phone-scroll{padding:var(--space-4);align-content:start;gap:var(--space-4);flex:1;display:grid;overflow:hidden}.dr-phone>.dr-phone-bottom{padding:var(--space-3) var(--space-4) var(--space-4);border-block-start:2px solid var(--line);background:var(--surface)}.dr-phone-wrap figcaption{color:var(--ink-muted);font-size:14px;font-weight:700}.dr-tf.dr-opt-selected,.dr-imgopt.dr-opt-selected{background:var(--kola-soft);border-color:var(--kola-deep)}.dr-tf.dr-opt-correct,.dr-imgopt.dr-opt-correct{background:var(--correct-soft);border-color:var(--correct)}.dr-tf.dr-opt-wrong,.dr-imgopt.dr-opt-wrong{background:var(--wrong-soft);border-color:var(--wrong)}.dr-video.has-checkpoint .dr-video-stage{aspect-ratio:auto;min-block-size:200px;display:grid}.dr-video.has-checkpoint .dr-video-poster{position:absolute;top:0;bottom:0;left:0;right:0}.dr-video.has-checkpoint .dr-video-checkpoint{padding:var(--space-6) var(--space-3);position:relative;top:auto;bottom:auto;left:auto;right:auto}.dr-video{container-type:inline-size}@container (width<=380px){.dr-video-chip:first-of-type,.dr-video-time{display:none}}.dr-res.is-locked .dr-page{opacity:.5;filter:grayscale()}[dir=rtl] .dr-pb-prompt,[dir=rtl] .dr-token,.dr-pb-prompt:lang(ar),.dr-token:lang(ar){font-family:var(--font-sans)}html,body,#root{min-height:100%}body{background:var(--paper)}.screen{box-sizing:border-box;width:100%;max-width:960px;padding:var(--space-4);gap:var(--space-6);align-content:start;margin-inline-start:auto;margin-inline-end:auto;display:grid}.screen.narrow{max-width:var(--content-max)}.stack{gap:var(--space-3);display:grid}.stack-sm{gap:var(--space-1);display:grid}.stack-lg{gap:var(--space-8);display:grid}.muted{color:var(--ink-muted);margin:0}.small{font-size:14px;line-height:20px}.center{text-align:center}.lead{color:var(--ink-muted);margin:0;font-size:18px;line-height:28px}.section-title{font-family:var(--font-display);margin:0;font-size:22px;font-weight:800;line-height:28px}.loading{place-items:center;min-height:40vh;display:grid}.loading:after{content:"";border:4px solid var(--kola-soft);border-top-color:var(--kola);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite dr-spin}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--sunbird-soft);margin:0}.link-btn{color:var(--kola-deep);font:inherit;cursor:pointer;padding:var(--space-1) var(--space-2);background:0 0;border:0;justify-self:end;font-size:14px;font-weight:700}.week-card{padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg)}.unit{gap:var(--space-3);display:grid}.unit-head{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.unit-title{font-family:var(--font-display);margin:0;font-size:26px;font-weight:800;line-height:32px}.unit.locked{padding:var(--space-4);border:2px dashed var(--line-strong);border-radius:var(--radius-lg)}.soon,.offline-badge{align-items:center;gap:var(--space-1);color:var(--ink-muted);font-size:14px;font-weight:700;display:inline-flex}.lesson{flex-direction:column;min-height:100dvh;display:flex}.lesson-top{z-index:var(--z-appbar);background:var(--paper);max-width:var(--content-max);width:100%;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:env(safe-area-inset-top);position:sticky;top:0}.lesson-body{flex:1;padding-block-end:200px}.lesson-bar{left:0;right:0;z-index:var(--z-sheet);padding:var(--space-3) var(--space-4) max(var(--space-4), env(safe-area-inset-bottom));background:var(--surface);border-block-start:2px solid var(--line);position:fixed;bottom:0}.lesson-bar>*,.dr-sheet.dr-floating-bottom>*{max-width:calc(var(--content-max) - 2 * var(--space-4));width:100%;margin-inline-start:auto;margin-inline-end:auto}.retry-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--sunbird-soft);margin:0;font-weight:700}.transcript{padding:var(--space-3) var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md)}.transcript p{margin:var(--space-1) 0 0;font-size:18px;line-height:28px}.checkpoint-card{gap:var(--space-2);padding:var(--space-4);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);display:grid}.checkpoint-tag{color:var(--kola-deep);font-size:12px;font-weight:800}.cp-ok,.cp-no{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin:0}.cp-ok{background:var(--correct-soft)}.cp-no{background:var(--wrong-soft)}.mock-answer{background:var(--surface);padding:var(--space-3) var(--space-4);font-size:16px;line-height:26px}.mock-answer p{margin:0 0 var(--space-2)}.mock-from{color:var(--ink-muted);font-size:13px;font-weight:700}.mock-link{color:var(--focus);font-size:14px;text-decoration:underline}.onb-hero{padding-block:var(--space-6) 0;place-items:center;display:grid}.lab-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));align-items:start;display:grid}.kit-lesson{scroll-margin-top:var(--space-6)}.panel,.tile{background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);align-content:start;display:grid}.panel{gap:var(--space-3);padding:var(--space-4);grid-template-columns:minmax(0,1fr)}.panel>h3,.panel>form>h3,.table-tools>h3{font:var(--text-heading);margin:0}.panel>.dr-btn,.form-grid>.dr-btn{justify-self:start}.panel .dr-btn-sm{min-block-size:var(--tap-min)}.tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.tile{gap:var(--space-1);padding:var(--space-3) var(--space-4)}.tile>span:first-child{font:var(--text-label);color:var(--ink-muted)}.tile strong{font:800 28px/34px var(--font-display)}.tile small{color:var(--ink-muted);font-size:14px}.notice.ok{background:var(--correct-soft);border-inline-start:4px solid var(--correct)}.notice.err{background:var(--wrong-soft);border-inline-start:4px solid var(--wrong)}.notice.ok>.dr-icon{color:var(--correct);vertical-align:text-bottom}.err-text{color:var(--wrong);font-weight:700}.row-gap{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.span2{grid-column:1/-1}.screen.wide{max-width:1200px}.form-grid{gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.form-grid>label{gap:var(--space-1);min-width:0;font:var(--text-label);display:grid}.form-grid>.dr-btn{align-self:end}.form-grid>label>*,.table-tools>input,.table-tools>select{box-sizing:border-box;min-width:0;min-block-size:var(--tap-min);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-sm);font:var(--text-body)}.form-grid>label>*{inline-size:100%}.form-grid input::placeholder,.table-tools>input::placeholder{color:var(--ink-muted)}.table-tools>input{-webkit-appearance:none;appearance:none}.screen input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.screen select:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.screen textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.file-pick{box-sizing:border-box;justify-content:center;align-items:center;gap:var(--space-2);max-inline-size:100%;min-block-size:var(--tap-min);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--ink);border:2px dashed var(--line-strong);border-radius:var(--radius-md);cursor:pointer;font-weight:700;display:inline-flex;position:relative}.file-pick:hover{border-color:var(--ink)}.file-pick:focus-within{outline:3px solid var(--focus);outline-offset:2px}.file-pick>span{overflow-wrap:anywhere;min-width:0}.file-pick>input,.data-table thead{clip:rect(0 0 0 0);opacity:0;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.avatar{background:var(--kola-soft);block-size:40px;inline-size:40px;color:var(--ink);font:800 20px/1 var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}.avatar.sm{block-size:32px;inline-size:32px;font-size:16px}.person-link{align-items:center;gap:var(--space-3);min-width:0;max-inline-size:100%;min-block-size:var(--tap-min);vertical-align:middle;border-radius:var(--radius-sm);color:var(--ink);text-decoration:none;display:inline-flex}.person-link>span:not([class]){overflow-wrap:anywhere;flex:auto;min-width:0;display:grid}.person-link small{color:var(--ink-muted);justify-self:start;font-size:14px}a.person-link:hover strong{text-decoration:underline}a.person-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pill,.pill-warn{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--ink);font:var(--text-label);white-space:nowrap;vertical-align:middle;flex:none;display:inline-flex}.pill-warn{padding:var(--space-1);background:var(--sunbird-soft);margin-inline-start:var(--space-2)}.cap-code{border-radius:var(--radius-sm);background:var(--surface-sunk);color:var(--ink);white-space:nowrap;direction:ltr;unicode-bidi:isolate;flex:none;padding:2px 6px;font:600 14px/20px ui-monospace,Menlo,Consolas,monospace;display:inline-block}.cap-label{min-width:0;font:var(--text-body);overflow-wrap:anywhere}.table-tools{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.table-tools>h3{flex:1 0 100%;min-width:0}.table-tools>input{flex:220px}.table-tools>select{flex:0 auto;max-inline-size:100%}.data-table,.data-table tr{display:block}.data-table tbody{gap:var(--space-3);display:grid}.data-table tr{padding:var(--space-1) var(--space-3);border:2px solid var(--line);border-radius:var(--radius-md)}.data-table td{align-items:center;gap:var(--space-1) var(--space-3);min-width:0;padding-block:var(--space-2);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.data-table td>:first-child{flex:1 1 0;min-width:0}.data-table td:empty{display:none}.data-table td[data-label]:before{content:attr(data-label);min-width:0;font:var(--text-label);color:var(--ink-muted);flex:0 0 35%}@media (min-width:600px){.panel{padding:var(--space-6)}.form-grid{column-gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}.table-tools>h3{flex:0 auto;margin-inline-end:auto}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;inline-size:100%;display:table}.data-table thead{clip:auto;opacity:1;block-size:auto;inline-size:auto;position:static;overflow:visible}.data-table tbody{display:table-row-group}.data-table tr{border:0;padding:0;display:table-row}.data-table td,.data-table td:empty{padding:var(--space-3);vertical-align:middle;border-block-start:2px solid var(--line);overflow-wrap:normal;display:table-cell}.data-table td[data-label]:before{content:none}.data-table th{padding:var(--space-3);text-align:start;vertical-align:bottom;font:var(--text-label);color:var(--ink-muted)}.data-table .num{text-align:end;font-variant-numeric:tabular-nums}}@media (min-width:900px){.tiles{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media print{.no-print{display:none!important}.panel{box-shadow:none;border:0;padding:0}}.app-shell{--rail-w:240px;box-sizing:border-box;min-block-size:100vh;min-block-size:100dvh;padding-block-end:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + var(--space-6))}.app-main{min-inline-size:0}.nav-rail{display:none}.nav-bottom{display:block}.app-float{z-index:var(--z-toast);gap:var(--space-2);padding-inline:var(--space-3);pointer-events:none;justify-items:center;display:grid;position:fixed;bottom:calc(var(--bottomnav-h) + env(safe-area-inset-bottom) + var(--space-2));left:0;right:0}.app-float>*{pointer-events:auto;box-sizing:border-box;inline-size:100%;max-inline-size:var(--content-max)}.rail-brand{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding-inline:var(--space-2);border-radius:var(--radius-md);color:var(--ink);font-family:var(--font-display);margin-block-end:var(--space-4);font-size:22px;font-weight:700;line-height:28px;text-decoration:none;display:flex}.rail-item{align-items:center;gap:var(--space-3);min-block-size:var(--tap-min);box-sizing:border-box;padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--ink);border-inline-start:4px solid #0000;font-size:16px;font-weight:700;line-height:22px;text-decoration:none;display:flex}.rail-item>span{overflow-wrap:anywhere;min-inline-size:0}.rail-signout{text-align:start;cursor:pointer;background:0 0;border-block-start:0;border-block-end:0;border-inline-end:0;inline-size:100%;margin-block-start:auto;font-family:inherit}.rail-item:hover{background:var(--surface-sunk)}.rail-item.is-active{background:var(--kola-soft);border-inline-start-color:var(--kola)}.rail-brand:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rail-item:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.rail-sep{block-size:0;margin:var(--space-2) 0;border:0;border-block-start:2px solid var(--line);flex:none}@media (min-width:900px){.app-shell{grid-template-columns:var(--rail-w) minmax(0, 1fr);padding-block-end:0;display:grid}.app-main{padding-block-end:var(--space-6)}.nav-rail{gap:var(--space-1);box-sizing:border-box;block-size:100vh;overscroll-behavior:contain;block-size:100dvh;padding:var(--space-4) var(--space-3);background:var(--surface);border-inline-end:2px solid var(--line);flex-direction:column;align-self:start;display:flex;position:sticky;top:0;overflow-y:auto}.nav-bottom{display:none}.app-float{bottom:var(--space-4)}.app-float:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--rail-w)}.app-float:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--rail-w)}.app-float:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--rail-w)}.app-float:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--rail-w)}}@media print{.nav-rail,.nav-bottom,.app-float,.app-main>.dr-conn,.app-main>.dr-appbar{display:none}.app-shell{min-block-size:0;padding:0;display:block}.app-main{padding:0}}.auth-shell{box-sizing:border-box;min-block-size:100vh;min-block-size:100dvh;padding-block-start:max(var(--space-4), env(safe-area-inset-top));padding-block-end:max(var(--space-4), env(safe-area-inset-bottom));padding-inline:max(var(--space-4), env(safe-area-inset-left), env(safe-area-inset-right));place-items:center;display:grid}.auth-card{box-sizing:border-box;gap:var(--space-4);inline-size:100%;min-inline-size:0;max-inline-size:440px;padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:grid}.auth-card>*{min-inline-size:0}.auth-card h1{font:var(--text-title);text-align:center;overflow-wrap:break-word;margin:0}.auth-card h1+.muted{text-align:center;margin-block-start:calc(var(--space-3) * -1)}.auth-brand{min-inline-size:var(--tap-min);min-block-size:var(--tap-min);border-radius:var(--radius-md);justify-self:center;place-items:center;text-decoration:none;display:inline-grid}.auth-brand .dr-mark{display:block}.auth-brand:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.auth-links{justify-content:center;align-items:center;gap:var(--space-2) var(--space-4);text-align:center;flex-wrap:wrap;margin:0;display:flex}.auth-links a{min-inline-size:0;max-inline-size:100%;min-block-size:var(--tap-min);padding-inline:var(--space-1);border-radius:var(--radius-sm);color:var(--kola-deep);overflow-wrap:break-word;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.auth-links a:hover{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.auth-links a:focus-visible{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.auth-links a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (min-width:600px){.auth-shell{padding-block-start:max(var(--space-8), env(safe-area-inset-top));padding-block-end:max(var(--space-8), env(safe-area-inset-bottom))}.auth-card{padding:var(--space-6)}}.reading{min-width:0;font:var(--text-body-lg);overflow-wrap:break-word}.reading>.dr-qhead{margin-block-end:var(--space-4)}.reading>p{margin-block:var(--space-3)}.reading>:last-child{margin-block-end:0}.key-terms{margin-block:var(--space-6) 0;padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-md);font:var(--text-body)}.key-terms h3{margin:0 0 var(--space-3);font:var(--text-heading)}.key-terms dl{gap:var(--space-3);margin:0;display:grid}.key-terms dl>div{gap:var(--space-1);min-width:0;border-inline-start:4px solid var(--kola);padding-inline-start:var(--space-3);display:grid}.key-terms dt{font-family:var(--font-display);font-size:18px;font-weight:700}.key-terms dd{margin:0}@media (min-width:600px){.key-terms dl{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card{gap:var(--space-3);min-width:0;padding:var(--space-4);background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-lg);box-shadow:var(--shadow-press);font:var(--text-body-lg);overflow-wrap:break-word;display:grid}.project-card>*{min-width:0}.project-card p{margin:0}.project-card>p:first-child{border-block-end:2px solid var(--line);padding-block-end:var(--space-3)}.project-card strong{font-family:var(--font-display);font-weight:700}.project-card ul{margin:var(--space-2) 0 0;padding-inline-start:var(--space-6)}.project-card li+li{margin-block-start:var(--space-2)}.project-card li::marker{color:var(--kola-deep)}.project-card~.dr-reflect-input{min-block-size:120px}.screen.onb{gap:var(--space-6);min-block-size:100vh;min-block-size:100dvh;padding-block:calc(var(--space-6) + env(safe-area-inset-top)) calc(var(--space-6) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.onb>*{min-width:0}.onb>:last-child{margin-block-start:auto}@media (min-width:900px){.screen.onb{justify-content:center}.onb>:last-child{margin-block-start:0}}.light-lesson{min-width:0;inline-size:100%}@media (orientation:portrait){.light-lesson{max-inline-size:max(16rem,56.25vh - 10.125rem);margin-inline-start:auto;margin-inline-end:auto}}@media (min-width:600px){.light-lesson{max-inline-size:none}}.light-wait{border-radius:var(--radius-md);block-size:0;padding-block-end:56.25%;position:relative;overflow:hidden}.light-wait>svg{position:absolute;top:0;bottom:0;left:0;right:0}.video-modes{gap:var(--space-2);flex-wrap:wrap;display:flex}.lb-labs{max-inline-size:1200px}.lb-tools{gap:var(--space-3);display:grid}.lb-search{box-sizing:border-box;inline-size:100%;min-block-size:var(--tap-min);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-md);font:var(--text-body);-webkit-appearance:none;appearance:none}.lb-search:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lb-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.lb-chip{align-items:center;gap:var(--space-1);min-block-size:var(--tap-min);padding:0 var(--space-4);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-pill);font:var(--text-label);cursor:pointer;display:inline-flex}.lb-chips.is-compact{gap:var(--space-1)}.lb-chips.is-compact .lb-chip{min-block-size:36px;padding:0 var(--space-3);font-size:14px}.lb-chip.is-on{background:var(--kola);color:var(--on-kola);border-color:var(--ink)}.lb-chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lb-card:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lb-rung:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lb-next:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.lb-cat{gap:var(--space-3);display:grid}.lb-cards{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.lb-card{align-content:start;gap:var(--space-2);min-inline-size:0;padding:var(--space-4);background:var(--surface);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);text-decoration:none;display:grid}.lb-card:hover{border-color:var(--ink)}.lb-card>strong{font:700 18px/24px var(--font-display);overflow-wrap:anywhere}.lb-card-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.lb-card-icon{border-radius:var(--radius-md);border:2px solid var(--ink);background:var(--sunbird);place-items:center;block-size:36px;inline-size:36px;display:grid}.lb-card.is-iot .lb-card-icon,.lb-next.is-iot{background:var(--lagoon)}.lb-card.is-cyber .lb-card-icon,.lb-next.is-cyber{background:var(--hibiscus)}.lb-card-sum{color:var(--ink-muted);font-size:14px;line-height:20px}.lb-card-meta{align-items:center;gap:var(--space-2);font:var(--text-label);color:var(--ink-muted);flex-wrap:wrap;display:flex}.lb-level{padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--surface-sunk);color:var(--ink)}.lb-done{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background:var(--correct-soft);color:var(--ink);font:var(--text-label);display:inline-flex}.lb-ladder-wrap{gap:var(--space-2);display:grid}.lb-ladder{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lb-rung{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-1);background:var(--surface);color:var(--ink);border:2px solid var(--line-strong);border-radius:var(--radius-pill);font:var(--text-label);text-decoration:none;display:inline-flex}.lb-rung-n{border-radius:var(--radius-pill);background:var(--sunbird);border:2px solid var(--ink);place-items:center;block-size:30px;inline-size:30px;font-weight:800;display:grid}.lb-rung.is-done .lb-rung-n{background:var(--correct-soft)}.lb-save{justify-items:start}.lb-app{max-inline-size:960px}.lb-next{gap:var(--space-1);padding:var(--space-4);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius-lg);background:var(--sunbird);box-shadow:var(--shadow-press);text-decoration:none;display:grid}.lb-next>strong{font:700 18px/24px var(--font-display)}@media (min-width:600px){.lb-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.lb-tools{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (min-width:900px){.lb-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}