.learn-page{--learn-well:#e4dfd0;--learn-surface:#fffdf8;--color-background:var(--learn-well);--color-foreground:var(--fg);--color-card:var(--learn-surface);--color-muted:var(--learn-well);--color-muted-foreground:var(--fg-3);--color-border:var(--rule-strong);--color-primary:var(--fg);--color-ring:var(--rule-strong);--color-destructive:var(--accent);--color-sky-400:var(--accent);--color-sky-500:var(--accent);--color-sky-600:var(--accent);--custom-shadow:0 0 0 1px var(--rule-strong), 0 10px 28px #16150f1a;--custom-shadow-primary:0 0 0 1px var(--fg);--custom-outline-shadow:0 0 0 1px var(--rule-strong);--ease-snappy:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark] .learn-page{--learn-well:#0e0d09;--learn-surface:#1e1c15;--custom-shadow:0 0 0 1px var(--rule-strong), 0 12px 28px #00000059}.learn-page .prose>:first-child{margin-top:0}.learn-page .prose h2{margin-top:1.55em}.learn-demo{--plate-inset:10px;--plate-radius:16px;padding:var(--plate-inset);background:var(--learn-well);border:1px solid var(--rule);border-radius:var(--plate-radius);margin-block:1.5em;overflow:hidden}.learn-caption{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.learn-stage-cols{grid-template-columns:1fr 1fr;gap:1.25rem;width:100%;display:grid}.learn-plate{gap:.65rem;min-width:0;margin:0;display:grid}.learn-plate-body{min-height:12.5rem;color:var(--fg);background:var(--learn-surface);border:1px solid var(--rule);place-items:center;padding:1.25rem;display:grid;overflow:hidden}.learn-choice{flex-wrap:wrap;gap:.4rem 1.1rem;display:flex}.learn-choice button{cursor:pointer;font-family:var(--f-mono), ui-monospace, monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);background:0 0;border:0;padding:0;line-height:1}.learn-choice button[aria-pressed=true]{color:var(--accent)}.learn-morph-hit{border:1px solid var(--rule-strong);background:var(--bg);width:min(100%,12.5rem);min-height:10.5rem;color:var(--fg);cursor:pointer;font:inherit;align-content:center;justify-items:center;gap:.9rem;padding:1.35rem 1rem 1.3rem;display:grid}.learn-morph-hit:hover{background:var(--bg-sunk)}.learn-morph-hit:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.learn-morph-name{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);line-height:1}.learn-interrupt-stage,.learn-spring,.learn-toast-stage{width:100%}.learn-interrupt-stage{background:var(--learn-well);border:1px solid var(--rule);height:17.5rem;position:relative;overflow:hidden}.learn-interrupt-state{z-index:1;font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);margin:0;padding:.85rem .9rem 0;font-weight:500;line-height:1;position:relative}.learn-interrupt-sheet-slot{position:absolute;bottom:0;left:.7rem;right:.7rem;transform:translateY(100%)}.learn-interrupt-sheet{background:var(--bg);border:1px solid var(--rule-strong);color:var(--fg);border-bottom:0;padding:.75rem .85rem .95rem}.learn-interrupt-grab{background:var(--rule-strong);width:2rem;height:1px;margin:.15rem auto .85rem;display:block}.learn-interrupt-title{letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.05rem;font-weight:500;line-height:1.2}.learn-interrupt-sheet ul{margin:0;padding:0;list-style:none}.learn-interrupt-sheet li{border-top:1px solid var(--rule);align-items:center;gap:.65rem;padding:.55rem 0;font-size:.95rem;line-height:1.2;display:flex}.learn-interrupt-play{cursor:pointer;font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-2);background:0 0;border:0;align-items:center;gap:.4rem;padding:0;font-weight:500;line-height:1;display:inline-flex}.learn-interrupt-play:hover,.learn-interrupt-play:focus-visible{color:var(--accent)}.learn-interrupt-play:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.learn-spring{gap:1.35rem;padding:.35rem .15rem .5rem;display:grid}.learn-spring .learn-interrupt-state{padding:0}.learn-spring-track{width:100%;height:1.5rem;position:relative}.learn-spring-track:before{content:"";background:var(--rule-strong);height:1px;position:absolute;top:50%;left:0;right:0}.learn-spring-dot{background:var(--fg);width:.8rem;height:.8rem;margin-top:-.4rem;position:absolute;top:50%;left:0}.learn-toast-stage{background:var(--learn-well);border:1px solid var(--rule);align-items:end;min-height:13.5rem;padding:.75rem;display:grid}.learn-toast-stage ul{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.learn-toast{background:var(--bg);border:1px solid var(--rule);letter-spacing:-.011em;padding:.75rem .85rem;font-size:.98rem;line-height:1.3}.learn-track-proof{width:100%}.learn-track-overlay{font-family:var(--f-sans), sans-serif;color:var(--fg);justify-items:start;font-weight:600;line-height:1.05;display:grid}.learn-track-overlay span{white-space:nowrap;grid-area:1/1}.learn-track-overlay span:first-child{color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.learn-track-overlay span:first-child{color:color-mix(in srgb, var(--fg) 38%, transparent)}}.learn-track-overlay span[aria-hidden=true]{color:var(--accent)}.learn-track-key{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);gap:1.5rem;margin-top:.85rem;display:flex}.learn-track-key span:last-child{color:var(--accent)}.learn-track-em{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;color:var(--fg-3);font-weight:400;line-height:1}.learn-track-slider{gap:.65rem;width:min(100%,22rem);display:grid}.learn-track-slider>span{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);justify-content:space-between;gap:1rem;display:flex}.learn-track-slider>span span{letter-spacing:0;text-transform:none;color:var(--fg)}.learn-track-scale{gap:.7rem;width:100%;display:grid}.learn-track-line{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:.85rem;display:grid}.learn-track-fit{background-image:linear-gradient(var(--rule-strong), var(--rule-strong));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1px;justify-self:start;width:max-content;max-width:100%;padding-bottom:.14em}.learn-smooth{gap:.45rem;width:100%;padding:1.15rem 1.2rem 1.2rem;display:grid}.learn-smooth[data-smoothing=auto]{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.learn-smooth[data-smoothing=antialiased]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.learn-smooth[data-tone=light]{color:#16150f;background:#f4f1e8}.learn-smooth[data-tone=dark]{color:#f4f1e8;background:#16150f}.learn-smooth-kicker{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;margin:0;font-weight:500;line-height:1}.learn-smooth[data-tone=light] .learn-smooth-kicker{color:#5e5b4e}.learn-smooth[data-tone=dark] .learn-smooth-kicker{color:#b7b09c}.learn-smooth-full{gap:1.25rem;width:100%;display:grid}.learn-smooth-word{font-family:var(--f-sans), sans-serif;letter-spacing:-.04em;white-space:nowrap;margin:0;font-weight:400;line-height:.9}.learn-smooth-stack,.learn-smooth-split{width:100%;container-type:inline-size}.learn-smooth-stack{gap:.7rem;display:grid}.learn-smooth-stack .learn-smooth-word{font-size:clamp(3.4rem,16cqi,10.5rem)}.learn-smooth-split{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.learn-smooth-split .learn-smooth-word{font-size:clamp(2.6rem,13cqi,7.5rem)}.learn-smooth-weights{color:#f4f1e8;background:#16150f;width:100%;container-type:inline-size}.learn-smooth-weights[data-smoothing=auto]{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.learn-smooth-weights[data-smoothing=antialiased]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.learn-smooth-weight-kicker{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;color:#b7b09c;margin:0;padding:.95rem 1.15rem .2rem;font-weight:500;line-height:1}.learn-smooth-weight{font-family:var(--f-sans), sans-serif;letter-spacing:-.035em;border-top:1px solid #f4f1e829;justify-content:space-between;align-items:baseline;gap:.75rem;margin:0;padding:.72rem 1.15rem .82rem;font-size:clamp(2.15rem,20cqi,5.5rem);line-height:.95;display:flex}.learn-smooth-weight:first-child{border-top:0}.learn-smooth-index{font-family:var(--f-mono), monospace;font-size:var(--t--2);letter-spacing:.08em;color:#b7b09c;font-weight:400}@media (max-width:40rem){.learn-stage-cols,.learn-smooth-split{grid-template-columns:1fr}}.learn-demo>figure{max-width:none;min-height:0;margin:0;padding-block:.5rem}.learn-demo .max-w-lg,.learn-demo .max-w-sm,.learn-demo .max-w-xs{max-width:100%}.learn-demo .bg-card{background-color:var(--learn-surface);box-shadow:var(--custom-shadow)}.learn-demo-wait{background:var(--learn-well);min-height:8rem}.learn-open{padding-top:clamp(3.5rem,8vw,6.5rem);padding-bottom:clamp(2.75rem,6vw,5rem)}.learn-hero{align-items:center;gap:2.75rem;display:grid}.learn-hero-copy{min-width:0;container-type:inline-size}.learn-hero-kicker{color:var(--accent);margin-bottom:1.15rem}.learn-hero-title{letter-spacing:-.032em;text-wrap:pretty;font-size:clamp(2.35rem,8.2cqw,4.35rem);line-height:1.06}.learn-hero-line{display:block}.learn-hero-line .correct{padding-bottom:.12em}.learn-hero-lede{text-wrap:balance;max-width:34ch;margin-top:1.5rem}.learn-hero-subjects{flex-wrap:wrap;gap:.85rem 1.35rem;margin:2rem 0 0;padding:0;list-style:none;display:flex}.learn-hero-subjects a{color:var(--fg-2);font-family:var(--f-mono), ui-monospace, monospace;font-size:var(--t--2);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.45rem;line-height:1;display:inline-flex}.learn-hero-subjects a:hover,.learn-hero-subjects a:focus-visible{color:var(--accent)}.learn-hero-subjects a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.learn-hero-shot{min-width:0;color:inherit;gap:.85rem;display:grid}.learn-hero-shot:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.learn-hero-frame{aspect-ratio:3/2;border:1px solid var(--rule);background:var(--bg);display:block;position:relative;overflow:hidden}.learn-hero-photo{object-fit:cover}.learn-hero-shot:hover .learn-hero-frame,.learn-hero-shot:focus-visible .learn-hero-frame{border-color:var(--fg)}.learn-hero-name{letter-spacing:-.02em;font-size:1.2rem;line-height:1.25}.learn-hero-shot:hover .learn-hero-name,.learn-hero-shot:focus-visible .learn-hero-name{color:var(--accent)}@media (min-width:64rem){.learn-hero{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.72fr);gap:3rem 6rem}}.learn-section{padding-block:clamp(1.75rem,2.4vw,2.75rem);scroll-margin-top:1.5rem}.learn-section-head{gap:.4rem;max-width:40rem;margin-bottom:.85rem;display:grid}.learn-section-summary{max-width:46ch;font-size:var(--t--1);color:var(--fg-3);line-height:1.5}.learn-rows{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.learn-rows{grid-template-columns:1fr 1fr;column-gap:2.75rem}}.learn-row{--learn-thumb:4.5rem;--learn-gap:.85rem;grid-template-columns:var(--learn-thumb) minmax(0, 1fr);column-gap:var(--learn-gap);border-bottom:1px solid var(--rule);align-items:start;padding-block:.85rem;display:grid}@media (min-width:900px){.learn-row{--learn-thumb:5.25rem;--learn-gap:1rem;padding-block:1rem}}.learn-row-main{grid-column:1/-1;grid-template-columns:var(--learn-thumb) minmax(0, 1fr);column-gap:var(--learn-gap);min-width:0;color:inherit;align-items:start;display:grid}.learn-row-copy{gap:.2rem;min-width:0;display:grid}.learn-row-title{letter-spacing:-.02em;text-wrap:balance;font-size:1.2rem;line-height:1.2}.learn-row-main:hover .learn-row-title{color:var(--accent)}.learn-row-summary{-webkit-line-clamp:2;font-size:var(--t--1);color:var(--fg-3);-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.learn-row .learn-example{aspect-ratio:5/4;--plate-inset:4px;--plate-radius:8px;contain-intrinsic-size:84px 67px;width:100%}.learn-row .learn-example-stage>:not(.learn-cover){transform:none}.learn-example{--plate-inset:6px;--plate-radius:12px;aspect-ratio:3/2;padding:var(--plate-inset);background:var(--learn-well);border:1px solid var(--rule);border-radius:var(--plate-radius);content-visibility:auto;contain-intrinsic-size:280px 186px;display:grid;position:relative;overflow:hidden}.learn-lesson-wrap{border-top:1px solid var(--rule);margin-top:clamp(1.5rem,3vw,2.5rem);padding-top:clamp(1.25rem,2vw,2rem);padding-bottom:clamp(2.5rem,5vw,4rem)}.learn-lesson{align-items:start;gap:2rem;display:grid}.learn-lesson>*{min-width:0}@media (min-width:960px){.learn-lesson{grid-template-columns:minmax(0,1fr) minmax(13.5rem,17rem);gap:2.5rem 2rem}}.learn-page .display.t-5{overflow-wrap:anywhere;font-size:clamp(2.15rem,1.1rem + 4.6vw,4.75rem)}.learn-example-stage{background:var(--learn-surface);border-radius:max(0px, calc(var(--plate-radius) - var(--plate-inset)));place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.learn-page .prose pre.learn-code{--code-fg:#e8e2d4;--code-dim:#a39e8e;--code-key:#ff5a30;--code-tag:#9ec3d4;--code-str:#e0d0a8;--code-num:#e4c27a;--code-fn:#b7c7a4;--code-prop:#cfc8b6;--code-rule:#e8e2d41f;--code-bg:#16150f;background:var(--code-bg);max-width:100%;color:var(--code-fg);font-family:var(--f-mono), ui-monospace, monospace;font-variant-ligatures:none;letter-spacing:0;tab-size:2;scrollbar-width:thin;scrollbar-color:#e8e2d447 transparent;border:1px solid #0000;border-radius:2px;margin:.85rem 0 0;padding:2.55rem 1.15rem 1.15rem;font-size:.875rem;line-height:1.7;position:relative;overflow-x:auto}[data-theme=dark] .learn-page .prose pre.learn-code{--code-bg:#1c1a14;border-color:#e8e2d424;box-shadow:inset 0 1px #f4f1e80d}[data-theme=dark] .learn-page .prose pre{color:#e8e2d4;background:#1c1a14;border:1px solid #e8e2d424}.learn-page .prose pre.learn-code:before{content:attr(data-label);border-bottom:1px solid var(--code-rule);color:var(--code-dim);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;padding:.58rem 1.15rem .55rem;font-size:.6875rem;font-weight:500;line-height:1.4;position:absolute;top:0;left:0;right:0}.learn-page .prose pre.learn-code code{color:inherit;font-family:inherit;font-size:inherit;white-space:inherit;background:0 0;border:0;padding:0}.learn-page .tok-comment{color:var(--code-dim);font-style:italic}.learn-page .tok-keyword{color:var(--code-key)}.learn-page .tok-tag{color:var(--code-tag)}.learn-page .tok-string,.learn-page .tok-var{color:var(--code-str)}.learn-page .tok-number{color:var(--code-num)}.learn-page .tok-fn,.learn-page .tok-value{color:var(--code-fn)}.learn-page .tok-prop{color:var(--code-prop)}.learn-cover{object-fit:cover;object-position:center;border-radius:inherit;outline-offset:-1px;outline:1px solid #0000001a;width:100%;height:100%}[data-theme=dark] .learn-cover{outline-color:#ffffff1a}.group:hover .learn-example{border-color:var(--fg)}.learn-example-stage>:not(.learn-cover){transform-origin:50%;transform:scale(2.15)}@media (min-width:768px){.learn-example-stage>:not(.learn-cover){transform:scale(2.45)}}.learn-demo .bg-card,.learn-demo figure{border-radius:max(0px, calc(var(--plate-radius) - var(--plate-inset)))}.learn-pager{background:var(--rule);gap:1px;display:grid}@media (min-width:768px){.learn-pager{grid-template-columns:1fr 1fr}}.learn-pager-link{background:var(--bg);min-width:0;padding:1.25rem 1rem;display:block}.learn-pager-link .display{text-wrap:balance;font-size:clamp(1.15rem,.9rem + 1vw,1.75rem);line-height:1.15}@media (min-width:768px){.learn-pager-link{padding:2rem 1.5rem}.learn-pager-link.is-next{text-align:right}}.learn-pager-link:hover{background:var(--bg-sunk)}.learn-example-cross{z-index:1;pointer-events:none;opacity:.45;width:11px;height:11px;position:absolute}.learn-example-cross:before,.learn-example-cross:after{content:"";background:var(--fg);position:absolute}.learn-example-cross:before{width:100%;height:1px;top:50%;left:0;transform:translateY(-50%)}.learn-example-cross:after{width:1px;height:100%;top:0;left:50%;transform:translate(-50%)}.learn-example-cross-tl{top:5px;left:5px}.learn-example-cross-br{bottom:5px;right:5px}.learn-fallback{aspect-ratio:5/4;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:min(70%,11rem);display:flex;position:relative}.learn-fallback-bar{background:var(--accent);width:2.75rem;height:2px;display:block}.learn-fallback-cross{opacity:.35;width:9px;height:9px;position:absolute}.learn-fallback-cross:before,.learn-fallback-cross:after{content:"";background:var(--fg);position:absolute}.learn-fallback-cross:before{width:100%;height:1px;top:50%;left:0}.learn-fallback-cross:after{width:1px;height:100%;top:0;left:50%}.learn-fallback-cross-tl{top:0;left:0}.learn-fallback-cross-br{bottom:0;right:0}@media (prefers-reduced-motion:reduce){.learn-page *{animation:none!important}}