.site{min-height:100%;display:flex;flex-direction:column;background:var(--color-canvas);overflow-x:clip;--wash-sky: var(--color-site-wash-sky);--wash-rose: var(--color-site-wash-rose);--wash-mint: var(--color-site-wash-mint);--wash-peach: var(--color-site-wash-peach);--wash-sky-clear: var(--color-site-wash-sky-clear);--wash-rose-clear: var(--color-site-wash-rose-clear);--wash-mint-clear: var(--color-site-wash-mint-clear);--wash-peach-clear: var(--color-site-wash-peach-clear);--panel-sky: var(--color-site-panel-sky);--panel-rose: var(--color-site-panel-rose);--panel-mint: var(--color-site-panel-mint);--panel-peach: var(--color-site-panel-peach);--site-bar-height: var(--site-size-bar);--site-head-height: calc(var(--site-bar-height) + var(--safe-top))}.site-skip{position:absolute;inset-inline-start:var(--space-4);top:var(--space-4);z-index:30;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-fg);transform:translateY(calc(-1 * (100% + 2 * var(--space-4))))}.site-skip:focus-visible{transform:none;box-shadow:var(--elevation-sheet)}.site-wrap{width:100%;max-width:calc(var(--site-size-wide) + 2 * var(--page-edge-inline));margin-inline:auto;padding-inline:var(--page-edge-inline)}.site-header{position:sticky;top:0;z-index:20;padding-top:var(--safe-top);transition:background-color var(--motion-base) var(--motion-ease-standard),box-shadow var(--motion-base) var(--motion-ease-standard)}.site-header[data-scrolled=true]{background:var(--color-canvas);box-shadow:var(--elevation-card)}.site-header[data-open=true]{box-shadow:none}.site-bar{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-5);min-height:var(--site-bar-height);width:100%;max-width:calc(var(--site-size-wide) + 2 * var(--page-edge-inline));margin:0 auto;padding-inline:var(--page-edge-inline)}.site-header[data-open=true]{background:var(--color-surface);transition:box-shadow var(--motion-base) var(--motion-ease-standard)}.site-bar>.site-brand{justify-self:start}.site-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.site-nav-link,.site-signin,.site-footer-link,.site-sheet-link,.site-row{color:var(--color-fg);text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease-standard),color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}.site-nav-link,.site-signin{display:inline-flex;align-items:center;min-height:var(--size-hit-min);padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--type-label-size);font-weight:var(--type-label-weight)}.site-nav-link{color:var(--color-fg-muted)}@media(hover:hover){.site-nav-link:hover,.site-signin:hover{color:var(--color-fg);background:var(--color-fill)}}.site-nav-link[aria-current=page]{color:var(--color-fg);background:var(--color-fill)}.site-nav-link:active,.site-signin:active,.site-sheet-link:active{color:var(--color-fg);background:var(--color-fill);transform:scale(var(--motion-press))}.site-header{view-transition-name:site-header}::view-transition-group(site-header),::view-transition-new(site-header){animation:none}::view-transition-old(site-header){animation:none;opacity:0}.site-actions{justify-self:end;display:flex;align-items:center;gap:var(--space-2)}.site-lang .select-value .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.site-lang-code{display:none;text-transform:uppercase}a.btn{text-decoration:none}.site-menu-button{display:none;color:var(--color-fg)}.site-bar .site-start{transition:opacity var(--motion-base) var(--motion-ease-standard),visibility var(--motion-base) var(--motion-ease-standard)}.site:has(main [data-hero-action]) .site-header:not([data-hero-gone]) .site-bar .site-start{opacity:0;visibility:hidden}.site-open-quiet{display:none}.site-menu-glyph{position:relative;display:block;width:var(--size-icon-md);height:var(--size-icon-md)}.site-menu-glyph span{position:absolute;left:var(--border-width-hairline);right:var(--border-width-hairline);height:var(--size-focus-ring);border-radius:var(--radius-pill);background:currentColor;transition:transform var(--motion-base) var(--motion-ease-spring)}.site-menu-glyph span:first-child{top:calc(50% - var(--space-1) - var(--border-width-hairline))}.site-menu-glyph span:last-child{top:calc(50% + var(--space-1) - var(--border-width-hairline))}.site-menu-glyph[data-open=true] span:first-child{transform:translateY(calc(var(--space-1))) rotate(45deg)}.site-menu-glyph[data-open=true] span:last-child{transform:translateY(calc(-1 * var(--space-1))) rotate(-45deg)}.site-scrim{position:fixed;inset:0;touch-action:none;top:var(--site-head-height);background:var(--color-scrim);animation:fade-in var(--motion-base) var(--motion-ease-standard) both}.site-scrim[data-state=closing]{animation:fade-out calc(var(--motion-base) * .8) var(--motion-ease-standard) forwards}.site-sheet{position:fixed;left:0;right:0;top:var(--site-head-height);display:flex;flex-direction:column;gap:var(--space-3);max-height:calc(100dvh - var(--site-head-height));overflow-y:auto;overscroll-behavior:contain;padding:var(--space-2) var(--page-edge-inline) calc(var(--space-5) + var(--safe-bottom));border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-sheet);--sheet-clip: inset(0 calc(-1 * var(--space-8)) calc(-1 * var(--space-8)));--sheet-rolled: inset(0 calc(-1 * var(--space-8)) 100%);clip-path:var(--sheet-clip);animation:site-unroll var(--motion-base) var(--motion-ease-spring) backwards}.site-sheet[data-state=closing]{animation:site-roll-up calc(var(--motion-base) * .8) var(--motion-ease-standard) forwards}.site-sheet>*{flex-shrink:0}@keyframes site-unroll{0%{clip-path:var(--sheet-rolled)}}@keyframes site-roll-up{to{clip-path:var(--sheet-rolled)}}.site-sheet>*{animation:site-settle var(--motion-base) var(--motion-ease-spring) var(--motion-stagger) backwards}.site-sheet[data-state=closing]>*{animation:none}@keyframes site-settle{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}}.site-sheet-nav{list-style:none;margin:0 calc(-1 * var(--space-4));padding:0;display:flex;flex-direction:column}.site-sheet-link{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-control-lg);padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--type-body-lg-size);-webkit-tap-highlight-color:transparent}.site-sheet-link[aria-current=page]{background:var(--color-fill)}@media(hover:hover)and (pointer:fine){.site-sheet-link:hover{background:var(--color-fill)}}.site-sheet-link:active{background:var(--color-fill)}.site-sheet-code{margin-inline:calc(-1 * var(--space-4));font-size:var(--type-body-size);color:var(--color-fg-muted)}.site-sheet-code-action{color:var(--color-accent);font-weight:var(--type-label-weight)}@media(max-height:500px){.site-sheet{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-2) var(--space-4)}.site-sheet>nav{grid-column:1 / -1}.site-sheet-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.site-sheet-link{min-height:var(--size-control-row);font-size:var(--type-body-size)}.site-sheet .btn-block{width:auto}}:root[data-scheme=dark] .site-scrim{background:linear-gradient(var(--color-scrim),var(--color-scrim)),var(--color-scrim)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]):not([data-scheme=dark]) .site-scrim{background:linear-gradient(var(--color-scrim),var(--color-scrim)),var(--color-scrim)}}@media(min-width:600px)and (min-height:501px){.site-sheet{left:auto;right:var(--page-edge-inline);width:min(var(--size-dialog),calc(100vw - 2 * var(--page-edge-inline)));top:calc(var(--site-head-height) + var(--space-2));max-height:calc(100dvh - var(--site-head-height) - 2 * var(--space-2));padding:var(--space-3) var(--space-3) var(--space-4);border-radius:var(--radius-lg);--sheet-clip: inset(calc(-1 * var(--space-8)) round var(--radius-lg));--sheet-rolled: inset(0 0 100% round var(--radius-lg))}.site-sheet-nav{margin:0}[dir=rtl] .site-sheet{right:auto;left:var(--page-edge-inline)}.site-sheet-code{margin-inline:0}.site-header[data-open=true]{background:var(--color-canvas)}}@keyframes fade-in{0%{opacity:0}}@media(max-width:899px){.site-nav,.site-bar .site-start{display:none}.site-bar{grid-template-columns:1fr auto auto;gap:var(--space-1)}.site-menu-button,.site-open-quiet{display:inline-flex}}.site-signin,.site-lang,.site-bar .btn{white-space:nowrap}@media(max-width:1023px){.site-bar .site-lang .select-button{padding:0 var(--space-2);gap:var(--space-1)}.site-bar .site-lang-name{display:none}.site-bar .site-lang-code{display:inline}}@media(min-width:900px){.site-sheet,.site-scrim{display:none}}.site-inline-link{position:relative;color:var(--color-accent);font-weight:var(--type-label-weight);text-decoration:none;-webkit-tap-highlight-color:transparent}.site-inline-link:after{content:"";position:absolute;inset:calc(50% - var(--size-hit-min) / 2) calc(-1 * var(--space-1))}@media(hover:hover){.site-inline-link:hover{text-decoration:underline;text-underline-offset:var(--space-1)}}.site-more{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--size-hit-min);color:var(--color-accent);font-weight:var(--type-label-weight);text-decoration:none}.site-more .icon{width:var(--size-icon-md);height:var(--size-icon-md);transition:transform var(--motion-base) var(--motion-ease-spring)}@media(hover:hover){.site-more:hover .icon{transform:translate(var(--space-1))}}.site-more:active .icon{transform:translate(var(--space-1))}.site-main{flex:1;width:100%;display:flex;flex-direction:column}.site-main:focus{outline:none}.site-band{position:relative;isolation:isolate;padding-block:calc(var(--site-space-section) / 2)}.site-band-tight{padding-top:0}.site-band[id],.site-main [id]{scroll-margin-top:calc(var(--site-head-height) + var(--space-4))}.site-wash{position:absolute;inset:calc(-1 * var(--site-space-section) / 2) 0;z-index:-1;pointer-events:none;background:radial-gradient(circle calc(var(--site-size-wash) / 2) at 12% 35%,var(--wash-a),var(--wash-a-clear)),radial-gradient(circle calc(var(--site-size-wash) / 2) at 88% 60%,var(--wash-b),var(--wash-b-clear))}.site-wash{-webkit-mask-image:linear-gradient(to bottom,transparent,black 20%,black 75%,transparent);mask-image:linear-gradient(to bottom,transparent,black 20%,black 75%,transparent)}.site-hero .site-wash,.site-page-hero .site-wash{-webkit-mask-image:linear-gradient(to bottom,black 55%,transparent);mask-image:linear-gradient(to bottom,black 55%,transparent)}.site-end .site-end-wash{-webkit-mask-image:none;mask-image:none}.site-band[data-wash=sky]{--wash-a: var(--wash-sky);--wash-a-clear: var(--wash-sky-clear);--wash-b: var(--wash-mint);--wash-b-clear: var(--wash-mint-clear)}.site-band[data-wash=rose]{--wash-a: var(--wash-rose);--wash-a-clear: var(--wash-rose-clear);--wash-b: var(--wash-peach);--wash-b-clear: var(--wash-peach-clear)}.site-band[data-wash=mint]{--wash-a: var(--wash-mint);--wash-a-clear: var(--wash-mint-clear);--wash-b: var(--wash-sky);--wash-b-clear: var(--wash-sky-clear)}.site-band[data-wash=peach]{--wash-a: var(--wash-peach);--wash-a-clear: var(--wash-peach-clear);--wash-b: var(--wash-sky);--wash-b-clear: var(--wash-sky-clear)}.site-h1,.site-h2,.site-h3,.site-h4{margin:0;color:var(--color-fg);text-wrap:balance}.site-h1{font-size:var(--site-type-page);line-height:var(--type-display-ratio);font-weight:var(--type-display-weight);letter-spacing:calc(1.5 * var(--type-tight-tracking));max-width:var(--site-size-headline)}.site-h2{font-size:var(--type-display-size);line-height:var(--type-display-line-height);font-weight:var(--type-display-weight);letter-spacing:var(--type-tight-tracking);max-width:calc(var(--site-size-headline) * 1.3)}.site-h3{display:flex;align-items:center;gap:var(--space-3);font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--type-title-weight)}.site-h4{font-size:var(--type-body-lg-size);line-height:var(--type-body-lg-line-height);font-weight:var(--type-title-weight)}.site-lead{margin:0;max-width:var(--site-size-lead);text-wrap:balance}.site-step-text p,.site-claim p,.site-figure-caption{text-wrap:balance}@media(max-width:599px){.site-lead,.site-step-text p,.site-claim p,.site-figure-caption{max-width:none;text-wrap:pretty;-webkit-hyphens:manual;hyphens:manual}}.site-section-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--site-space-head)}.site-section-head[data-center=true]{align-items:center;text-align:center}.site-cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.site-cta-center{justify-content:center}.site-band>.site-wrap>.site-cta{margin-top:var(--space-6)}.site-hero{padding-top:var(--site-space-hero)}.site-hero .site-wash{inset:calc(-1 * var(--site-bar-height)) 0 calc(-1 * var(--site-space-section) / 2);background:radial-gradient(circle calc(var(--site-size-wash) / 2) at 6% 10%,var(--wash-peach),var(--wash-peach) 25%,var(--wash-peach-clear)),radial-gradient(circle calc(var(--site-size-wash) / 2) at 94% 14%,var(--wash-sky),var(--wash-sky) 25%,var(--wash-sky-clear)),radial-gradient(circle calc(var(--site-size-wash) / 2.2) at 50% 72%,var(--wash-mint),var(--wash-mint-clear))}:root[data-handoff=true] .site-hero-text,:root[data-handoff=true] .demo,:root[data-handoff=true] .site-page-head{animation:none}.site-hero-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);text-align:center;animation:enter var(--motion-slow) var(--motion-ease-spring) backwards}.site-hero-title{font-size:var(--site-type-hero);line-height:1.05;letter-spacing:calc(2 * var(--type-tight-tracking));max-width:var(--site-size-headline)}.site-hero-lead{max-width:calc(var(--site-size-lead) * .9);text-wrap:balance}.site-hero-start{margin-top:var(--space-1)}@media(min-width:600px)and (max-width:1179px)and (pointer:coarse){.site-hero-start{min-width:calc(var(--size-field-short) + var(--space-1))}}@media(max-width:599px){.site-hero-text{gap:var(--space-4)}.site-hero-start{align-self:stretch}}.demo{position:relative;width:min(100%,var(--site-size-demo));margin:var(--space-8) auto 0;animation:enter var(--motion-slow) var(--motion-ease-spring) calc(2 * var(--motion-stagger)) backwards}.demo:before{content:"";position:absolute;inset:calc(-1 * var(--space-8)) calc(-1 * var(--space-7));z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 18% 30%,color-mix(in oklab,var(--wash-peach),var(--color-site-glow) 45%),var(--wash-peach-clear)),radial-gradient(closest-side at 82% 28%,color-mix(in oklab,var(--wash-sky),var(--color-accent) 10%),var(--wash-sky-clear)),radial-gradient(closest-side at 50% 92%,var(--wash-rose),var(--wash-rose-clear));filter:blur(var(--space-6))}.demo-frame{position:relative;padding:var(--space-3);border-radius:calc(var(--radius-lg) + var(--space-3));background:var(--color-surface);box-shadow:var(--elevation-sheet),0 var(--space-6) var(--space-8) var(--color-shadow-light)}.demo-board{position:relative;container-type:inline-size;aspect-ratio:16 / 7;border-radius:var(--radius-lg);background:var(--color-board-bg);color:var(--color-board-ink);overflow:hidden}.demo-topic{position:absolute;top:var(--space-4);inset-inline-end:var(--space-5);color:var(--color-fg-muted)}.demo-work{position:absolute;top:7.5cqi;left:5cqi;right:5cqi;display:grid;grid-template-columns:auto auto;justify-content:center;column-gap:10cqi;align-items:center;font-size:clamp(var(--font-size-18),5.2cqi,var(--font-size-60));line-height:1.2;font-weight:var(--font-weight-regular);font-feature-settings:var(--font-numeric);white-space:nowrap}.demo-lines{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:2.2cqi}.demo-answer{position:relative;justify-self:center;display:inline-flex;align-items:center;gap:.3em;margin-top:2cqi;font-size:112%}.demo-bottom{position:absolute;left:var(--space-4);right:var(--space-4);bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.demo-caption{max-width:min(100%,64cqi)}.demo-caption .caption-text{white-space:normal}.demo-caption-empty{visibility:hidden;animation:none}.demo-dock{position:relative;isolation:isolate;flex:none;display:inline-flex;border-radius:var(--radius-pill)}.demo-chip{flex:none;height:auto;min-height:var(--size-control-row);background:var(--color-surface);box-shadow:var(--elevation-card);transition:none}.demo-controls{display:flex;justify-content:flex-end;margin-top:var(--space-3);padding-inline:var(--space-3)}.demo-toggle{min-height:var(--size-control-sm);padding-inline:var(--space-3) var(--space-4);gap:var(--space-2);font-size:var(--type-label-size);color:var(--color-fg-muted)}.demo-toggle:active:not(:disabled){color:var(--color-fg)}@media(hover:hover){.demo-toggle:hover:not(:disabled){color:var(--color-fg)}}.demo-toggle .icon{width:var(--space-4);height:var(--space-4)}.demo[data-halted=true] *,.demo[data-halted=true] *:before{animation-play-state:paused}.demo[data-still=true],.demo[data-still=true] *,.demo[data-still=true] *:before{animation:none}@media(max-width:599px){.demo{margin-top:var(--space-7)}.demo-frame{padding:var(--space-2);border-radius:calc(var(--radius-lg) + var(--space-2))}.demo-board{aspect-ratio:15 / 16}.demo-topic{top:var(--space-3);inset-inline-end:var(--space-4)}.demo-work{top:15cqi;left:8cqi;right:8cqi;grid-template-columns:minmax(0,1fr);justify-items:start;font-size:clamp(var(--font-size-18),7.6cqi,var(--font-size-32))}.demo-lines{gap:3.4cqi}.demo-answer{justify-self:start;margin:5cqi 0 0;font-size:100%}.demo-bottom{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);flex-direction:column;gap:var(--space-2)}.demo-caption{max-width:100%}.demo-controls{justify-content:center}}.mock{margin:0}.mock-inner{height:100%}.mock-board{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-5);border-radius:var(--radius-md);background:var(--color-board-bg);color:var(--color-board-ink);box-shadow:var(--elevation-card);font-size:var(--type-body-lg-size);font-feature-settings:var(--font-numeric);white-space:nowrap}.mock-line{position:relative;display:inline-flex;align-items:center;gap:var(--space-2)}.mock-faint{color:var(--color-fg-muted)}.mock-mark{padding:0 var(--space-1);border-radius:var(--radius-xs);background:color-mix(in oklab,var(--color-board-highlight) 16%,transparent);color:var(--color-board-highlight)}.mock-pen{flex:none;width:var(--space-2);height:var(--space-2);border-radius:var(--radius-circle);background:var(--color-site-tutor);animation:mock-blink var(--motion-breath) var(--motion-ease-in-out) infinite alternate}@keyframes mock-blink{to{opacity:.15}}.mock-asked{padding:0 var(--space-1);border-radius:var(--radius-xs);box-shadow:0 0 0 var(--size-focus-ring) var(--color-site-student)}.mock-question{color:var(--color-site-student);font-weight:var(--font-weight-semibold)}.mock-said{max-width:100%;animation:none;color:var(--color-fg)}.mock-said .caption-text{white-space:normal;text-wrap:balance}.mock-heard{animation:none}.mock-heard .heard-text{display:block;text-wrap:balance}.mock-dock{position:relative;isolation:isolate;display:flex;justify-content:center;padding:var(--space-1);border-radius:var(--radius-pill)}.mock-dock:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--color-surface);box-shadow:var(--elevation-card)}.mock-dock[data-speaking] .dock-glow,.demo-dock[data-speaking] .dock-glow{opacity:1}.mock-dock[data-speaking] .dock-glow:before,.demo-dock[data-speaking] .dock-glow:before{animation-play-state:running}.mock-chip{min-width:0}.site-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-group);--step-panel-max: calc(var(--size-control-lg) * 5)}.site-step{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.mock-step{width:100%;aspect-ratio:4 / 3;max-height:var(--step-panel-max);margin:0;border-radius:var(--radius-lg);background:var(--panel-sky);overflow:hidden}.mock-step[data-wash=peach]{background:var(--panel-peach)}.mock-step[data-wash=mint]{background:var(--panel-mint)}.mock-step .mock-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4)}.mock-stage{align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.mock-step .mock-board{width:min(100%,var(--size-field-short))}.site-step-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.site-step-text p{margin:0}@media(max-width:599px){.site-steps{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}}@media(min-width:600px)and (max-width:1023px){.site-steps{grid-template-columns:minmax(0,1fr);gap:var(--gap-group)}.site-step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--space-6)}}.site-loops{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-group)}.site-loop{min-width:0}.site-loop-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.site-loop-figure picture{display:block;padding:var(--space-2);border-radius:calc(var(--radius-lg) + var(--space-2));background:var(--color-surface);box-shadow:var(--elevation-sheet)}.site-loop-img{display:block;width:100%;height:auto;aspect-ratio:1100 / 687;border-radius:var(--radius-lg);background:var(--color-board-bg)}:root[data-scheme=dark] .site-loop-img{filter:brightness(.9)}@media(prefers-color-scheme:dark){:root:not([data-scheme=light]) .site-loop-img{filter:brightness(.9)}}.site-loop-caption{display:flex;flex-direction:column;gap:var(--space-1);padding-inline:var(--space-2)}.site-loop-course{color:var(--color-fg-muted)}.site-loop-said{text-wrap:pretty}@media(max-width:719px){.site-loops{display:flex;gap:var(--space-4);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:var(--space-2) var(--space-4);margin-block:calc(-1 * var(--space-2)) calc(-1 * var(--space-4));padding-inline:var(--space-2);margin-inline:calc(-1 * var(--space-2))}.site-loops::-webkit-scrollbar{display:none}.site-loop{flex:0 0 86%;scroll-snap-align:center}}.site-paths{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.site-path{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0;padding:var(--space-6);border-radius:var(--radius-lg);background:var(--panel-sky)}.site-path[data-wash=mint]{background:var(--panel-mint)}.site-path[data-wash=peach]{background:var(--panel-peach)}.site-path p{margin:0}.site-path-examples{list-style:none;margin:0;padding:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-1)}.site-path-links{display:flex;flex-direction:column;align-items:flex-start;margin-block-start:auto;padding-block-start:var(--space-3)}@media(max-width:1023px){.site-paths{grid-template-columns:minmax(0,1fr)}}.draw{display:block;width:100%;height:auto;overflow:visible;font-family:inherit;letter-spacing:normal}.draw path,.draw circle,.draw ellipse,.draw rect{vector-effect:non-scaling-stroke}.draw-ink,.draw-water,.draw-rain{fill:none;stroke:var(--color-board-ink);stroke-width:var(--board-stroke-secondary);stroke-linecap:round;stroke-linejoin:round}.draw-thin{stroke-width:var(--board-stroke-guide)}.draw-guide{fill:none;stroke:var(--color-fg-muted);stroke-width:var(--board-stroke-guide)}.draw-block{fill:var(--color-board-bg)}.draw-dot{fill:var(--color-board-ink)}.draw-pen path,path.draw-pen{fill:none;stroke:var(--color-site-tutor);stroke-width:var(--board-stroke-primary);stroke-linecap:round;stroke-linejoin:round}path.draw-thin-pen{stroke-width:var(--board-stroke-secondary)}.draw-mark{fill:color-mix(in oklab,var(--color-board-highlight) 16%,transparent)}circle.draw-mark{stroke:var(--color-board-highlight);stroke-width:var(--board-stroke-secondary)}.draw-student{fill:none;stroke:var(--color-site-student);stroke-width:var(--board-stroke-student)}.draw-word{fill:var(--color-board-ink);font-weight:var(--font-weight-medium)}.draw-quiet{fill:var(--color-fg-muted)}.draw-on{fill:var(--color-board-highlight);font-weight:var(--font-weight-semibold)}.draw-pen-word{fill:var(--color-site-tutor)}.draw-student-word{fill:var(--color-site-student);font-weight:var(--font-weight-semibold)}.mock-step .mock-board-draw{width:min(100%,calc(var(--size-field-short) * 1.4));align-items:center;padding:var(--space-4)}.mock-board-low .draw{width:auto;max-width:100%;height:calc(var(--size-control-lg) * 1.5)}.mock-grade .mock-inner{padding:var(--space-4)}.mock-step .mock-board-fill{width:100%;height:100%;gap:var(--space-1);padding:var(--space-3) var(--space-4) var(--space-4)}.mock-topic-label{align-self:flex-end;color:var(--color-fg-muted)}.mock-drawing{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center}.mock-drawing .draw{height:100%}.site-grade-title{flex-wrap:wrap;align-items:baseline;column-gap:var(--space-3);row-gap:0}.site-grade-ages{font-weight:var(--font-weight-regular)}.site-subjects{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none;color:var(--color-fg-muted)}.site-subjects li:first-child{color:var(--color-fg)}.mock-ask .mock-inner{gap:var(--space-5)}.mock-asks{display:flex;flex-direction:column;gap:var(--space-3)}.mock-ask-line{align-self:flex-start;max-width:85%;text-align:start;border-end-end-radius:var(--radius-lg);border-end-start-radius:var(--radius-xs)}.mock-ask-line:nth-child(2n){align-self:flex-end;border-end-end-radius:var(--radius-xs);border-end-start-radius:var(--radius-lg)}.mock-ask-dock{align-self:center}.site-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-group)}.site-pair-item{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.site-pair-item>.mock{flex:1}.site-pair-item .site-h3{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.site-pair-item>.mock>.mock-inner{height:100%;justify-content:center}@media(max-width:899px){.site-pair{grid-template-columns:minmax(0,1fr);gap:var(--space-8)}}.site-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:var(--space-8)}.site-feature-text{padding-top:var(--space-6)}.site-feature[data-flip=true]{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}.site-feature[data-flip=true] .site-feature-picture{order:-1}.site-feature[data-tight=true] .site-feature-text{padding-top:0}.site-feature-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}@media(max-width:899px){.site-feature,.site-feature[data-flip=true]{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}.site-feature[data-flip=true] .site-feature-picture{order:0}.site-feature-text{padding-top:0}}@media(min-width:900px){.site-feature-picture .mock-step{aspect-ratio:8 / 5;max-height:none}.site-feature-picture .mock-step .mock-inner{zoom:1.3}}.mock-app .mock-inner{display:flex;flex-direction:column;gap:var(--space-3);--panel-pad: var(--space-6);padding:var(--panel-pad);border-radius:calc(var(--radius-lg) + var(--panel-pad));background:var(--panel-peach)}.mock-teacher .mock-inner{background:var(--panel-sky)}.mock-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);min-width:0}.mock-head{display:flex;align-items:center;gap:var(--space-3)}.mock-head-text{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.mock-head-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.mock-head-meta .mock-live{flex:none;min-height:0;padding-block:var(--space-1)}.mock-strong{font-weight:var(--font-weight-semibold)}.mock-avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-circle);background:var(--color-brand-sun);color:var(--color-brand-on-sun);font-weight:var(--font-weight-semibold)}.mock-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.mock-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.mock-child{gap:var(--space-4)}.mock-name{font-weight:var(--font-weight-semibold)}.mock-lead{text-wrap:pretty}.mock-rows{display:flex;flex-direction:column}.mock-rows .mock-row{padding-inline:0;min-height:var(--size-control-row)}.mock-level{flex:none;color:var(--color-fg)}.mock-replay{flex:none;color:var(--color-accent);font-weight:var(--type-label-weight)}.mock-live{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);min-height:var(--size-control-sm);border-radius:var(--radius-pill);background:var(--color-ok-soft)}.mock-grid{display:grid;grid-template-columns:max-content repeat(var(--kcs),minmax(0,1fr));align-items:center;gap:var(--space-2)}.mock-grid-row{display:contents}.mock-grid-kc{text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-grid-name{padding-inline-end:var(--space-2)}.mock-heat{width:100%;height:var(--space-6)}.mock-legend{display:flex;align-items:center;gap:var(--space-2);padding-top:var(--space-1);white-space:nowrap}.mock-scale{display:inline-flex;gap:var(--space-1)}.mock-heat-dot{width:var(--space-4);height:var(--space-3);border-radius:var(--radius-xs)}.mock-heat[data-step="0"],.mock-heat-dot[data-step="0"]{background:transparent;box-shadow:inset 0 0 0 var(--border-width-hairline) var(--color-border)}.mock-heat[data-step="1"],.mock-heat-dot[data-step="1"]{background:var(--color-site-heat-1)}.mock-heat[data-step="2"],.mock-heat-dot[data-step="2"]{background:var(--color-site-heat-2)}.mock-heat[data-step="3"],.mock-heat-dot[data-step="3"]{background:var(--color-site-heat-3)}.mock-heat[data-step="4"],.mock-heat-dot[data-step="4"]{background:var(--color-site-heat-4)}.mock-heat[data-step="5"],.mock-heat-dot[data-step="5"]{background:var(--color-site-heat-5)}.mock-mixup{gap:var(--space-2)}.mock-mixup-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3) var(--space-4)}.mock-app[data-wash=sky] .mock-inner{background:var(--panel-sky)}.mock-app[data-wash=mint] .mock-inner{background:var(--panel-mint)}.mock-app[data-wash=rose] .mock-inner{background:var(--panel-rose)}.mock-app[data-wash=peach] .mock-inner{background:var(--panel-peach)}.mock-keep{align-items:baseline}.mock-keep-label{flex:none;min-width:calc(var(--space-8) + var(--space-7))}.mock-agree{display:flex;align-items:flex-start;gap:var(--space-3);padding-block:var(--space-2)}.mock-box{flex:none;display:grid;place-items:center;width:var(--size-icon-lg);height:var(--size-icon-lg);margin-top:calc((var(--type-body-size) * var(--type-body-line-height) - var(--size-icon-lg)) / 2);border-radius:calc(var(--radius-xs) / 2);background:var(--color-accent);color:var(--color-accent-fg)}.mock-box .icon{width:calc(var(--size-icon-lg) - var(--space-2));height:calc(var(--size-icon-lg) - var(--space-2))}.mock-btn{pointer-events:none}.mock-given{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-ok)}.mock-given .icon{width:var(--size-icon-md);height:var(--size-icon-md)}.mock-action{color:var(--color-accent)}.mock-danger{color:var(--color-danger)}.mock-dl{display:grid;gap:var(--space-1)}.mock-dl-value{font-weight:var(--font-weight-semibold);font-feature-settings:var(--font-numeric);letter-spacing:var(--type-tight-tracking);text-align:start}.mock-dl-value+.type-label{margin-top:var(--space-3)}.mock-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.mock-ok{flex:none;display:inline-flex;color:var(--color-ok)}.mock-ok .icon,.mock-row .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md)}.mock-row>.icon{color:var(--color-fg-muted)}.mock-figure{flex:none;font-feature-settings:var(--font-numeric)}.mock-figure-value{font-size:var(--type-title-size);line-height:var(--type-title-line-height)}.mock-checked .mock-inner{gap:var(--space-4)}.mock-board-wide{padding:var(--space-5) var(--space-6);gap:var(--space-2);font-size:var(--type-title-size)}.mock-checked-line{gap:var(--space-3)}.mock-student{color:var(--color-site-student);text-decoration:underline wavy var(--color-board-highlight);text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}.mock-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.mock-today{gap:var(--space-2)}.mock-limit{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3)}.mock-stops{display:inline-flex;padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-fill-quiet)}.mock-stop{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);color:var(--color-fg-muted);white-space:nowrap}.mock-stop[data-on=true]{background:var(--component-segmented-thumb);box-shadow:var(--elevation-card);color:var(--color-fg)}.mock-table{display:grid;grid-template-columns:minmax(0,1fr) repeat(2,max-content);align-items:baseline;gap:var(--space-4);padding-block:var(--space-2)}.mock-table-head{padding-bottom:var(--space-2);border-bottom:var(--border-width-hairline) solid var(--color-border)}.mock-num{text-align:end;font-feature-settings:var(--font-numeric)}.mock-span{grid-column:2 / -1}.mock-cell-name{min-width:0}.mock-law{flex:none;min-width:calc(var(--space-8) + var(--space-5))}@media(max-width:599px){.mock-app .mock-inner{--panel-pad: var(--space-3)}.mock-foot{flex-direction:column}.mock-table{grid-template-columns:minmax(0,1fr) max-content}.mock-min{display:none}.mock-span{grid-column:2}.mock-card{padding:var(--space-4)}.mock-grid{gap:var(--space-1)}.mock-heat{height:var(--space-5)}.mock-grid-kc{align-self:end;letter-spacing:var(--type-tight-tracking);line-height:1.15;white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.mock-grid-name{padding-inline-end:0}}.site-claims{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}.site-claim{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.site-claim p{margin:0;max-width:calc(var(--site-size-lead) * .6)}@media(max-width:1023px){.site-claims{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}}@media(min-width:1024px){.site-claims[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5)}}.site-section-head[data-alone=true]{margin-bottom:0}.site-qa{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:var(--space-3) var(--space-8)}.site-qa>.site-h2{margin:0;padding-top:var(--space-3)}@media(max-width:899px){.site-qa{grid-template-columns:minmax(0,1fr)}.site-qa>.site-h2{padding-top:0}}.pricing.site-qa{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-3)}.pricing.site-qa>.site-h2{padding-top:0}.pricing.site-qa>.faq{max-width:none}.faq{max-width:calc(var(--size-page-reading) + 2 * var(--space-4))}@media(max-width:899px){.site-qa>.faq{max-width:none}}.faq{display:flex;flex-direction:column;margin-inline:calc(-1 * var(--space-4))}.faq-item{border-radius:var(--radius-md);scroll-margin-top:calc(var(--site-bar-height) + var(--space-5));transition:background-color var(--motion-fast) var(--motion-ease-standard)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--size-control-row);padding:var(--space-3) var(--space-4);border-radius:inherit;cursor:pointer;list-style:none}@media(hover:hover){.faq-item summary:hover{background:var(--color-fill)}}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-fg-muted);transition:transform var(--motion-base) var(--motion-ease-spring)}.faq-item[open] summary .icon{transform:rotate(180deg)}.faq-item p{margin:0;padding:0 var(--space-4) var(--space-4);max-width:var(--size-content-max)}@media(max-width:599px){.faq{margin-inline:0}.faq-item summary{padding-inline:0}.faq-item p{padding-inline:0}}.site-end{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-8) var(--space-6);border-radius:calc(var(--radius-lg) * 2);background:var(--panel-sky);text-align:center}.site-end .site-cta{margin-top:var(--space-3);gap:var(--space-5)}.site-end .site-lead{text-wrap:balance}.site-end-band{padding-bottom:0}.site-end-wash{inset:0;background:radial-gradient(circle calc(var(--site-size-wash) / 2.5) at 10% 10%,var(--wash-peach),var(--wash-peach-clear)),radial-gradient(circle calc(var(--site-size-wash) / 2.5) at 90% 20%,var(--wash-sky),var(--wash-sky-clear)),radial-gradient(circle calc(var(--site-size-wash) / 2.5) at 50% 110%,var(--wash-rose),var(--wash-rose-clear))}@media(max-width:599px){.site-end{padding:var(--space-7) var(--space-4);border-radius:calc(var(--radius-lg) + var(--space-2))}.site-end .site-cta{flex-direction:column;align-items:stretch;gap:var(--space-2);width:100%}.site-end .site-more{justify-content:center}}.site-page-hero{padding-top:var(--site-space-hero);padding-bottom:var(--space-8)}.site-page-hero .site-wash{inset:calc(-1 * var(--site-bar-height)) 0 calc(-1 * var(--site-space-section))}.site-page-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);animation:enter var(--motion-slow) var(--motion-ease-spring) backwards}.site-page-head p{margin:0}.site-page-head .site-cta{margin-top:var(--space-2)}.site-page-split{align-items:start}.site-feature-text .site-claims{grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-2)}.site-feature-sub{margin-top:var(--space-4)}.site-select{align-self:stretch;width:100%}.site-form .field-input{border-color:var(--color-border);background-color:var(--color-surface);font-size:var(--type-body-size)}.site-form .field-input:focus{border-color:var(--color-accent)}.site-form .field-input[aria-invalid=true]{border-color:var(--color-danger)}.site-trap{position:absolute;width:var(--border-width-hairline);height:var(--border-width-hairline);overflow:hidden;clip-path:inset(50%)}.site-page-top{padding-top:var(--space-8)}.site-column{width:min(100%,var(--size-page-reading));margin-inline:0;display:flex;flex-direction:column;gap:var(--gap-section)}@media(min-width:1024px){.site-column{margin-inline:auto}}.site-column-head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3)}.site-column-head>*{margin:0}.site-column-section{display:flex;flex-direction:column;gap:var(--space-3);scroll-margin-top:calc(var(--site-bar-height) + var(--space-5))}.site-column-section>p{margin:0}.site-column-action{margin-top:var(--space-3)}.site-band-end{padding-bottom:0}.site-band-last{padding-bottom:var(--site-space-section)}@media(max-width:599px){.site-page-top{padding-top:var(--space-6)}.site-column-action .btn{width:100%}}.learn-hub{columns:3;column-gap:var(--space-8)}.learn-hub>.site-column-section{break-inside:avoid;padding-bottom:var(--gap-section)}@media(max-width:1023px){.learn-hub{columns:2}}@media(max-width:599px){.learn-hub{columns:1}}.learn-hub-band{padding-top:0}.site-rows{list-style:none;margin:0 calc(-1 * var(--space-4));padding:0;display:flex;flex-direction:column}.site-row{display:flex;align-items:center;gap:var(--space-4);min-height:var(--size-control-row);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md)}.site-row:active{background:var(--color-fill)}@media(hover:hover){.site-row:hover{background:var(--color-fill)}}.site-row-label{flex:1;min-width:0}.site-form{display:flex;flex-direction:column;gap:var(--gap-group)}.site-form-send{display:flex}.site-form-pair{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-group);align-items:start}@media(min-width:600px){.site-form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.site-form-send .btn{flex:1}}.site-legal-layout{display:flex;flex-direction:column;gap:var(--gap-group)}.site-legal{display:flex;flex-direction:column;gap:var(--gap-section);min-width:0}.site-legal-part{display:flex;flex-direction:column;gap:var(--space-3);scroll-margin-top:calc(var(--site-head-height) + var(--space-4))}.site-legal-part>p,.site-legal p{margin:0;max-width:var(--size-content-max);text-wrap:pretty}.site-legal-list{margin:0;padding-inline-start:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.site-legal-list li{max-width:var(--size-content-max)}.site-legal-toc{align-self:stretch;border-block:var(--border-width-hairline) solid var(--color-fill)}.site-legal-toc-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--size-hit-min);margin:0;color:var(--color-fg);font-size:var(--type-label-size);font-weight:var(--type-label-weight);list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.site-legal-toc-title::-webkit-details-marker{display:none}.site-legal-toc-title .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-fg-muted);transition:transform var(--motion-fast) var(--motion-ease-standard)}.site-legal-toc[open] .site-legal-toc-title .icon{transform:rotate(180deg)}.site-legal-toc ul{list-style:none;margin:0;padding:0 0 var(--space-3);display:flex;flex-direction:column}.site-legal-toc-link{display:flex;align-items:center;min-height:var(--size-hit-min);color:var(--color-accent);font-size:var(--type-body-size);text-decoration:none;-webkit-tap-highlight-color:transparent}.site-legal-toc-link:active{color:var(--color-fg)}@media(hover:hover){.site-legal-toc-link:hover{text-decoration:underline;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}}@media(min-width:1024px){.site-legal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--space-8);align-items:start}.site-legal-toc{position:sticky;top:calc(var(--site-head-height) + var(--space-5));max-height:calc(100dvh - var(--site-head-height) - 2 * var(--space-5));overflow-y:auto;overscroll-behavior:contain;border:0}.site-legal-toc[data-wide=true] .site-legal-toc-title{cursor:default}.site-legal-toc[data-wide=true] .site-legal-toc-title .icon{display:none}.site-legal-toc-link{min-height:var(--size-control-sm);color:var(--color-fg-muted);font-size:var(--type-label-size)}}.site-note{margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-fill);color:var(--color-fg);font-size:var(--type-label-size);line-height:var(--type-label-line-height);max-width:var(--size-content-max)}.site-text-link{display:inline-flex;align-items:center;min-height:var(--size-hit-min);color:var(--color-accent);font-weight:var(--type-label-weight);text-decoration:none;overflow-wrap:anywhere}@media(hover:hover){.site-text-link:hover{text-decoration:underline;text-decoration-thickness:var(--border-width-hairline);text-underline-offset:var(--space-1)}}.learn-toc{list-style:none;margin:0;padding:0;columns:2;column-gap:var(--space-6)}.learn-toc>li{break-inside:avoid}.learn-toc[data-terms=true]{columns:auto;display:flex;flex-wrap:wrap;gap:0 var(--space-4)}@media(max-width:599px){.learn-toc{columns:1}}.learn-toc a{display:inline-flex;align-items:center;min-height:var(--size-hit-min)}.site-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-5)}.site-figure-caption{margin:0;max-width:var(--site-size-lead);text-wrap:pretty}.site-panel,.pricing-schools{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-group);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--panel-peach)}.site-panel-text,.pricing-schools-text{display:flex;flex-direction:column;gap:var(--space-1)}.site-panel-text>*,.pricing-schools-text>*{margin:0}@media(max-width:599px){.site-panel,.pricing-schools{flex-direction:column;align-items:stretch;padding:var(--space-5)}.site-panel .btn,.pricing-schools .btn{width:100%}}.learn-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);color:var(--color-fg-muted)}.learn-crumbs .icon{width:var(--space-4);height:var(--space-4)}.learn-crumbs a{display:inline-flex;align-items:center;min-height:var(--size-hit-min);min-width:var(--size-hit-min);padding-inline:var(--space-2)}.learn-crumbs a:first-child{margin-inline-start:calc(-1 * var(--space-2))}.learn-article .site-h1{max-width:none}.learn-measure{font-size:var(--type-body-size);max-width:var(--size-content-max)}.learn-summary{margin:0;text-wrap:pretty}.learn-h2{margin:0;color:var(--color-fg);font-size:var(--type-title-size);line-height:var(--type-title-line-height);font-weight:var(--font-weight-semibold);letter-spacing:var(--type-tight-tracking);text-wrap:balance}.learn-nobreak{white-space:nowrap}.learn-section p{max-width:var(--size-content-max)}.learn-section+.learn-section{padding-top:var(--gap-section);border-top:var(--border-width-hairline) solid var(--color-border)}.learn-section{gap:var(--space-4)}.learn-example{margin:var(--space-2) 0 0;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-board-bg);color:var(--color-board-ink)}.learn-example math{font-family:var(--font-ui);font-size:var(--type-body-lg-size);font-feature-settings:var(--font-numeric);color:var(--color-board-ink);math-style:normal}.learn-example math *{font-family:inherit}.learn-example mi{font-style:normal;text-transform:none}.learn-example msub>:not(:first-child),.learn-example msup>:not(:first-child),.learn-example msubsup>:not(:first-child){font-size:.8em}.learn-example msub>:last-child{position:relative;top:-.18em}.learn-example msub,.learn-example msup{margin-inline-end:-.1em}.learn-example-problem{margin:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--type-body-lg-size)}.learn-example mfrac>*{font-size:max(var(--type-body-size),100%)}.learn-steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-5)}.learn-step{display:grid;grid-template-columns:minmax(0,1fr);row-gap:var(--space-1)}.learn-steps[data-side=true]{grid-template-columns:max-content minmax(0,1fr);column-gap:var(--space-6);row-gap:var(--space-4)}.learn-steps[data-side=true]>.learn-step{grid-column:1 / -1;grid-template-columns:subgrid;align-items:center}.learn-step-math{min-width:0}@media(max-width:599px){.learn-steps[data-side=true]{grid-template-columns:minmax(0,1fr);row-gap:var(--space-5)}.learn-steps[data-side=true]>.learn-step{grid-template-columns:minmax(0,1fr)}}.tex-lines{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:1em;row-gap:var(--space-1);max-width:100%}.tex-group{display:inline-flex;flex-wrap:wrap;align-items:baseline;min-width:0}.tex-piece{white-space:nowrap}.tex-joiner{margin-inline-end:.3em}.learn-steps[data-measure=true] .tex-lines,.learn-steps[data-measure=true] .tex-group{flex-wrap:nowrap;width:max-content;max-width:none}.learn-example .tex-radical{font-size:1.15em}.learn-example .tex-radicand{border-top:.06em solid currentColor;padding:.02em .02em 0 .06em}.learn-example .tex-root>:last-child{font-size:.6em;margin-inline-end:-.3em}.learn-step p{margin:0}.learn-answer{margin:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.learn-answer-math{position:relative;display:inline-flex;align-items:center;padding:var(--space-3) var(--space-5);font-weight:var(--font-weight-medium)}.learn-answer-ring{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.learn-answer-ring path{fill:none;stroke:var(--color-site-tutor);stroke-width:var(--board-stroke-primary);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}@media(max-width:599px){.learn-example{padding:var(--space-5) var(--space-4)}}.learn-terms{margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--space-3) var(--space-6)}.learn-terms dd{margin:0}.learn-term{font-weight:var(--font-weight-medium)}@media(max-width:599px){.learn-terms{grid-template-columns:minmax(0,1fr);gap:var(--space-1)}.learn-terms dd+dt{margin-top:var(--space-3)}}.learn-end{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--panel-peach)}.learn-end>*{margin:0}.site-footer{padding:var(--space-8) 0 calc(var(--space-6) + var(--safe-bottom))}.site-footer-inner{display:flex;flex-direction:column;gap:var(--space-4)}.site-footer-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,5fr);align-items:start;gap:var(--space-6)}.site-footer-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-6) var(--space-5)}.site-footer-col{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.site-footer-title{margin:0;color:var(--color-fg)}.site-footer-nav{list-style:none;margin:0;margin-inline-start:calc(-1 * var(--space-3));padding:0;display:flex;flex-direction:column}.site-footer-link{display:inline-flex;align-items:center;min-height:var(--size-hit-min);min-width:var(--size-hit-min);padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-fg-muted);font-size:var(--type-label-size)}.site-footer-link[aria-current=page],.site-footer-link:active{color:var(--color-fg)}@media(hover:hover){.site-footer-link:hover{color:var(--color-fg)}}.site-footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--space-5)}.site-footer-base p{margin:0}.site-footer-end{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-2);margin-inline-end:calc(-1 * var(--space-3))}@media(min-width:900px){.site-footer-lang{display:none}}@media(max-width:1023px){.site-footer-top{grid-template-columns:minmax(0,1fr)}.site-footer-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:599px){.site-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4)}.site-footer-base{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.site-footer-end{margin:0;margin-inline-start:calc(-1 * var(--space-3))}}[dir=rtl] .site-more .icon,[dir=rtl] .mock-row>.icon{transform:scaleX(-1)}[dir=rtl] .site-more:active .icon{transform:scaleX(-1) translate(var(--space-1))}@media(hover:hover){[dir=rtl] .site-more:hover .icon{transform:scaleX(-1) translate(var(--space-1))}}[dir=rtl] .meter-fill{transform-origin:right center}:root[lang=ar]{--font-ui: var(--font-arabic)}[lang=ar] .site,[lang=ar] .site *{letter-spacing:normal}[lang=ar] .site-h1,[lang=ar] .site-h2{line-height:1.35}:root[data-motion=reduced] .mock *,:root[data-motion=reduced] .site-hero-text,:root[data-motion=reduced] .site-page-head,:root[data-motion=reduced] .demo{animation:none}:root[data-motion=reduced] .mock-pen{display:none}@media(prefers-reduced-motion:reduce){.mock *,.site-hero-text,.site-page-head,.demo{animation:none}.mock .mock-pen{display:none}}.site-page-head[data-center=true]{align-items:center;text-align:center}.site-page-head[data-center=true] .site-lead{text-wrap:balance}.site-phrase{display:inline-block}.pricing{width:min(100%,var(--site-size-demo));margin-inline:auto;display:flex;flex-direction:column;gap:var(--gap-section)}.pricing-switch{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2) var(--space-4)}.pricing-who,.pricing-note{margin:0;text-align:center}.plan-block[data-actions=none] .plan-action{display:none}.ink{display:block;width:100%;height:auto;overflow:visible}.ink-part{fill:none;stroke:var(--color-board-ink);stroke-linecap:round;stroke-linejoin:round}.ink-part[data-tone=n1]{stroke:var(--color-board-notation-1)}.ink-part[data-tone=n2]{stroke:var(--color-board-notation-2)}.ink-part[data-tone=n3]{stroke:var(--color-board-notation-3)}.ink-part[data-tone=n4]{stroke:var(--color-board-notation-4)}.ink-part[data-tone=n5]{stroke:var(--color-board-notation-5)}.ink-part[data-tone=tutor]{stroke:var(--color-site-tutor)}.ink-part[data-tone=student]{stroke:var(--color-site-student)}.ink-part[data-tone=ok]{stroke:var(--color-ok)}.ink-part[data-tone=quiet]{stroke:var(--color-fg-muted)}.ink[data-write] .ink-part{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ink-write var(--dur) linear var(--at) forwards}.ink[data-write=wait] .ink-part{animation:none}.ink-part[data-state=hidden]{opacity:0;transition:opacity var(--motion-slow) var(--motion-ease-standard)}.ink-part[data-state=writing]{stroke-dasharray:1 1;stroke-dashoffset:1;animation:ink-write var(--dur) linear var(--lag) both}.demo .ink-part[data-state=writing]{animation-duration:var(--site-demo-write)}.demo .ink-part[data-tone=ok][data-state=writing]{animation-duration:calc(var(--site-demo-write) / 2)}.demo-hl{transform-box:fill-box;transform-origin:left center;transition:opacity var(--motion-slow) var(--motion-ease-standard)}.demo-hl[data-highlight=off]{opacity:0}.demo-hl[data-highlight=sweep]{animation:demo-sweep var(--site-demo-sweep) var(--motion-ease-in-out) both}@keyframes demo-sweep{0%{transform:scaleX(0)}}.demo-answer .ink{display:inline-block}@keyframes ink-write{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.ink[data-write] .ink-part,.ink[data-write=wait] .ink-part,.ink-part[data-state=writing]{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}.ink-highlight{fill:var(--color-board-highlight);opacity:var(--board-highlighter-opacity)}.site-moments{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-group)}.moment{margin:0;border-radius:var(--radius-lg);background:var(--panel-sky)}.moment[data-wash=peach]{background:var(--panel-peach)}.moment[data-wash=mint]{background:var(--panel-mint)}.moment[data-wash=rose]{background:var(--panel-rose)}.moment .mock-inner{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.moment-board{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;padding:var(--space-7) var(--space-5) var(--space-5);border-radius:var(--radius-md);background:var(--color-board-bg);box-shadow:var(--elevation-card)}.moment-topic{position:absolute;top:var(--space-3);inset-inline-end:var(--space-4);color:var(--color-fg-muted)}.moment-ink{position:absolute;inset:var(--space-7) var(--space-5) var(--space-5)}.moment-ink .ink{width:100%;height:100%}.moment-narrow{display:none}@media(max-width:599px){.moment-board[data-phone]{aspect-ratio:1 / 1}.moment-board[data-phone] .moment-wide{display:none}.moment-board[data-phone] .moment-narrow{display:block}}.moment-words{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.moment-words .mock-heard{align-self:flex-end}@media(max-width:899px){.site-moments{grid-template-columns:minmax(0,1fr);gap:var(--space-7)}.moment .mock-inner{padding:var(--space-4)}}.site-step-title{display:flex;align-items:baseline;gap:var(--space-2)}.site-step-n{flex:none;display:inline-grid;place-items:center;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-pill);background:var(--color-fill);font-size:var(--type-label-size);font-feature-settings:var(--font-numeric);transform:translateY(calc(-1 * var(--space-1) / 2))}.site-grade-examples{margin:var(--space-2) 0 0;text-wrap:balance}.mock-ladder-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.mock-ladder-line{font-feature-settings:var(--font-numeric);white-space:nowrap}.mock-ladder{list-style:none;margin:var(--space-3) 0 0;padding:0;display:flex;flex-direction:column}.mock-rung{position:relative;display:flex;gap:var(--space-3);padding-block:var(--space-2)}.mock-rung:before{content:"";position:absolute;inset-inline-start:calc(var(--space-2) - var(--border-width-hairline) / 2);top:0;bottom:0;border-inline-start:var(--border-width-hairline) solid var(--color-border)}.mock-rung:first-child:before{top:50%}.mock-rung:last-child:before{bottom:50%}.mock-rung-dot{position:relative;flex:none;width:var(--space-4);height:var(--space-4);margin-top:var(--space-1);border-radius:var(--radius-pill);border:var(--border-width-hairline) solid var(--color-border);background:var(--color-surface)}.mock-rung[data-state=past] .mock-rung-dot{background:var(--color-fg-muted);border-color:var(--color-fg-muted)}.mock-rung[data-state=on] .mock-rung-dot{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 var(--space-1) var(--color-accent-soft)}.mock-rung-text{display:flex;flex-direction:column;min-width:0}.mock-rung[data-state=next] .mock-rung-text{opacity:.55}.mock-now-title{display:block;margin-bottom:var(--space-2)}.mock-now-table{display:grid;grid-template-columns:minmax(0,.8fr) max-content max-content minmax(0,1.6fr);column-gap:var(--space-4)}.mock-now-table>.mock-now-row{grid-column:1 / -1;grid-template-columns:subgrid}@media(max-width:599px){.mock-now-table{grid-template-columns:minmax(0,1fr) max-content minmax(0,1.4fr);column-gap:var(--space-3)}}.mock-now-state{color:var(--color-fg-muted);text-wrap:balance}.mock-now-state[data-stuck]{color:var(--color-board-highlight)}@media(min-width:1024px){.site-claims[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-crumbs{margin-bottom:calc(-1 * var(--space-2))}[dir=rtl] .guide-crumbs .icon{transform:scaleX(-1)}.guide-course-groups{display:flex;flex-direction:column;gap:var(--gap-section)}.guide-course-group{display:flex;flex-direction:column;gap:var(--space-3)}.guide-course-group>.site-h3{margin:0}.guide-course-list{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2) var(--space-6);align-items:start}@media(min-width:1024px){.guide-course-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.guide-course{border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--elevation-card);transition:background-color var(--motion-fast) var(--motion-ease-standard)}.guide-course summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--size-control-row);padding:var(--space-3) var(--space-4);border-radius:inherit;cursor:pointer;list-style:none}.guide-course summary::-webkit-details-marker{display:none}@media(hover:hover){.guide-course summary:hover{background:var(--color-fill)}}.guide-course-head{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.guide-course-name{font-weight:var(--font-weight-semibold)}.guide-course-meta{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.guide-course summary .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-fg-muted);transition:transform var(--motion-base) var(--motion-ease-spring)}.guide-course[open] summary .icon{transform:rotate(180deg)}.guide-course-units{margin:0;padding:0 var(--space-4) var(--space-4) calc(var(--space-4) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-fg-muted)}.guide-course-units li::marker{font-family:var(--font-numeric);color:var(--color-fg-muted)}.guide-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}@media(min-width:1024px){.guide-cards[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}.guide-cards[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1023px){.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.guide-cards{grid-template-columns:minmax(0,1fr);gap:var(--space-3)}}.guide-card{display:flex}.guide-card-link{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--elevation-card);color:var(--color-fg);text-decoration:none;transition:background-color var(--motion-fast) var(--motion-ease-standard),transform var(--motion-fast) var(--motion-ease-standard)}@media(hover:hover){.guide-card-link:hover{background:var(--color-fill)}}.guide-card-text{display:flex;flex-direction:column;gap:var(--space-2)}.guide-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0}.guide-card-title .icon{flex:none;width:var(--size-icon-md);height:var(--size-icon-md);color:var(--color-accent)}[dir=rtl] .guide-card-title .icon{transform:scaleX(-1)}.guide-note{margin:var(--space-5) 0 0;max-width:var(--size-content-max)}.guide-rows{display:block;columns:3;column-gap:var(--space-4)}.guide-rows>li{break-inside:avoid}@media(max-width:1023px){.guide-rows{columns:2}}@media(max-width:599px){.guide-rows{columns:1}}.guide-foot{margin-top:var(--space-5)}.guide-faq-groups{display:flex;flex-direction:column;gap:var(--gap-section);max-width:var(--size-content-max)}.guide-faq-group>.site-h3{margin:0 0 var(--space-2)}.guide-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-6)}.mock-homework .mock-card{display:flex;flex-direction:column;gap:var(--space-3)}.mock-row-main.mock-hw-problem{display:flex;flex-direction:row;align-items:baseline;gap:var(--space-3)}.mock-hw-n{font-family:var(--font-numeric)}.mock-hw-math{font-family:var(--font-numeric);unicode-bidi:isolate}.mock-hw-row[data-state=done] .mock-hw-math{color:var(--color-fg-muted)}.mock-hw-state{flex:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-fill-quiet);color:var(--color-fg-muted)}.mock-hw-state[data-state=now]{background:var(--component-button-primary-bg);color:var(--component-button-primary-fg)}.mock-hw-state[data-state=done]{background:var(--color-ok-soft);color:var(--color-fg)}@media(min-width:1024px){.site-claims[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.site-claims[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.guide-levels{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.guide-level{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--color-fill)}.guide-level:last-child{background:var(--component-button-primary-bg);color:var(--component-button-primary-fg)}.site-feature-text .site-claims{grid-template-columns:minmax(0,1fr);gap:var(--space-4);margin-top:var(--space-3)}.guide-faq-foot{grid-column:2;margin-top:var(--space-2)}@media(max-width:899px){.guide-faq-foot{grid-column:1}}.guide-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-section) var(--space-8);align-items:start}.guide-column{min-width:0;scroll-margin-top:calc(var(--site-bar-height) + var(--space-5))}.guide-column .site-claims{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}@media(max-width:899px){.guide-columns{grid-template-columns:minmax(0,1fr)}}