:root{--sk-scheme: light;--sk-bg: #f5f5f5;--sk-bg-image: none;--sk-bg-size: auto;--sk-surface: #ffffff;--sk-surface-2: #f8fafc;--sk-edge: #e2e8f0;--sk-edge-strong: #cbd5e1;--sk-ink: #1e293b;--sk-ink-2: #475569;--sk-muted: #94a3b8;--sk-primary: #4f46e5;--sk-primary-deep: #4338ca;--sk-primary-soft: #e0e7ff;--sk-primary-ink: #4338ca;--sk-on-primary: #ffffff;--sk-green: #10b981;--sk-green-deep: #059669;--sk-green-soft: #d1fae5;--sk-green-ink: #047857;--sk-blue: #3b82f6;--sk-blue-deep: #2563eb;--sk-blue-soft: #dbeafe;--sk-blue-ink: #1d4ed8;--sk-orange: #f97316;--sk-orange-deep: #ea580c;--sk-orange-soft: #ffedd5;--sk-orange-ink: #c2410c;--sk-purple: #8b5cf6;--sk-purple-deep: #7c3aed;--sk-purple-soft: #ede9fe;--sk-purple-ink: #6d28d9;--sk-red: #ef4444;--sk-red-deep: #dc2626;--sk-red-soft: #fee2e2;--sk-red-ink: #b91c1c;--sk-gold: #fbbf24;--sk-gold-deep: #d97706;--sk-gold-soft: #fef3c7;--sk-gold-ink: #b45309;--sk-teal: #14b8a6;--sk-teal-deep: #0d9488;--sk-teal-soft: #ccfbf1;--sk-teal-ink: #0f766e;--sk-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans Arabic", system-ui, sans-serif;--sk-font-display: var(--sk-font-body);--sk-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--sk-display-case: none;--sk-display-tracking: normal;--sk-radius-s: 8px;--sk-radius: 12px;--sk-radius-l: 16px;--sk-border-w: 1px;--sk-clip: none;--sk-press: 0px;--sk-shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .1);--sk-shadow-pop: 0 10px 25px rgba(15, 23, 42, .12);--sk-glow: none}:root[data-skin=classic][data-theme=dark]{--sk-scheme: dark;--sk-bg: #0f172a;--sk-surface: #1e293b;--sk-surface-2: #273449;--sk-edge: #334155;--sk-edge-strong: #475569;--sk-ink: #f1f5f9;--sk-ink-2: #cbd5e1;--sk-muted: #94a3b8;--sk-primary: #6366f1;--sk-primary-deep: #4f46e5;--sk-primary-soft: rgba(99, 102, 241, .2);--sk-primary-ink: #a5b4fc;--sk-on-primary: #ffffff;--sk-green: #10b981;--sk-green-deep: #047857;--sk-green-soft: rgba(16, 185, 129, .18);--sk-green-ink: #6ee7b7;--sk-blue: #3b82f6;--sk-blue-deep: #1d4ed8;--sk-blue-soft: rgba(59, 130, 246, .18);--sk-blue-ink: #93c5fd;--sk-orange: #f97316;--sk-orange-deep: #c2410c;--sk-orange-soft: rgba(249, 115, 22, .18);--sk-orange-ink: #fdba74;--sk-purple: #8b5cf6;--sk-purple-deep: #6d28d9;--sk-purple-soft: rgba(139, 92, 246, .2);--sk-purple-ink: #c4b5fd;--sk-red: #ef4444;--sk-red-deep: #b91c1c;--sk-red-soft: rgba(239, 68, 68, .18);--sk-red-ink: #fca5a5;--sk-gold: #fbbf24;--sk-gold-deep: #b45309;--sk-gold-soft: rgba(251, 191, 36, .18);--sk-gold-ink: #fcd34d;--sk-teal: #14b8a6;--sk-teal-deep: #0f766e;--sk-teal-soft: rgba(20, 184, 166, .18);--sk-teal-ink: #5eead4;--sk-shadow: 0 1px 2px rgba(0, 0, 0, .3);--sk-shadow-pop: 0 10px 25px rgba(0, 0, 0, .45)}:root[data-skin=quest]{--sk-scheme: dark;--sk-bg: #0e1430;--sk-bg-image: radial-gradient(1200px 600px at 80% -10%, #263066 0%, #0e1430 55%);--sk-surface: #161d3d;--sk-surface-2: #1b2450;--sk-edge: rgba(255, 255, 255, .08);--sk-edge-strong: rgba(255, 255, 255, .16);--sk-ink: #e8ebf7;--sk-ink-2: #aab2d4;--sk-muted: #8d95b8;--sk-primary: #f0b64a;--sk-primary-deep: #c98a1b;--sk-primary-soft: rgba(240, 182, 74, .18);--sk-primary-ink: #ffd27a;--sk-on-primary: #2a1c05;--sk-green: #34d399;--sk-green-deep: #059669;--sk-green-soft: rgba(52, 211, 153, .18);--sk-green-ink: #6ee7b7;--sk-blue: #60a5fa;--sk-blue-deep: #2563eb;--sk-blue-soft: rgba(96, 165, 250, .18);--sk-blue-ink: #93c5fd;--sk-orange: #fb923c;--sk-orange-deep: #c2410c;--sk-orange-soft: rgba(251, 146, 60, .18);--sk-orange-ink: #fdba74;--sk-purple: #8b7cf6;--sk-purple-deep: #6d5bd0;--sk-purple-soft: rgba(139, 124, 246, .2);--sk-purple-ink: #b4a9fb;--sk-red: #ef6f8a;--sk-red-deep: #c2415d;--sk-red-soft: rgba(239, 111, 138, .2);--sk-red-ink: #f5a3b5;--sk-gold: #f0b64a;--sk-gold-deep: #c98a1b;--sk-gold-soft: rgba(240, 182, 74, .2);--sk-gold-ink: #ffd27a;--sk-teal: #38c6b0;--sk-teal-deep: #1f9c83;--sk-teal-soft: rgba(56, 198, 176, .2);--sk-teal-ink: #7ee0d0;--sk-font-body: "Nunito", "Noto Sans Arabic", "Trebuchet MS", "Segoe UI", sans-serif;--sk-font-display: "Sora", "Noto Sans Arabic", "Avenir Next", "Trebuchet MS", sans-serif;--sk-radius-s: 10px;--sk-radius: 14px;--sk-radius-l: 18px;--sk-shadow: none;--sk-shadow-pop: 0 12px 32px rgba(0, 0, 0, .45);--sk-glow: 0 6px 18px rgba(240, 182, 74, .35)}:root[data-skin=arcade]{--sk-scheme: dark;--sk-bg: #07090f;--sk-bg-image: linear-gradient(rgba(46, 230, 214, .035) 1px, transparent 1px), linear-gradient(90deg, rgba(46, 230, 214, .035) 1px, transparent 1px);--sk-bg-size: 40px 40px;--sk-surface: #0f1420;--sk-surface-2: #0a0e17;--sk-edge: #1d2536;--sk-edge-strong: #2b3650;--sk-ink: #e6f0ff;--sk-ink-2: #b7c2d9;--sk-muted: #7a8aa6;--sk-primary: #2ee6d6;--sk-primary-deep: #14a89c;--sk-primary-soft: rgba(46, 230, 214, .12);--sk-primary-ink: #8ffff3;--sk-on-primary: #04201d;--sk-green: #b6f542;--sk-green-deep: #7fb81f;--sk-green-soft: rgba(182, 245, 66, .14);--sk-green-ink: #d4fa8f;--sk-blue: #5ab8ff;--sk-blue-deep: #2f7fd1;--sk-blue-soft: rgba(90, 184, 255, .14);--sk-blue-ink: #a6d8ff;--sk-orange: #ff9c66;--sk-orange-deep: #d96a2f;--sk-orange-soft: rgba(255, 156, 102, .14);--sk-orange-ink: #ffc3a3;--sk-purple: #c084fc;--sk-purple-deep: #9153d6;--sk-purple-soft: rgba(192, 132, 252, .14);--sk-purple-ink: #dcb8fe;--sk-red: #ff4fa3;--sk-red-deep: #d42a7c;--sk-red-soft: rgba(255, 79, 163, .14);--sk-red-ink: #ff9fcb;--sk-gold: #ffd84a;--sk-gold-deep: #c9a410;--sk-gold-soft: rgba(255, 216, 74, .14);--sk-gold-ink: #ffe98f;--sk-teal: #2ee6d6;--sk-teal-deep: #14a89c;--sk-teal-soft: rgba(46, 230, 214, .12);--sk-teal-ink: #8ffff3;--sk-font-body: "Space Grotesk", "Noto Sans Arabic", "Segoe UI", system-ui, sans-serif;--sk-font-display: "Chakra Petch", "Noto Sans Arabic", "Space Grotesk", system-ui, sans-serif;--sk-display-case: uppercase;--sk-display-tracking: .08em;--sk-radius-s: 2px;--sk-radius: 4px;--sk-radius-l: 6px;--sk-clip: polygon(10px 0, 100% 0, 100% calc(100% - 10px) , calc(100% - 10px) 100%, 0 100%, 0 10px);--sk-shadow: none;--sk-shadow-pop: 0 0 0 1px #1d2536, 0 16px 40px rgba(0, 0, 0, .6);--sk-glow: 0 0 24px rgba(46, 230, 214, .45)}:root[data-skin=playground]{--sk-scheme: light;--sk-bg: #fbf7ef;--sk-surface: #ffffff;--sk-surface-2: #f6f0e3;--sk-edge: #ebe3d3;--sk-edge-strong: #d9d2c1;--sk-ink: #2b2a3d;--sk-ink-2: #5c5a72;--sk-muted: #8a8672;--sk-primary: #ff6b57;--sk-primary-deep: #c9432f;--sk-primary-soft: #fff1ee;--sk-primary-ink: #c9432f;--sk-on-primary: #ffffff;--sk-green: #35c98d;--sk-green-deep: #23926a;--sk-green-soft: #e9f9f1;--sk-green-ink: #1f7d5b;--sk-blue: #4aa8ff;--sk-blue-deep: #2f7fd1;--sk-blue-soft: #eaf3ff;--sk-blue-ink: #2a70b8;--sk-orange: #ff9a3c;--sk-orange-deep: #d0701a;--sk-orange-soft: #fff3e6;--sk-orange-ink: #b35f12;--sk-purple: #9b6bff;--sk-purple-deep: #7a4fe0;--sk-purple-soft: #f3edff;--sk-purple-ink: #6a41cc;--sk-red: #f0506e;--sk-red-deep: #c0304d;--sk-red-soft: #ffeef1;--sk-red-ink: #b02a45;--sk-gold: #ffc531;--sk-gold-deep: #c7920a;--sk-gold-soft: #fff8e6;--sk-gold-ink: #946c05;--sk-teal: #2cc5b5;--sk-teal-deep: #1c9488;--sk-teal-soft: #e6f8f6;--sk-teal-ink: #177a70;--sk-font-body: "Nunito", "Noto Sans Arabic", "Trebuchet MS", "Segoe UI", sans-serif;--sk-font-display: "Baloo 2", "Baloo Bhaijaan 2", "Nunito", "Trebuchet MS", sans-serif;--sk-radius-s: 12px;--sk-radius: 16px;--sk-radius-l: 22px;--sk-border-w: 2px;--sk-press: 5px;--sk-shadow: 0 6px 0 #ebe3d3;--sk-shadow-pop: 0 10px 0 #ebe3d3, 0 18px 40px rgba(43, 42, 61, .12)}:root[lang=ar]{--sk-display-case: none;--sk-display-tracking: normal}html{color-scheme:var(--sk-scheme);background-color:var(--sk-bg);background-image:var(--sk-bg-image);background-size:var(--sk-bg-size);background-attachment:fixed}:root{--page: var(--sk-bg);--surface: var(--sk-surface);--surface2: var(--sk-surface-2);--ink: var(--sk-ink);--ink2: var(--sk-ink-2);--muted: var(--sk-muted);--grid: var(--sk-edge);--axis: var(--sk-edge-strong);--border: var(--sk-edge);--on-hue: var(--sk-on-primary);--green: var(--sk-green);--green-deep: var(--sk-green-deep);--green-soft: var(--sk-green-soft);--green-ink: var(--sk-green-ink);--green-edge: color-mix(in srgb, var(--sk-green) 45%, var(--sk-surface));--blue: var(--sk-blue);--blue-deep: var(--sk-blue-deep);--blue-soft: var(--sk-blue-soft);--blue-ink: var(--sk-blue-ink);--blue-edge: color-mix(in srgb, var(--sk-blue) 45%, var(--sk-surface));--orange: var(--sk-orange);--orange-deep: var(--sk-orange-deep);--orange-soft: var(--sk-orange-soft);--orange-ink: var(--sk-orange-ink);--orange-edge: color-mix(in srgb, var(--sk-orange) 45%, var(--sk-surface));--purple: var(--sk-purple);--purple-deep: var(--sk-purple-deep);--purple-soft: var(--sk-purple-soft);--purple-ink: var(--sk-purple-ink);--purple-edge: color-mix(in srgb, var(--sk-purple) 45%, var(--sk-surface));--teal: var(--sk-teal);--teal-deep: var(--sk-teal-deep);--red: var(--sk-red);--red-deep: var(--sk-red-deep);--red-soft: var(--sk-red-soft);--red-ink: var(--sk-red-ink);--red-edge: color-mix(in srgb, var(--sk-red) 45%, var(--sk-surface));--gold: var(--sk-gold);--gold-soft: var(--sk-gold-soft);--gold-ink: var(--sk-gold-ink);--slate: var(--sk-muted);--slate-deep: var(--sk-ink-2);--s1: var(--blue);--s2: var(--orange);--s3: var(--teal);--good: var(--green);--warn: var(--orange);--serious: var(--red);--crit: var(--red);--m0: var(--grid);--vz-ink: var(--sk-ink);--vz-muted: var(--sk-ink-2);--vz-axis: color-mix(in srgb, var(--sk-ink) 38%, var(--sk-surface));--vz-grid: color-mix(in srgb, var(--sk-ink) 10%, var(--sk-surface));--vz-s1: var(--sk-blue);--vz-s2: var(--sk-orange);--vz-s3: var(--sk-teal);--vz-surface: var(--sk-surface);--vz-on-fill: var(--sk-ink);--eyebrow-track: .08em}:root[data-theme=dark]{--vz-on-fill: var(--sk-bg)}*{box-sizing:border-box}body{margin:0;background:transparent;color:var(--ink);font:500 15px/1.55 var(--sk-font-body)}h1,h2,h3,h4{font-weight:800}h1,h2,h3,h4,.primary,.ghost,.navitem,.hint-btn,.linkish,.pill,.start-pill,.big{font-family:var(--sk-font-display);text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking)}:root:not([lang=ar]) :is(.kicker,.domain-head,.cap,th,.course-card .grade,.home-banner .kick,.start-pill){text-transform:uppercase;letter-spacing:var(--eyebrow-track)}b{font-weight:800}code,pre{font-family:var(--sk-font-mono)}:where(button,a,[tabindex]):focus-visible{outline:3px solid var(--sk-primary);outline-offset:2px}:is(.card,.opt,.course-card,.vidcard,.placement-cta):focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sk-primary)}[dir=rtl] .icon-directional{display:inline-block;transform:scaleX(-1)}.ltr,.vis,svg.viz{direction:ltr;unicode-bidi:isolate}header{background:var(--surface);border-block-end:var(--sk-border-w) solid var(--border);padding:10px 24px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}header h1{font-size:22px;margin:0;color:var(--sk-primary-ink)}.tabs{display:flex;gap:4px;margin-inline-start:10px;flex-wrap:wrap}.navitem{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:800;padding-block:6px;padding-inline:7px 12px;border-radius:var(--sk-radius);border:var(--sk-border-w) solid transparent;background:transparent;color:var(--ink2);cursor:pointer}.navitem .tile{width:34px;height:34px;border-radius:var(--sk-radius-s);display:flex;align-items:center;justify-content:center;flex:none}.navitem .tile svg{width:19px;height:19px;stroke:var(--on-hue)}.navitem .tile.brand{background:var(--sk-primary);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--sk-primary-deep)}.navitem .tile.brand svg{stroke:var(--sk-on-primary)}.navitem .tile.blue{background:var(--blue);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--blue-deep)}.navitem .tile.purple{background:var(--purple);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--purple-deep)}.navitem .tile.slate{background:var(--slate);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--slate-deep)}.navitem[aria-selected=true].brand-nav{background:var(--sk-primary-soft);border-color:var(--sk-primary);color:var(--sk-primary-ink)}.navitem[aria-selected=true].blue-nav{background:var(--blue-soft);border-color:var(--blue-edge);color:var(--blue-ink)}.navitem[aria-selected=true].slate-nav{background:var(--surface2);border-color:var(--axis);color:var(--ink)}.navitem[aria-selected=true].purple-nav{background:var(--purple-soft);border-color:var(--purple-edge);color:var(--purple-ink)}.streak-chip{display:flex;align-items:center;gap:6px;font-weight:800;font-size:15px;color:var(--orange-ink)}.streak-chip svg{width:18px;height:18px;color:var(--orange)}.spacer{margin-inline-start:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ghost,.primary{font-size:14px;cursor:pointer;border-radius:var(--sk-radius);font-weight:800}.ghost{font-size:13px;padding:7px 13px;border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink2);box-shadow:0 calc(var(--sk-press) * .4) 0 var(--axis)}.ghost:hover{border-color:var(--sk-primary);color:var(--ink)}.ghost:active{transform:translateY(2px);box-shadow:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border:0;background:var(--sk-primary);color:var(--sk-on-primary);box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow);clip-path:var(--sk-clip)}.primary:hover{filter:brightness(1.05)}.primary:active{transform:translateY(3px);box-shadow:0 calc(var(--sk-press) * .2) 0 var(--sk-primary-deep)}.primary:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--sk-on-primary),0 var(--sk-press) 0 var(--sk-primary-deep)}.primary:disabled{background:var(--surface2);color:var(--muted);box-shadow:inset 0 0 0 var(--sk-border-w) var(--axis),0 var(--sk-press) 0 var(--axis);cursor:default;filter:none;transform:none}.primary.orange{background:var(--orange);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--orange-deep)}.primary.red{background:var(--red);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--red-deep)}.primary.orange:active,.primary.red:active{box-shadow:none}.pill{font-size:11px;font-weight:800;padding:3px 10px;border-radius:999px;border:var(--sk-border-w) solid var(--border);color:var(--ink2);background:var(--surface2)}.course-pill{cursor:pointer;font-size:13px;color:var(--ink);background:var(--surface);border-color:var(--axis)}.course-pill:hover{border-color:var(--sk-primary);color:var(--sk-primary-ink)}main{max-width:1180px;margin:0 auto;padding:22px 24px 60px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}@media (max-width: 940px){.layout{grid-template-columns:1fr}}.card{background:var(--surface);border:var(--sk-border-w) solid var(--sk-edge);border-radius:var(--sk-radius-l);box-shadow:var(--sk-shadow);clip-path:var(--sk-clip);padding:20px 22px}.card h2{font-size:19px;margin:0 0 4px}.card h3{font-size:14.5px;margin:0 0 8px}.muted{color:var(--ink2)}.small{font-size:12.5px}.ok{color:var(--green-ink)}.bad{color:var(--red-ink)}.home-banner{background:var(--sk-primary);border-radius:var(--sk-radius-l);clip-path:var(--sk-clip);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow);margin-block-end:8px}.home-banner .kick{color:color-mix(in srgb,var(--sk-on-primary) 80%,transparent);font-weight:800;font-size:12px}.home-banner h2{color:var(--sk-on-primary);font-size:22px;margin:2px 0 0}.home-banner .pill{background:var(--sk-primary-deep);border-color:var(--sk-primary-deep);color:var(--sk-on-primary);font-size:13px;padding:7px 13px}.domain-head{text-align:center;font-weight:800;font-size:12px;color:var(--ink2);margin:18px 0 6px;display:flex;align-items:center;gap:8px}.domain-head .dot{width:10px;height:10px;border-radius:50%;flex:none}.path{display:flex;flex-direction:column;padding:6px 0 20px}.path-row{display:flex;align-items:center;gap:15px;padding-block:7px;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;width:fit-content}.node{width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex:none;background:var(--surface2);border:var(--sk-border-w) solid var(--axis);color:var(--ink2);box-shadow:0 var(--sk-press) 0 var(--axis)}.node svg{width:26px;height:26px}.path-row:active .node{transform:translateY(3px);box-shadow:0 calc(var(--sk-press) * .4) 0 var(--axis)}.node.done{background:var(--green);border-color:var(--green-deep);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--green-deep)}.node.started{background:var(--blue);border-color:var(--blue-deep);color:var(--on-hue);box-shadow:0 var(--sk-press) 0 var(--blue-deep)}.node.cur{width:78px;height:78px;background:var(--sk-primary);color:var(--sk-on-primary);border:6px solid color-mix(in srgb,var(--sk-primary) 35%,var(--sk-surface));box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep),var(--sk-glow)}@media (max-width: 700px){.path-row{padding-inline-start:12px!important}}.path-row .label{font-weight:700;font-size:14px;color:var(--ink2);max-width:300px}.path-row .label .sub{display:block;font-weight:600;font-size:12px;color:var(--muted)}.path-row.cur .label{font-size:15.5px;color:var(--ink)}.start-pill{display:block;width:fit-content;margin:0 auto 6px;background:var(--surface);border:var(--sk-border-w) solid var(--sk-primary);color:var(--sk-primary-ink);font-weight:800;font-size:11px;padding:4px 12px;border-radius:999px}.side{display:grid;gap:16px;align-content:start}.ringcard{display:flex;align-items:center;gap:16px}.ringcard .who h3{margin:0;font-size:16px}.ringcard .who p{margin:2px 0 0;font-size:13px;color:var(--ink2);font-weight:600}.statcard{display:flex;align-items:center;gap:13px}.statcard svg{width:30px;height:30px;flex:none;color:var(--orange)}.big{font-weight:800;font-size:19px}.big.streak{color:var(--orange-ink)}.cap{font-weight:700;font-size:11px;color:var(--muted)}.masterybar{height:12px;border-radius:999px;background:var(--grid);overflow:hidden;margin:8px 0 6px}.masterybar i{display:block;height:100%;border-radius:999px;background:var(--green)}.side h3{font-size:13px;margin:0 0 9px}.stat{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);padding:5px 0;border-block-end:var(--sk-border-w) solid var(--border)}.stat.last{border-block-end:0}.stat b{color:var(--ink)}.lesson-page{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.lbar{display:flex;align-items:center;gap:18px;padding:4px 0 10px}.lbar .x{border:0;background:none;cursor:pointer;color:var(--ink2);display:flex;padding:4px}.lbar .x svg{width:20px;height:20px}.lbar .track{flex:1;height:15px;border-radius:999px;background:var(--grid);overflow:hidden}.lbar .track i{display:block;height:100%;border-radius:999px;background:var(--sk-primary);transition:width .25s ease}.kicker{font-weight:700;font-size:12px;color:var(--ink2)}.stem{font-size:21px;font-weight:800;line-height:1.35;margin:0}.qbody{display:flex;gap:20px;align-items:flex-start}.qbody .vis{flex:0 1 380px;background:var(--surface);border:var(--sk-border-w) solid var(--border);border-radius:var(--sk-radius-l);padding:12px;overflow-x:auto}.qbody .opts{flex:1 1 0;min-width:0}@media (max-width: 800px){.qbody{flex-direction:column}.qbody .vis{flex:none;width:100%}}.vis{overflow-x:auto}svg.viz{max-width:100%;height:auto;display:block;margin:0 auto}.opts{display:grid;gap:11px}.opt{display:grid;grid-template-columns:30px 1fr;gap:13px;align-items:center;text-align:start;font:inherit;font-weight:700;font-size:16px;padding:14px 16px;border-radius:var(--sk-radius);clip-path:var(--sk-clip);cursor:pointer;border:var(--sk-border-w) solid var(--axis);background:var(--surface);color:var(--ink);box-shadow:0 var(--sk-press) 0 var(--axis)}.opt:hover:not(:disabled){border-color:var(--sk-primary)}.opt:active:not(:disabled){transform:translateY(2px);box-shadow:0 calc(var(--sk-press) * .4) 0 var(--axis)}.opt:disabled{cursor:default}.opt .k{font-family:var(--sk-font-display);font-weight:800;color:var(--ink2);font-size:13px;border:var(--sk-border-w) solid var(--axis);border-radius:var(--sk-radius-s);width:30px;height:30px;display:flex;align-items:center;justify-content:center}.opt.sel{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 var(--sk-press) 0 var(--blue-deep);color:var(--blue-ink)}.opt.sel .k{border-color:var(--blue);background:var(--blue);color:var(--on-hue)}.opt.right{border-color:var(--green);background:var(--green-soft);color:var(--green-ink);box-shadow:0 var(--sk-press) 0 var(--green-deep)}.opt.wrong{border-color:var(--red);background:var(--red-soft);color:var(--red-ink);box-shadow:0 var(--sk-press) 0 var(--red-deep)}.opt.fade{opacity:.45}.lesson-foot{border-block-start:var(--sk-border-w) solid var(--border);padding-block-start:16px;margin-block-start:4px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.lesson-foot.wrong{border-block-start-color:var(--red-edge)}.lesson-foot .primary{font-size:15px;padding:14px 44px}.hint-btn{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;color:var(--orange-ink);background:var(--surface);border:var(--sk-border-w) solid var(--axis);border-radius:var(--sk-radius);padding:10px 17px;box-shadow:0 calc(var(--sk-press) * .6) 0 var(--axis);cursor:pointer}.hint-btn svg{width:18px;height:18px;color:var(--orange)}.verdict-row{display:flex;flex-wrap:wrap;gap:13px}.verdict{flex:1 1 220px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:15.5px;border-radius:var(--sk-radius);padding:13px 17px;border:var(--sk-border-w) solid}.verdict svg{width:22px;height:22px;flex:none}.verdict.good{background:var(--green-soft);border-color:var(--green);color:var(--green-ink);box-shadow:0 var(--sk-press) 0 var(--green-deep)}.verdict.good svg{color:var(--green)}.verdict.bad{background:var(--red-soft);border-color:var(--red);color:var(--red-ink);box-shadow:0 var(--sk-press) 0 var(--red-deep)}.verdict.bad svg{color:var(--red)}.fb{border-radius:var(--sk-radius-l);padding:16px 20px;font-size:14px;border:var(--sk-border-w) solid var(--border);background:var(--surface)}.fb.ok{color:inherit;border-color:var(--green-edge)}.fb.no{border-color:var(--red-edge)}.fb.back{border-color:var(--orange);background:var(--orange-soft)}.fb.back h4{color:var(--orange-ink)}.fb.back p{color:var(--ink)}.fb h4{margin:0 0 5px;font-size:14px;display:flex;gap:8px;align-items:center}.fb.ok h4 svg{color:var(--green)}.fb p{margin:4px 0 0;color:var(--ink2)}.fb code{font-size:11.5px;color:var(--orange-ink)}.nudge{border-inline-start:3px solid var(--blue);padding-inline-start:10px;margin-block-start:8px!important}.voice-controls{margin-inline-start:auto;display:inline-flex;align-items:center;gap:10px}.icon-toggle{display:inline-flex;align-items:center;border:0;background:none;padding:0;color:var(--muted);cursor:pointer}.icon-toggle[aria-pressed=true]{color:var(--sk-primary-ink)}.icon-toggle .icon{width:15px;height:15px}.glossary-pop{position:fixed;z-index:40;max-width:360px;background:var(--surface);color:var(--ink);border:var(--sk-border-w) solid var(--axis);border-radius:var(--sk-radius);padding:12px 16px;box-shadow:var(--sk-shadow-pop)}.glossary-pop b{font-size:14.5px;text-transform:lowercase}.glossary-pop p{margin:4px 0 0;font-size:13.5px;font-weight:600;color:var(--ink2)}.steps{margin:4px 0 0;padding-inline-start:19px;color:var(--ink2)}.icon{width:17px;height:17px;flex:none}.hintbox{border-inline-start:3px solid var(--orange);background:var(--orange-soft);border-start-start-radius:0;border-end-start-radius:0;border-start-end-radius:var(--sk-radius);border-end-end-radius:var(--sk-radius);padding:10px 14px;font-size:14px;color:var(--ink)}.hintbox>b{color:var(--orange-ink)}.hintbox ol{margin:4px 0 0;padding-inline-start:18px}.row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.result-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;padding-block-start:8px}.result-head h2{font-size:26px;margin:6px 0 0}.result-head .sub{font-weight:600;font-size:14px;color:var(--ink2)}.result-stats{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}.result-stats .card{padding:13px 22px;display:flex;flex-direction:column;align-items:center;gap:1px}.weakcard{border-color:var(--orange)!important;display:flex;gap:16px;align-items:center}.weakcard .wbody{flex:1 1 0}.weakcard h4{margin:0 0 4px;font-size:15px}.center-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:22px}.linkish{border:0;background:none;font-weight:800;font-size:13px;color:var(--ink2);cursor:pointer}.linkish:hover{color:var(--ink)}.offer-page{max-width:720px;margin:40px auto 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}.offer-page .bigtile{width:84px;height:84px;border-radius:var(--sk-radius-l);background:var(--blue);box-shadow:0 var(--sk-press) 0 var(--blue-deep);display:flex;align-items:center;justify-content:center}.offer-page .bigtile svg{width:40px;height:40px;stroke:var(--on-hue)}.offer-page h2{font-size:25px;margin:6px 0 0}.offer-page p{margin:0;color:var(--ink2);max-width:46ch}.offer-page .row{justify-content:center}.lesson-player video{display:block;width:100%;border-radius:var(--sk-radius);background:var(--surface2);margin-block-end:8px;direction:ltr}.lesson-player .ptop{margin-block-end:12px}.lesson-player h3{margin:0}.linky{display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:0;font:inherit;font-weight:700;font-size:13px;color:var(--sk-primary-ink);cursor:pointer}.linky:hover{text-decoration:underline}.linky .icon{width:11px;height:11px}.vidgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:16px;margin-block-end:20px}.vidcard{font:inherit;text-align:start;cursor:pointer;background:var(--surface);border:var(--sk-border-w) solid var(--border);border-radius:var(--sk-radius-l);box-shadow:var(--sk-shadow);clip-path:var(--sk-clip);overflow:hidden;padding:0;color:var(--ink);display:flex;flex-direction:column}.vidcard:hover{border-color:var(--blue-edge)}.vidcard .thumb{height:96px;background:var(--surface2);display:flex;align-items:center;justify-content:center;position:relative}.vidcard .thumb .dur{position:absolute;inset-inline-end:9px;inset-block-end:7px;background:var(--ink);color:var(--surface);font-weight:700;font-size:11px;padding:2px 8px;border-radius:var(--sk-radius-s)}.vidcard .thumb svg.play{width:38px;height:38px;color:var(--blue)}.vidcard .vname{padding:11px 14px;display:flex;align-items:center;gap:9px;font-weight:700;font-size:13.5px;line-height:1.35}.vidcard .vname svg{width:16px;height:16px;flex:none;color:var(--green)}.vidcard .unwatched{width:16px;height:16px;border:2px solid var(--axis);border-radius:50%;flex:none}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:16px}.stack{display:grid;gap:16px;align-content:start;min-width:0}.stack .card{overflow-x:auto}.flagcard{border-color:var(--orange)!important;margin-block-end:16px}.belowcard{border-color:var(--blue-edge)!important;margin-block-end:16px}.flagrow{font-size:13.5px;margin-block-end:4px}.chart{display:grid;gap:7px}.crow{display:grid;grid-template-columns:minmax(0,190px) 1fr 52px;gap:10px;align-items:center;font-size:12.5px}.crow .mname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ctrack{height:14px;background:var(--m0);border-radius:7px;overflow:hidden}.ctrack i{display:block;height:100%;border-radius:7px}.ctrack i.done{background:var(--good)}.ctrack i.started{background:var(--s1)}.legend{display:flex;gap:14px;font-size:11.5px;color:var(--ink2);margin:10px 0 12px;flex-wrap:wrap}.legend span{display:flex;gap:5px;align-items:center}.sw{width:11px;height:11px;border-radius:3px}.sw.done{background:var(--good)}.sw.started{background:var(--s1)}.sw.idle{background:var(--m0)}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:start;padding:7px 9px;border-block-end:var(--sk-border-w) solid var(--grid);vertical-align:top}th{color:var(--muted);font-size:10.5px}.num{font-variant-numeric:tabular-nums;text-align:end}td code{font-size:11px;color:var(--orange-ink)}.prose{max-width:900px;overflow-x:auto}.prose p,.prose li{color:var(--ink2);max-width:78ch}.prose h3{margin:22px 0 8px}.note{border-inline-start:3px solid var(--orange);padding-inline-start:13px;color:var(--ink2);margin:14px 0}pre{background:var(--surface2);border:var(--sk-border-w) solid var(--border);border-radius:var(--sk-radius);padding:14px;overflow:auto;font-size:12px;line-height:1.5;color:var(--ink2);white-space:pre-wrap;direction:ltr;text-align:start}.picker-head{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-block-end:20px}.picker-head h2{font-size:23px;margin:0 0 6px}.picker-head p{margin:0;max-width:62ch;font-size:13.5px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(255px,100%),1fr));gap:14px}.course-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:start;font:inherit;cursor:pointer;background:var(--surface);border:var(--sk-border-w) solid var(--border);border-radius:var(--sk-radius-l);clip-path:var(--sk-clip);padding:15px 17px 13px;color:var(--ink);box-shadow:var(--sk-shadow);transition:border-color .12s ease,transform .12s ease}.course-card:hover{border-color:var(--sk-primary);transform:translateY(-1px)}.course-card.cur{border-color:var(--sk-primary);background:var(--sk-primary-soft);box-shadow:0 var(--sk-press) 0 var(--sk-primary-deep)}.course-card .chead{display:flex;align-items:center;gap:10px}.course-card .ctile{width:34px;height:34px;border-radius:var(--sk-radius-s);display:flex;align-items:center;justify-content:center;color:var(--on-hue);font-family:var(--sk-font-display);font-weight:800;font-size:13px;flex:none}.course-card .ctile.c0{background:var(--green);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--green-deep)}.course-card .ctile.c1{background:var(--blue);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--blue-deep)}.course-card .ctile.c2{background:var(--orange);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--orange-deep)}.course-card .ctile.c3{background:var(--purple);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--purple-deep)}.course-card .ctile.c4{background:var(--teal);box-shadow:0 calc(var(--sk-press) * .6) 0 var(--teal-deep)}.course-card .grade{font-size:10.5px;color:var(--ink2);font-weight:700}.course-card h3{font-size:15.5px;margin:0}.course-card p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.45;font-weight:600}.course-card .chips{display:flex;flex-wrap:wrap;gap:4px;margin-block-start:4px}.course-card .chip{font-size:10px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--surface2);border:var(--sk-border-w) solid var(--border);color:var(--ink2)}.course-card .count{margin-block-start:6px;font-size:12px;font-weight:600;color:var(--ink2)}.hue-0{--hue: var(--sk-blue);--hue-soft: var(--sk-blue-soft);--hue-ink: var(--sk-blue-ink)}.hue-1{--hue: var(--sk-green);--hue-soft: var(--sk-green-soft);--hue-ink: var(--sk-green-ink)}.hue-2{--hue: var(--sk-orange);--hue-soft: var(--sk-orange-soft);--hue-ink: var(--sk-orange-ink)}.hue-3{--hue: var(--sk-purple);--hue-soft: var(--sk-purple-soft);--hue-ink: var(--sk-purple-ink)}.hue-4{--hue: var(--sk-teal);--hue-soft: var(--sk-teal-soft);--hue-ink: var(--sk-teal-ink)}.hue-5{--hue: var(--sk-red);--hue-soft: var(--sk-red-soft);--hue-ink: var(--sk-red-ink)}.hue-6{--hue: var(--sk-gold);--hue-soft: var(--sk-gold-soft);--hue-ink: var(--sk-gold-ink)}.domain-head .dot{background:var(--hue)}.course-card .chip[class*=hue-]{background:var(--hue-soft);border-color:color-mix(in srgb,var(--hue) 45%,var(--sk-surface));color:var(--hue-ink)}.placement-cta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 20px;width:100%;text-align:start;font:inherit;font-weight:600;cursor:pointer;color:var(--purple-ink);background:var(--purple-soft);border:var(--sk-border-w) solid var(--purple-edge);border-radius:var(--sk-radius-l);clip-path:var(--sk-clip);padding:14px 18px;margin-block-end:16px;font-size:13.5px;line-height:1.45}.placement-cta:hover{border-color:var(--purple)}.placement-cta .go{white-space:nowrap;font-family:var(--sk-font-display);font-weight:800;text-transform:var(--sk-display-case);letter-spacing:var(--sk-display-tracking);color:var(--purple-ink)}.placement{max-width:760px;margin:0 auto}.ptop{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px 20px}.ptop h2{margin-block-end:2px}.ptop p{margin:0;max-width:58ch}.pbar{height:13px;border-radius:999px;background:var(--m0);margin:16px 0 18px;overflow:hidden}.pbar i{display:block;height:100%;border-radius:999px;background:var(--purple);transition:width .18s ease}.host-splash{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.1rem;color:var(--ink2)}.host-banner{padding:10px 16px;background:var(--gold-soft);color:var(--gold-ink);border-block-end:var(--sk-border-w) solid var(--gold);font-size:.9rem}.host-banner a{color:inherit;font-weight:700;margin-inline-start:6px}.student-pill{opacity:.85}.back-pill{font-weight:700;cursor:pointer}@media (max-width: 520px){header{padding:10px 14px;gap:10px}.tabs{margin-inline-start:0}.navitem{padding-inline:4px 8px;gap:6px}main{padding:16px 14px 48px}.card{padding:16px}.lesson-foot .primary{padding:13px 28px}.crow{grid-template-columns:minmax(0,110px) 1fr 44px}}.item-lang-note{margin:0 0 6px}