.learn-module__H-tL7a__root{--ln-aura:color-mix(in oklab, var(--brand) 18%, transparent);--ln-glass:var(--surface-2);--ln-chip:color-mix(in oklab, var(--fg) 3.5%, transparent);--ln-card-top:color-mix(in oklab, var(--fg) 5%, transparent);--ln-track:color-mix(in oklab, var(--fg) 9%, transparent)}.light .learn-module__H-tL7a__root{--ln-aura:color-mix(in oklab, var(--brand) 10%, transparent);--ln-glass:var(--surface-3);--ln-chip:var(--surface-3);--ln-card-top:var(--surface-3);--ln-track:color-mix(in oklab, var(--fg) 8%, transparent)}.learn-module__H-tL7a__aura{z-index:-1;left:18%;top:calc(var(--spacing-header) + 5rem);pointer-events:none;background:radial-gradient(ellipse 50% 50% at 50% 50%, var(--ln-aura), transparent 72%);width:min(56rem,150vw);height:24rem;position:absolute;translate:-50% -50%}.learn-module__H-tL7a__visual{aspect-ratio:560/320}.learn-module__H-tL7a__sealLight{z-index:-1;aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent);pointer-events:none;border-radius:9999px;width:60%;position:absolute;translate:-50% -50%}.learn-module__H-tL7a__startNode{fill:var(--surface-2);stroke:var(--border-strong)}.learn-module__H-tL7a__lessonDot{fill:var(--background);stroke:color-mix(in oklab, var(--fg) 38%, transparent)}.learn-module__H-tL7a__seal{aspect-ratio:1;background:radial-gradient(120% 90% at 50% 8%, var(--surface-3), var(--surface-2) 55%, var(--surface-1));box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border), 0 18px 48px -18px color-mix(in oklab, var(--brand) 45%, transparent)}.learn-module__H-tL7a__draw{stroke-dasharray:1 1;stroke-dashoffset:0}.learn-module__H-tL7a__pop{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.learn-module__H-tL7a__draw{animation:learn-module__H-tL7a__ln-draw 1.5s var(--ease-out-expo) backwards;animation-delay:calc(.12s + var(--i,0) * .11s)}.learn-module__H-tL7a__pop{animation:learn-module__H-tL7a__ln-pop .6s var(--ease-out-expo) backwards;animation-delay:calc(.12s + var(--i,0) * .11s + var(--t,0) * .9s)}.learn-module__H-tL7a__seal,.learn-module__H-tL7a__sealRings{animation:learn-module__H-tL7a__ln-settle 1.1s var(--ease-out-expo) backwards;animation-delay:.52s}.learn-module__H-tL7a__sealRings{transform-box:fill-box;transform-origin:50%}}@keyframes learn-module__H-tL7a__ln-draw{0%{stroke-dashoffset:1px}}@keyframes learn-module__H-tL7a__ln-pop{0%{opacity:0;transform:scale(.3)}}@keyframes learn-module__H-tL7a__ln-settle{0%{opacity:0;transform:scale(.94)}}.learn-module__H-tL7a__tile{background:linear-gradient(to bottom, var(--surface-3), var(--surface-1));box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border)}.learn-module__H-tL7a__navBar{z-index:30;top:var(--subnav-top);pointer-events:none;position:sticky}.learn-module__H-tL7a__segments{pointer-events:auto;background:var(--ln-glass);box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border), 0 10px 30px -14px color-mix(in oklab, var(--background) 90%, transparent)}.learn-module__H-tL7a__navBar:before{content:"";z-index:-1;inset-inline:0;top:calc(-1 * var(--subnav-top));pointer-events:none;background:linear-gradient(to bottom, color-mix(in oklab, var(--background) 94%, transparent) 0, color-mix(in oklab, var(--background) 94%, transparent) calc(100% - 2rem), transparent);opacity:0;transition:opacity var(--motion-fast) var(--ease-out);position:absolute;bottom:-1.25rem}.learn-module__H-tL7a__navBar[data-stuck]:before{opacity:1}.learn-module__H-tL7a__segment{color:var(--fg-muted);transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__segment:hover{color:var(--fg)}.learn-module__H-tL7a__segment[aria-current]{color:var(--fg);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong)}.learn-module__H-tL7a__anchor{scroll-margin-top:calc(var(--subnav-top) + 3rem - var(--spacing-header))}.learn-module__H-tL7a__chip{background:var(--ln-chip);box-shadow:inset 0 0 0 1px var(--border)}.learn-module__H-tL7a__filter{color:var(--fg-muted);transition:color var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__filter:hover{color:var(--fg)}.learn-module__H-tL7a__filter[aria-pressed=true]{color:var(--fg);background:var(--surface-3);box-shadow:inset 0 0 0 1px var(--border-strong)}.learn-module__H-tL7a__search{background:var(--ln-chip);box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border);transition:box-shadow var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__search:focus-within{box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px color-mix(in oklab, var(--brand) 62%, transparent)}.learn-module__H-tL7a__track{background:var(--ln-track)}.learn-module__H-tL7a__fill{background:var(--brand-text);transform-origin:0;transition:transform var(--motion-base) var(--ease-out), background-color var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__fill[data-complete]{background:var(--success)}.learn-module__H-tL7a__card{background:color-mix(in oklab, var(--surface-1) 80%, transparent);box-shadow:inset 0 1px 0 var(--ln-card-top);transition:opacity var(--motion-fast) var(--ease-out), background-color var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__card:hover{background:var(--surface-2)}.learn-module__H-tL7a__card[data-dim]{opacity:.45}.learn-module__H-tL7a__glyph{border-radius:var(--radius-lg);width:3rem;height:3rem;color:var(--fg-muted);background:radial-gradient(90% 70% at 50% 0%, color-mix(in oklab, var(--brand) 12%, transparent), transparent), linear-gradient(to bottom, var(--surface-3), var(--surface-1));box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border);transition:color var(--motion-fast) var(--ease-out);place-items:center;display:grid}.learn-module__H-tL7a__glyph svg{width:1.75rem;height:1.75rem}.learn-module__H-tL7a__gAccent{stroke:var(--brand-text);transition:stroke var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__card:hover .learn-module__H-tL7a__glyph{color:var(--fg)}.learn-module__H-tL7a__rule{position:relative}.learn-module__H-tL7a__rule:before{content:"";inset-inline:0;background:linear-gradient(to right, var(--border-strong), var(--border) 40%, transparent);height:1px;position:absolute;top:0}.learn-module__H-tL7a__lesson+.learn-module__H-tL7a__lesson{border-top:1px solid var(--border)}.learn-module__H-tL7a__check{box-shadow:inset 0 0 0 1px var(--border-strong);color:#0000;transition:background-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out)}.learn-module__H-tL7a__check:hover{color:var(--fg-subtle);box-shadow:inset 0 0 0 1px var(--brand-text)}.learn-module__H-tL7a__check[aria-checked=true]{color:var(--success);background:color-mix(in oklab, var(--success) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--success) 45%, transparent)}.learn-module__H-tL7a__chevron{transition:rotate var(--motion-fast) var(--ease-out)}[aria-expanded=true] .learn-module__H-tL7a__chevron{rotate:180deg}.learn-module__H-tL7a__code{background:var(--surface-1);box-shadow:inset 0 0 0 1px var(--border)}.learn-module__H-tL7a__code pre{white-space:pre;font-variant-ligatures:none;overflow-x:auto}.learn-module__H-tL7a__callout{background:var(--ln-chip);box-shadow:inset 0 0 0 1px var(--border)}.learn-module__H-tL7a__callout[data-type=tip]{background:color-mix(in oklab, var(--brand) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--brand) 26%, transparent)}.learn-module__H-tL7a__callout[data-type=warning]{background:color-mix(in oklab, var(--warning) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--warning) 30%, transparent)}.learn-module__H-tL7a__badge{zoom:1.5}@media (min-width:1024px){.learn-module__H-tL7a__badge{zoom:1.75}}.learn-module__H-tL7a__live{background:color-mix(in oklab, var(--success) 10%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--success) 30%, transparent)}.learn-module__H-tL7a__node{background:linear-gradient(to bottom, var(--surface-3), var(--surface-1));box-shadow:inset 0 1px 0 var(--edge-light), inset 0 0 0 1px var(--border-strong), 0 0 0 6px var(--background)}.learn-module__H-tL7a__flowLine{background:linear-gradient(to right, var(--border-strong), color-mix(in oklab, var(--brand-text) 55%, transparent) 70%, transparent)}.learn-module__H-tL7a__panel{background:color-mix(in oklab, var(--surface-1) 80%, transparent);box-shadow:inset 0 1px 0 var(--ln-card-top)}@media (prefers-reduced-motion:reduce){.learn-module__H-tL7a__navBar:before,.learn-module__H-tL7a__segment,.learn-module__H-tL7a__filter,.learn-module__H-tL7a__fill,.learn-module__H-tL7a__card,.learn-module__H-tL7a__glyph,.learn-module__H-tL7a__gAccent,.learn-module__H-tL7a__check,.learn-module__H-tL7a__chevron{transition:none}}@media (max-width:639px){.learn-module__H-tL7a__rail{margin-inline:calc(var(--spacing-gutter) * -1);padding-inline:var(--spacing-gutter);scroll-padding-inline:var(--spacing-gutter);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:min(78%,20rem);grid-auto-flow:column;display:grid;overflow-x:auto}.learn-module__H-tL7a__rail::-webkit-scrollbar{display:none}.learn-module__H-tL7a__rail>*{scroll-snap-align:start}}