:root{--v2-breakpoint-tablet:720px;--v2-breakpoint-desktop:1080px;--v2-gutter:16px;--v2-content-max:1180px;--v2-header-max:1200px;--v2-nav-clearance:calc(76px + env(safe-area-inset-bottom))}@media (width>=720px){:root{--v2-gutter:24px}}.v2-shell-surface{background:var(--theme-bg);max-width:100%;min-height:100dvh;color:var(--theme-ink);font-family:var(--font-sans);line-height:var(--leading-normal);overflow-x:clip}.v2-page{width:100%;min-width:0;color:var(--theme-ink);font-family:var(--font-sans)}.v2-page-gutter{width:100%;padding-inline:max(var(--v2-gutter), env(safe-area-inset-left))}.v2-content{width:100%;min-width:0;max-width:var(--v2-content-max);margin-inline:auto}.v2-display{font-family:var(--font-display)}.v2-arabic{font-family:var(--font-arabic)}.v2-muted{color:var(--theme-muted)}.v2-eyebrow{color:var(--theme-primary);font-family:var(--font-sans);font-size:var(--ds-font-size-2);font-weight:var(--ds-font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;margin:0}.v2-loading{min-height:20rem;padding:var(--space-4);color:var(--theme-muted);text-align:center;place-items:center;display:grid}.v2-trailhead{justify-content:center;align-items:center;gap:var(--space-2);color:var(--theme-muted);font-size:var(--ds-font-size-2);font-weight:var(--ds-font-weight-semibold);letter-spacing:.1em;text-align:center;text-transform:uppercase;flex-direction:column;display:flex}.v2-trail-line{justify-content:center;align-items:center;gap:var(--space-3);width:min(220px,100%);display:flex}.v2-trail-line:before,.v2-trail-line:after{border-top:2px dotted var(--theme-border-strong);opacity:.55;content:"";flex:1;max-width:72px;height:0}.v2-door{border:1.5px solid var(--theme-border-strong);background:var(--theme-surface);border-radius:7.5px 7.5px 2px 2px;flex-shrink:0;width:15px;height:21px;display:inline-block;position:relative}.v2-door:after{content:"";background:currentColor;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:56%;right:2px}.v2-door--current{border-color:var(--theme-primary);background:var(--theme-primary);color:var(--theme-feature-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 70%, transparent)}.v2-door--unselected{border-color:var(--theme-gold-strong);background:var(--theme-gold-soft);color:var(--theme-gold-strong)}.v2-door--complete{border-color:var(--theme-primary);background:var(--theme-primary);color:var(--theme-primary-soft)}.v2-door--ahead{color:var(--theme-border-strong);opacity:.45}@media (width>=900px){.v2-page-gutter{padding-inline:0}}@media (prefers-reduced-motion:reduce){.v2-reduced-motion{transition:none!important;animation:none!important}}.roadbar.svelte-1x4hfub{justify-content:center;align-items:center;gap:var(--space-1);border-bottom:1px solid var(--theme-border);background:var(--theme-bg-subtle);width:100%;min-height:72px;padding:var(--space-3) var(--space-6);font:inherit;transition:background var(--motion-base) ease;flex-direction:column;display:flex}.visuals.svelte-1x4hfub{justify-content:center;align-items:center;gap:var(--space-2);width:min(300px,100%);display:flex}.visuals.svelte-1x4hfub:before,.visuals.svelte-1x4hfub:after{border-top:2px dotted var(--theme-border-strong);opacity:.5;content:"";flex:1;max-width:64px;height:0}.door-link.svelte-1x4hfub{line-height:0;display:inline-flex}.roadbar.svelte-1x4hfub:hover{background:var(--theme-surface)}.roadbar.svelte-1x4hfub:hover .here:where(.svelte-1x4hfub),.roadbar.svelte-1x4hfub:hover .here:where(.svelte-1x4hfub) b:where(.svelte-1x4hfub){color:var(--theme-primary)}.door-link.svelte-1x4hfub:focus-visible,.here.svelte-1x4hfub:focus-visible{outline:var(--ds-focus-outline);outline-offset:3px}.v2-door{transition:border-color var(--motion-base) ease,background var(--motion-base) ease,box-shadow var(--motion-base) ease}.link.svelte-1x4hfub{border-top:2px dotted var(--theme-border-strong);opacity:.7;flex-shrink:0;width:18px;height:0}.here.svelte-1x4hfub{max-width:80vw;color:var(--theme-muted);padding:0 var(--space-2);font-family:var(--font-display);text-align:center;text-overflow:ellipsis;white-space:nowrap;transition:color var(--motion-base) ease;font-size:.95rem;font-style:italic;overflow:hidden}.here.svelte-1x4hfub b:where(.svelte-1x4hfub){color:var(--theme-primary);font-style:normal;font-weight:600}@media (width>=900px){.roadbar.svelte-1x4hfub{max-width:1200px;padding:var(--space-3) 0;background:0 0;border-bottom:0;margin:0 auto}.roadbar.svelte-1x4hfub:hover{background:0 0}.visuals.svelte-1x4hfub{width:min(420px,100%)}.visuals.svelte-1x4hfub:before,.visuals.svelte-1x4hfub:after{max-width:120px}.link.svelte-1x4hfub{width:30px}.here.svelte-1x4hfub{max-width:none;padding:0;font-size:1.05rem}}@media (prefers-reduced-motion:reduce){.roadbar.svelte-1x4hfub,.v2-door{transition:none}}.shell.svelte-k1rb5z{flex-direction:column;display:flex}.top.svelte-k1rb5z{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--theme-border);background:var(--theme-bg);padding:var(--space-3) var(--space-4);flex-shrink:0;display:flex}.brand.svelte-k1rb5z{align-items:baseline;gap:var(--space-2);min-width:0;text-decoration:none;display:flex}.brand.svelte-k1rb5z span:where(.svelte-k1rb5z){color:var(--theme-ink);font-family:var(--font-display);white-space:nowrap;font-size:clamp(1.3rem,7vw,1.55rem);font-weight:600}.brand.svelte-k1rb5z i:where(.svelte-k1rb5z){color:var(--theme-muted);font-family:var(--font-display);font-size:.95rem;font-weight:500;display:none}.login.svelte-k1rb5z{min-height:44px;color:var(--theme-muted);padding:0 var(--space-2);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.avatar.svelte-k1rb5z{border:1px solid var(--theme-border-strong);border-radius:var(--ds-radius-full);background:var(--theme-surface);width:38px;height:38px;color:var(--theme-primary);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:flex}.desktop-nav.svelte-k1rb5z{display:none}.scroll.svelte-k1rb5z{min-width:0;min-height:0;padding-bottom:var(--v2-nav-clearance);flex:1}.main.svelte-k1rb5z{min-width:0}.loading.svelte-k1rb5z{place-items:center;min-height:14rem;display:grid}.spinner.svelte-k1rb5z{border:2px solid var(--theme-border);border-top-color:var(--theme-primary);border-radius:50%;width:1.75rem;height:1.75rem;animation:.9s linear infinite svelte-k1rb5z-spin;display:inline-block}.session-error.svelte-k1rb5z{margin:var(--space-8) 0;border:1px solid var(--theme-danger);border-radius:var(--ds-radius-md);background:var(--theme-surface);padding:var(--space-6);box-shadow:var(--ds-shadow-sm);border-left-width:4px}.session-error.svelte-k1rb5z p:where(.svelte-k1rb5z){color:var(--theme-muted)}.session-error.svelte-k1rb5z a:where(.svelte-k1rb5z){min-height:44px;margin-top:var(--space-3);border-radius:var(--ds-radius-full);background:var(--theme-primary);color:var(--theme-feature-ink);padding:0 var(--space-5);align-items:center;text-decoration:none;display:inline-flex}.bottom-nav.svelte-k1rb5z{z-index:var(--z-sticky);border-top:1px solid var(--theme-border);background:var(--theme-surface);width:100%;padding:var(--space-1) max(var(--space-1),env(safe-area-inset-right)) calc(var(--space-1) + env(safe-area-inset-bottom)) max(var(--space-1),env(safe-area-inset-left));justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0}.bottom-nav.svelte-k1rb5z a:where(.svelte-k1rb5z){min-width:0;min-height:56px;color:var(--theme-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:clamp(9px,2.8vw,10.5px);text-decoration:none;display:flex;position:relative}.bottom-nav.svelte-k1rb5z a.on:where(.svelte-k1rb5z){color:var(--theme-primary);font-weight:600}.bottom-nav.svelte-k1rb5z a.on:where(.svelte-k1rb5z):before{background:var(--theme-gold);content:"";border-radius:2px;width:28px;height:2px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.nav-icon.svelte-k1rb5z{font-size:1rem;line-height:1}.lesson-modal-open.svelte-k1rb5z .top:where(.svelte-k1rb5z),.lesson-modal-open.svelte-k1rb5z .bottom-nav:where(.svelte-k1rb5z){visibility:hidden}@keyframes svelte-k1rb5z-spin{to{transform:rotate(360deg)}}@media (width>=1080px){.top.svelte-k1rb5z{width:100%;max-width:var(--v2-header-max);padding:var(--space-4) var(--space-8);margin:0 auto}.brand.svelte-k1rb5z span:where(.svelte-k1rb5z){font-size:1.7rem}.brand.svelte-k1rb5z i:where(.svelte-k1rb5z){display:inline}.desktop-nav.svelte-k1rb5z{margin-right:auto;margin-left:var(--space-10);align-items:center;gap:2px;display:flex}.desktop-nav.svelte-k1rb5z a:where(.svelte-k1rb5z){align-items:center;gap:var(--space-2);border-radius:var(--ds-radius-full);color:var(--theme-muted);padding:var(--space-2) var(--space-4);white-space:nowrap;text-decoration:none;display:flex}.desktop-nav.svelte-k1rb5z a.on:where(.svelte-k1rb5z){background:var(--theme-primary-soft);color:var(--theme-primary);font-weight:600}.main.svelte-k1rb5z{width:min(var(--v2-content-max),calc(100% - var(--space-16)));padding-block:var(--space-6);margin:0 auto}.scroll.svelte-k1rb5z{padding-bottom:0}.bottom-nav.svelte-k1rb5z{display:none}.lesson-modal-open.svelte-k1rb5z .desktop-nav:where(.svelte-k1rb5z){visibility:hidden}}@media (prefers-reduced-motion:reduce){.spinner.svelte-k1rb5z{animation:none}}