@layer tokens{:root{--color-ink-strong:#1a1a2e;--color-ink-muted:#737373;--color-surface-base:#fcfcff;--color-surface-canvas:#f5f6fb;--color-surface-raised:#fff;--color-surface-border:#e2e8f0;--color-brand-strong:#3b4dd0;--color-brand-hover:#4d5df5;--color-brand-soft:#eef1ff;--color-brand-gradient-start:#155dfc;--color-brand-gradient-end:#7c3aed;--color-success-strong:#34c759;--color-success-ink:#1d7a3c;--color-success-soft:#88de9e;--color-success-surface:#34c75914;--color-warning-strong:#ff9f0a;--color-warning-soft:#ffc05f;--color-danger-strong:#b82b23;--color-danger-ink:#b82b23;--color-danger-soft:#ffbbb7;--color-danger-surface:#b82b2314;--color-focus-ring:var(--color-brand-strong);--effect-brand-glow:color-mix(in srgb, var(--color-brand-strong) 20%, transparent);--effect-brand-border:color-mix(in srgb, var(--color-brand-strong) 18%, transparent);--effect-feedback-success-border:color-mix(in srgb, var(--color-success-strong) 38%, transparent);--effect-feedback-danger-border:color-mix(in srgb, var(--color-danger-strong) 38%, transparent);--effect-surface-divider-subtle:#0000000d;--effect-surface-muted:color-mix(in srgb, var(--color-ink-strong) 6%, transparent);--effect-surface-muted-border:color-mix(in srgb, var(--color-ink-strong) 8%, transparent);--effect-surface-shadow:color-mix(in srgb, var(--color-ink-strong) 12%, transparent);--effect-placeholder:color-mix(in srgb, var(--color-ink-strong) 42%, transparent);--effect-page-overlay-soft:color-mix(in srgb, var(--color-surface-raised) 92%, transparent);--effect-page-overlay-strong:color-mix(in srgb, var(--color-surface-raised) 96%, transparent);--effect-page-canvas-overlay:color-mix(in srgb, var(--color-surface-canvas) 92%, transparent);--effect-link-underline:color-mix(in srgb, var(--color-ink-strong) 18%, transparent);--effect-code-surface-inverse:color-mix(in srgb, var(--color-ink-strong) 96%, transparent);--font-body:"Inter", "Segoe UI", "Helvetica Neue", "Arial Nova", sans-serif;--font-mono:"SFMono-Regular", "SF Mono", "Menlo", monospace;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-size-2xs:.7rem;--text-size-xs:.8125rem;--text-size-base:1rem;--text-size-md:1.0625rem;--text-size-lg:1.25rem;--text-size-xl:1.375rem;--text-question:clamp(var(--text-size-lg), 2.6vw, 1.7rem);--text-heading-hero:clamp(3.9rem, 6.2vw, 5.6rem);--text-heading-page:clamp(2.1rem, 4vw, 3.4rem);--text-heading-page-compact:clamp(1.8rem, 8vw, 2.4rem);--text-heading-section:clamp(1.9rem, 4vw, 3rem);--text-heading-card:clamp(1.9rem, 3vw, 2.8rem);--text-heading-card-compact:clamp(1.65rem, 8vw, 2.15rem);--text-heading-stage:clamp(2.25rem, 4.8vw, 3rem);--text-heading-stage-compact:clamp(2rem, 9vw, 2.8rem);--text-heading-panel:clamp(1.7rem, 2.5vw, 2.2rem);--text-heading-completion:clamp(1.85rem, 3vw, 2.35rem);--leading-display:.95;--leading-title:1.08;--leading-question:1.3;--leading-body:1.55;--leading-helper:1.45;--leading-relaxed:1.65;--leading-tight:var(--leading-title);--tracking-display-tight:-.05em;--tracking-label:.08em;--tracking-default:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.5rem;--space-10:3.5rem;--space-11:4rem;--space-12:5rem;--space-section-block:clamp(var(--space-10), 7vw, var(--space-12));--space-section-block-tall:clamp(var(--space-11), 8vw, var(--space-12));--space-card-fluid:clamp(var(--space-5), 2vw, var(--space-6));--space-prose-fluid:clamp(var(--space-6), 3vw, 2.1rem);--space-panel-fluid:clamp(var(--space-6), 3vw, var(--space-8));--space-callout-block:clamp(var(--space-4), 2vw, var(--space-5));--space-callout-inline:clamp(var(--space-4), 2vw, var(--space-6));--space-stage-inline-fluid:clamp(var(--space-6), 3vw, var(--space-9));--radius-xs:.5rem;--radius-sm:.75rem;--radius-md:1rem;--radius-md-plus:1.25rem;--radius-lg:1.5rem;--radius-pill:999px;--motion-shake-distance:.25rem;--control-pill-padding:var(--space-3) var(--space-5);--control-height-icon-sm:2rem;--control-height-compact:2.25rem;--control-height-sm:2.5rem;--control-height-md:2.875rem;--control-height-cta:3rem;--control-height-xl:3.5rem;--control-height-lg:4rem;--control-min-width-action:8.75rem;--control-padding-compact:var(--space-3) var(--space-4);--control-padding-default:var(--space-4) var(--space-5);--control-padding-field:var(--control-padding-compact);--control-padding-area:var(--space-4);--control-badge-gap:var(--space-2);--control-badge-padding:var(--space-2) var(--space-3);--icon-size-xs:1rem;--icon-size-sm:1.15rem;--icon-size-md:1.25rem;--icon-size-lg:1.3rem;--icon-size-xl:1.5rem;--icon-size-2xl:2.2rem;--z-sticky-header:20;--z-lesson-drawer-backdrop:29;--z-lesson-drawer:30;--shadow-ring:0 0 0 3px;--shadow-raised:0 18px 40px -28px var(--effect-surface-shadow);--shadow-button-soft:0 .15rem .25rem var(--effect-surface-divider-subtle);--shadow-surface-card-subtle:0 .25rem .5rem var(--effect-surface-divider-subtle);--shadow-accent:0 18px 34px -24px color-mix(in srgb, var(--color-brand-strong) 58%, transparent);--shadow-surface-card-hover:0 1rem 2rem -1.75rem color-mix(in srgb, var(--color-ink-strong) 30%, transparent);--content-width:min(76rem, calc(100vw - 2 * var(--space-5)));--chrome-content-width:min(76rem, calc(100vw - clamp(2.5rem, 15vw, 14rem)));--marketing-grid-column-max-width:24rem;--marketing-single-column-max-width:20.5rem;--chrome-compact-square-size:2.25rem;--shell-topbar-height:4.5rem;--progress-track-height:var(--space-2);--lesson-rail-width-min:17rem;--lesson-rail-width-max:20rem;--lesson-rail-width-collapsed:5.5rem;--lesson-rail-drawer-width:23rem;--gradient-brand-accent:linear-gradient(135deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);--gradient-brand-progress:linear-gradient(90deg, var(--color-brand-gradient-start) 0%, var(--color-brand-gradient-end) 100%);--duration-motion-delay:.12s;--duration-motion-fast:.16s;--duration-motion-drawer:.18s;--duration-motion-pop:.24s;--duration-motion-shake:.36s;--duration-motion-enter:.56s;--duration-motion-feedback:.72s;--easing-standard:ease;--easing-enter:ease-out;--easing-attention:ease-in-out;--transition-fast:var(--duration-motion-fast) var(--easing-standard);--transition-drawer:var(--duration-motion-drawer) var(--easing-standard)}@media (width<=720px){:root{--chrome-content-width:min(100%, calc(100vw - 2rem))}}}@layer base{*,:before,:after{box-sizing:border-box}html{color:var(--color-ink-strong);font-family:var(--font-body);letter-spacing:var(--tracking-default);line-height:var(--leading-body);background-color:var(--color-surface-base)}body{background:linear-gradient(180deg, var(--effect-page-overlay-soft) 0%, var(--color-surface-canvas) 100%);min-height:100dvh;margin:0}img,svg,video{max-width:100%;display:block}a{color:inherit;text-decoration-color:var(--effect-link-underline);text-underline-offset:.18em}button,input,textarea,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.page-shell{min-height:100dvh;padding-block:var(--space-7)}.container{width:var(--content-width);margin-inline:auto}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:var(--shadow-ring) var(--effect-brand-glow), 0 0 0 0 color-mix(in srgb, var(--color-brand-strong) 24%, transparent)}70%{box-shadow:var(--shadow-ring) var(--effect-brand-glow), 0 0 0 var(--space-3) color-mix(in srgb, var(--color-brand-strong) 0%, transparent)}to{box-shadow:var(--shadow-ring) var(--effect-brand-glow), 0 0 0 0 transparent}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.page-shell{padding-block:var(--space-5)}}}@layer ui{.buttonPrimary,.buttonSecondary{min-height:var(--control-height-md);padding:var(--control-pill-padding);border-radius:var(--radius-pill);font-weight:var(--weight-bold);line-height:var(--leading-tight);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.buttonPrimary{background:var(--color-brand-strong);color:var(--color-surface-raised);box-shadow:var(--shadow-accent)}.buttonSecondary{background:var(--color-surface-raised);border-color:var(--color-surface-border);color:var(--color-ink-strong)}@media (hover:hover){.buttonPrimary:hover,.buttonSecondary:hover{transform:translateY(-1px)}.buttonPrimary:hover{background:var(--color-brand-hover)}}.buttonPrimary:active:not(:disabled),.buttonSecondary:active:not(:disabled){box-shadow:none;transform:translateY(0)}.buttonPrimary:disabled,.buttonSecondary:disabled{background:var(--color-surface-canvas);border-color:var(--effect-surface-muted-border);box-shadow:none;color:var(--color-ink-muted);cursor:default;transform:none}@media (prefers-contrast:more){:focus-visible{outline-width:3px}}@media (forced-colors:active){:focus-visible{box-shadow:none;forced-color-adjust:auto;outline:2px solid highlight}.buttonPrimary,.buttonSecondary{border-color:buttontext}.buttonPrimary:disabled,.buttonSecondary:disabled{color:graytext;border-color:graytext}}}@layer features;