[data-learn-tint]{--lt-ink: #13142b;--lt-soft: #3b3d5c;color:var(--lt-ink)}:root{--lf-flame: #ff8a3d;--lf-flame-2: #ff6a3d}[data-learn-tint=blue]{--lt-bg: #d8ecf4;--lt-accent: #005c94;--lt-edge: #a9d2e6}[data-learn-tint=lilac]{--lt-bg: #e4e1fb;--lt-accent: #5742b6;--lt-edge: #c3bcf3}[data-learn-tint=pink]{--lt-bg: #f9dfef;--lt-accent: #a3195f;--lt-edge: #edb7d6}[data-learn-tint=yellow]{--lt-bg: #fbefc4;--lt-accent: #7c4b00;--lt-edge: #ebd58a}[data-learn-tint=mint]{--lt-bg: #dcf1e1;--lt-accent: #006a34;--lt-edge: #abd9b6}[data-learn-tint=cream]{--lt-bg: #fbe4d5;--lt-accent: #a53e10;--lt-edge: #f0bfa0}[data-learn-tint=slate]{--lt-bg: #e3e6ee;--lt-accent: #3b4160;--lt-edge: #c3c8d6}:root[data-mode=dark] [data-learn-tint]{--lt-ink: #f5f5ff;--lt-soft: #cfd0e6}:root[data-mode=dark] [data-learn-tint=blue]{--lt-bg: #142b38;--lt-accent: #9acaf4;--lt-edge: #1f4256}:root[data-mode=dark] [data-learn-tint=lilac]{--lt-bg: #221e44;--lt-accent: #bdb9ff;--lt-edge: #352f66}:root[data-mode=dark] [data-learn-tint=pink]{--lt-bg: #36182c;--lt-accent: #f5a9d3;--lt-edge: #522643}:root[data-mode=dark] [data-learn-tint=yellow]{--lt-bg: #322a10;--lt-accent: #f2cf6b;--lt-edge: #4b3f18}:root[data-mode=dark] [data-learn-tint=mint]{--lt-bg: #13301e;--lt-accent: #9fd3ab;--lt-edge: #1e4a2e}:root[data-mode=dark] [data-learn-tint=cream]{--lt-bg: #36200f;--lt-accent: #f5b48c;--lt-edge: #52321a}:root[data-mode=dark] [data-learn-tint=slate]{--lt-bg: #1e2232;--lt-accent: #c3c8e0;--lt-edge: #2f3550}[data-learn-tint]{--lt-bg-2: color-mix(in srgb, var(--lt-bg) 55%, var(--lt-edge));--lt-light: rgb(255 255 255 / .55)}:root[data-mode=dark] [data-learn-tint]{--lt-light: rgb(255 255 255 / .07)}.learn-card{background:radial-gradient(circle at 100% 0%,var(--lt-light) 0,transparent 42%),linear-gradient(160deg,var(--lt-bg) 30%,var(--lt-bg-2));border-radius:var(--r-panel);color:var(--lt-ink)}.learn-chip{background:color-mix(in srgb,var(--ds-color-bg-surface) 72%,transparent);color:var(--lt-ink, var(--ds-color-fg-default))}@layer components{.learn-chip{border-radius:var(--r-md)}}[data-learn-land]{--land-ground: #cdeba8;--land-ground-2: #b6df8b;--land-road: #fff4cf;--land-road-edge: #f0dc9c;--land-water: #a9ddf0;--land-leaf: #5dae6b;--land-leaf-2: #3e8e55;--land-trunk: #b07a4a;--land-cap: #e5533d;--land-dot: #fffaf0;--land-rock: #b9bccb;--land-rock-2: #9a9eb2;--land-ink: #13142b;--land-done-ink: #13142b;--land-road-flow: rgb(255 255 255 / .85)}[data-learn-land=lake]{--land-ground: #c8ead9;--land-ground-2: #a9dcc3;--land-leaf: #4fa38a;--land-leaf-2: #2f8270}[data-learn-land=autumn]{--land-ground: #f3e2b5;--land-ground-2: #ead08e;--land-leaf: #e59a3d;--land-leaf-2: #c9702c;--land-cap: #b8452f}[data-learn-land=bloom]{--land-ground: #e9dcf6;--land-ground-2: #d8c6f0;--land-leaf: #9a7fd6;--land-leaf-2: #7b5fc0;--land-cap: #e0559b}:root[data-mode=dark] [data-learn-land]{--land-ground: #1d3a2a;--land-ground-2: #24472f;--land-road: #3d3826;--land-road-edge: #4d4630;--land-water: #1c4258;--land-leaf: #3f8a55;--land-leaf-2: #2c6a41;--land-trunk: #7d5636;--land-cap: #c9483a;--land-dot: #f0e6d6;--land-rock: #4a4e63;--land-rock-2: #3a3e52;--land-ink: #f5f5ff}:root[data-mode=dark] [data-learn-land=lake]{--land-ground: #173a36;--land-ground-2: #1c4842;--land-leaf: #36846f;--land-leaf-2: #276a59}:root[data-mode=dark] [data-learn-land=autumn]{--land-ground: #3a2f17;--land-ground-2: #46391c;--land-leaf: #b9772d;--land-leaf-2: #955a22;--land-cap: #a83e2c}:root[data-mode=dark] [data-learn-land=bloom]{--land-ground: #2b2344;--land-ground-2: #352b52;--land-leaf: #7b62b8;--land-leaf-2: #614a9c;--land-cap: #c24a86}.learn-land{background:radial-gradient(120% 60% at 20% 10%,var(--land-ground-2) 0 35%,transparent 36%),radial-gradient(90% 50% at 90% 70%,var(--land-ground-2) 0 30%,transparent 31%),var(--land-ground);border-radius:var(--r-frame);color:var(--land-ink)}.learn-stone{box-shadow:0 .5rem 0 var(--stone-edge),0 .75rem 1.25rem -.5rem #13142b59;transition:transform var(--ds-motion-duration-fast) ease-out,box-shadow var(--ds-motion-duration-fast) ease-out}.learn-stone:active{transform:translateY(.375rem);box-shadow:0 .125rem 0 var(--stone-edge)}@media(prefers-reduced-motion:reduce){.learn-stone,.learn-stone:active{transition:none;transform:none}}.learn-rays{background:repeating-conic-gradient(from 0deg at 50% 70%,var(--rays-a, rgb(242 177 0 / .16)) 0deg 9deg,transparent 9deg 18deg);-webkit-mask-image:radial-gradient(closest-side at 50% 70%,#000 30%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 70%,#000 30%,transparent 100%)}:root[data-mode=dark] .learn-rays{--rays-a: rgb(242 207 107 / .12)}@media(prefers-reduced-motion:no-preference){.learn-rays[data-turning]{animation:learn-turn 40s linear infinite}}@keyframes learn-turn{to{rotate:360deg}}.learn-confetti-piece{position:absolute;top:-1.5rem;border-radius:.25rem;opacity:0}@media(prefers-reduced-motion:no-preference){.learn-confetti-piece{animation:learn-fall var(--fall, 2.6s) cubic-bezier(.2,.6,.4,1) var(--delay, 0s) 1 both}}@keyframes learn-fall{0%{opacity:1;transform:translateZ(0) rotate(0)}85%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0px),var(--depth, 70vh),0) rotate(var(--spin, 540deg))}}@media(prefers-reduced-motion:no-preference){.learn-star-pop{animation:learn-pop .42s cubic-bezier(.34,1.56,.64,1) var(--delay, 0s) both}}@keyframes learn-pop{0%{transform:scale(.2) rotate(-25deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}[data-learn-tint]{--lt-glow: rgb(255 255 255 / .9)}:root[data-mode=dark] [data-learn-tint]{--lt-glow: color-mix(in srgb, var(--lt-accent) 26%, transparent)}.learn-celebration{background:radial-gradient(circle at 50% var(--hero-y, 30%),var(--lt-glow) 0,transparent min(46vmax,34rem)),linear-gradient(180deg,var(--lt-bg) 0%,var(--lt-bg-2) 100%);color:var(--lt-ink)}.learn-fan{position:absolute;left:50%;top:var(--hero-y, 30%);width:240vmax;height:240vmax;translate:-50% -50%;background:repeating-conic-gradient(from 0deg,var(--fan, rgb(255 255 255 / .5)) 0deg 7deg,transparent 7deg 18deg);-webkit-mask-image:radial-gradient(closest-side,#000 4%,transparent 36%);mask-image:radial-gradient(closest-side,#000 4%,transparent 36%);pointer-events:none}.learn-fan[data-second]{--fan: color-mix(in srgb, var(--lt-accent) 12%, transparent)}:root[data-mode=dark] .learn-fan{--fan: color-mix(in srgb, var(--lt-accent) 14%, transparent)}:root[data-mode=dark] .learn-fan[data-second]{--fan: rgb(255 255 255 / .04)}.learn-light-dot{position:absolute;bottom:-2rem;border-radius:999px;background:radial-gradient(circle,var(--dot, rgb(255 255 255 / .95)) 0 35%,transparent 70%);opacity:0;pointer-events:none}:root[data-mode=dark] .learn-light-dot{--dot: color-mix(in srgb, var(--lt-accent) 80%, white)}.learn-burst-piece{position:absolute;left:50%;top:50%;opacity:0;pointer-events:none}.learn-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;overflow:hidden;pointer-events:none}.learn-shine:after{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:linear-gradient(105deg,transparent 38%,rgb(255 255 255 / .75) 48%,transparent 58%);translate:-120% 0}.learn-shockwave{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;box-shadow:0 0 0 4px var(--lt-accent);opacity:0;pointer-events:none}@media(prefers-reduced-motion:no-preference){.learn-fan{animation:learn-turn 70s linear infinite}.learn-fan[data-second]{animation-duration:110s;animation-direction:reverse}.learn-light-dot{animation:learn-rise var(--rise, 9s) ease-in var(--delay, 0s) infinite}.learn-burst-piece{animation:learn-explode var(--fly, 1.6s) cubic-bezier(.15,.7,.3,1) var(--delay, .15s) 1 both}.learn-medal-in{animation:learn-medal-in .76s cubic-bezier(.34,1.56,.64,1) 80ms both}.learn-float{animation:learn-float 4.2s ease-in-out .9s infinite}.learn-shine:after{animation:learn-shine 5s ease-in-out 1.1s infinite}.learn-shockwave{animation:learn-shockwave .9s ease-out .32s 2 both}.learn-rise-in{animation:learn-rise-in .52s cubic-bezier(.2,.8,.3,1) var(--delay, .3s) both}}@keyframes learn-rise{0%{opacity:0;transform:translateZ(0) scale(.6)}15%{opacity:.9}80%{opacity:.6}to{opacity:0;transform:translate3d(var(--drift, 0px),-95vh,0) scale(1.1)}}@keyframes learn-explode{0%{opacity:1;transform:translate(-50%,-50%) scale(.3) rotate(0)}30%{opacity:1;transform:translate(calc(-50% + var(--bx)),calc(-50% + var(--by))) scale(1) rotate(calc(var(--spin) * .4))}to{opacity:0;transform:translate(calc(-50% + var(--bx) * 1.25),calc(-50% + var(--by) + var(--drop, 40vh))) scale(.9) rotate(var(--spin))}}@keyframes learn-medal-in{0%{transform:scale(.15) rotate(-28deg);opacity:0}70%{transform:scale(1.08) rotate(4deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes learn-float{50%{transform:translateY(-8px)}}@keyframes learn-shine{0%{translate:-120% 0}22%,to{translate:120% 0}}@keyframes learn-shockwave{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(2.1)}}@keyframes learn-rise-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.learn-flame-card{--lt-bg: #ffe2c7;--lt-edge: #ffbf8f;--lt-accent: #a53e10;background:radial-gradient(circle at 18% 30%,rgb(255 255 255 / .7) 0,transparent 38%),radial-gradient(circle at 85% 110%,#ffc2d6 0,transparent 50%),linear-gradient(150deg,#fff0dc,#ffdcc2 55%,#ffd2cc)}:root[data-mode=dark] .learn-flame-card{--lt-bg: #3a1f12;--lt-edge: #5a301a;--lt-accent: #ffb27a;background:radial-gradient(circle at 18% 30%,rgb(255 140 60 / .22) 0,transparent 40%),radial-gradient(circle at 85% 110%,rgb(220 70 120 / .25) 0,transparent 50%),linear-gradient(150deg,#3d2213,#36180f 55%,#331221)}.learn-ember{position:absolute;border-radius:999px;background:radial-gradient(circle,#ffd36b 0 30%,var(--lf-flame) 55%,transparent 72%);opacity:0;pointer-events:none}.learn-flame-glow{position:absolute;top:4%;right:4%;bottom:4%;left:4%;border-radius:999px;background:radial-gradient(circle,rgb(255 170 60 / .55),transparent 68%);pointer-events:none}.learn-day-link{background:color-mix(in srgb,var(--lt-ink) 14%,transparent)}.learn-day-link[data-lit]{background:linear-gradient(90deg,#ff9a3d,var(--lf-flame-2))}@media(prefers-reduced-motion:no-preference){.learn-ember{animation:learn-ember var(--rise, 2.6s) ease-out var(--delay, 0s) infinite}.learn-flame-glow{animation:learn-breathe 2.4s ease-in-out infinite}.learn-flicker{animation:learn-flicker 1.8s ease-in-out infinite;transform-origin:50% 90%}}@keyframes learn-ember{0%{opacity:0;transform:translateZ(0) scale(1)}20%{opacity:1}to{opacity:0;transform:translate3d(var(--drift, 0px),-64px,0) scale(.3)}}@keyframes learn-breathe{50%{transform:scale(1.12);opacity:.75}}@keyframes learn-flicker{0%,to{transform:scale(1) rotate(0)}30%{transform:scale(1.03,.97) rotate(-1.5deg)}60%{transform:scale(.98,1.04) rotate(1.5deg)}}[data-learn-land]{--land-road-done: #ffd166;--land-road-done-edge: #f0a93b;--land-cloud: rgb(255 255 255 / .75)}:root[data-mode=dark] [data-learn-land]{--land-road-done: #b98a2a;--land-road-done-edge: #8a6418;--land-cloud: rgb(255 255 255 / .06)}.learn-stone-gloss{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 32% 26%,#ffffff8c 0,#fff0 42%),radial-gradient(circle at 50% 120%,rgb(0 0 0 / .12) 0,transparent 55%);pointer-events:none}.learn-halo{position:absolute;top:-1.75rem;right:-1.75rem;bottom:-1.75rem;left:-1.75rem;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--ds-color-accent-bg) 45%,transparent) 0,transparent 68%);pointer-events:none}.learn-cloud{position:absolute;pointer-events:none;color:var(--land-cloud)}.learn-firefly{position:absolute;display:none;border-radius:999px;width:6px;height:6px;background:#fff3a8;box-shadow:0 0 10px 4px #ffec7899;pointer-events:none}:root[data-mode=dark] .learn-firefly{display:block}@media(prefers-reduced-motion:no-preference){.learn-road-flow{animation:learn-flow 1.6s linear infinite}.learn-cloud{animation:learn-drift var(--drift-time, 80s) linear var(--delay, 0s) infinite}.learn-sway{animation:learn-sway 5s ease-in-out var(--delay, 0s) infinite;transform-origin:50% 85%;transform-box:fill-box}.learn-halo{animation:learn-breathe 2.4s ease-in-out infinite}.learn-firefly{animation:learn-wander var(--wander, 7s) ease-in-out var(--delay, 0s) infinite}}@keyframes learn-flow{to{stroke-dashoffset:-40}}@keyframes learn-drift{0%{transform:translate(-12rem)}to{transform:translate(44rem)}}@keyframes learn-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes learn-wander{0%,to{transform:translate(0);opacity:.2}25%{transform:translate(14px,-18px);opacity:1}50%{transform:translate(-10px,-30px);opacity:.5}75%{transform:translate(-18px,-8px);opacity:1}}.learn-stage{--stage-wash: color-mix(in srgb, var(--lt-bg) 78%, var(--background));--sheet: var(--ds-color-bg-surface);--sheet-shadow: 0 1px 0 rgb(19 20 43 / .04), 0 1.25rem 2.5rem -1.5rem rgb(19 20 43 / .28);--tile-edge: color-mix(in srgb, var(--lt-edge) 70%, var(--v-edge));--tile-chosen: color-mix(in srgb, var(--lt-accent) 12%, var(--ds-color-bg-surface));background:linear-gradient(180deg,var(--stage-wash) 0 8.5rem,color-mix(in srgb,var(--stage-wash) 40%,var(--background)) 22rem,var(--background) 38rem) fixed}:root[data-mode=dark] .learn-stage{--stage-wash: color-mix(in srgb, var(--lt-bg) 70%, var(--background));--sheet-shadow: inset 0 0 0 1px var(--v-edge);--tile-edge: color-mix(in srgb, var(--lt-edge) 80%, var(--v-edge));--tile-chosen: color-mix(in srgb, var(--lt-accent) 18%, var(--ds-color-bg-surface))}.learn-top-bar{background:var(--stage-wash, var(--background));box-shadow:0 0 0 100vmax var(--stage-wash, var(--background));clip-path:inset(0 -100vmax)}.learn-stage .learn-round{background:color-mix(in srgb,var(--ds-color-bg-surface) 82%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lt-edge) 70%,transparent)}.learn-sheet{background:var(--sheet, var(--ds-color-bg-surface));border-radius:var(--r-sheet);box-shadow:var(--sheet-shadow, none)}.learn-stage figure[data-figure],.learn-stage figure[data-figure-words],.learn-stage figure[data-figure-family]{border-radius:var(--r-sheet);box-shadow:var(--sheet-shadow)}.learn-sheet figure[data-figure],.learn-sheet figure[data-figure-words],.learn-sheet figure[data-figure-family]{border-radius:var(--r-card);box-shadow:none}.learn-tile{background:var(--ds-color-bg-surface);border-radius:var(--r-card-sm);box-shadow:inset 0 0 0 2px var(--tile-edge, var(--v-edge)),0 4px 0 var(--tile-edge, var(--v-edge));transition:transform var(--ds-motion-duration-fast) ease-out,box-shadow var(--ds-motion-duration-fast) ease-out,background-color var(--ds-motion-duration-fast) ease-out}.learn-tile:hover{background:color-mix(in srgb,var(--lt-bg, var(--v-beige)) 35%,var(--ds-color-bg-surface))}.learn-tile:active{transform:translateY(3px);box-shadow:inset 0 0 0 2px var(--tile-edge, var(--v-edge)),0 1px 0 var(--tile-edge, var(--v-edge))}.learn-tile[data-chosen],.learn-tile-on{background:var(--tile-chosen, var(--v-blue-soft));box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary)),0 4px 0 var(--lt-accent, var(--primary))}.learn-tile[data-chosen]:active,.learn-tile-on:active{box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary)),0 1px 0 var(--lt-accent, var(--primary))}.learn-tile:disabled,.learn-tile[aria-disabled=true]{transform:none;box-shadow:inset 0 0 0 2px var(--tile-edge, var(--v-edge));opacity:.55}@media(prefers-reduced-motion:reduce){.learn-tile,.learn-tile:active{transition:none;transform:none}}.learn-tile-mark{background:color-mix(in srgb,var(--lt-bg, var(--v-beige)) 70%,var(--ds-color-bg-surface));color:var(--lt-ink, var(--v-text));box-shadow:inset 0 0 0 2px var(--tile-edge, var(--v-edge))}:root[data-mode=dark] .learn-tile-mark{color:var(--v-text)}.learn-tile-on .learn-tile-mark:not([data-box]){background:var(--lt-accent, var(--primary));color:var(--ds-color-bg-surface);box-shadow:none}.learn-tile-on .learn-tile-mark[data-box]{background:var(--ds-color-bg-surface);box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary))}.learn-well{background:color-mix(in srgb,var(--lt-bg, var(--v-beige)) 55%,var(--ds-color-bg-surface))}.learn-well-over{background:var(--v-blue-soft);box-shadow:inset 0 0 0 2px var(--primary)}:root[data-mode=dark] .learn-well{background:color-mix(in srgb,var(--lt-bg, var(--v-beige)) 60%,var(--ds-color-bg-surface))}.learn-entry{background:var(--ds-color-bg-surface);box-shadow:inset 0 0 0 2px var(--tile-edge, var(--v-edge))}.learn-entry:focus-within{box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary))}.learn-stage main .v-btn.-outline,.learn-stage main .v-btn.-secondary{background:var(--ds-color-bg-surface);box-shadow:inset 0 0 0 2px var(--tile-edge),0 3px 0 var(--tile-edge)}.learn-stage main .v-btn.-outline:not(:disabled):not([aria-disabled=true]):active,.learn-stage main .v-btn.-secondary:not(:disabled):not([aria-disabled=true]):active{transform:translateY(2px);box-shadow:inset 0 0 0 2px var(--tile-edge),0 1px 0 var(--tile-edge)}.learn-stage main .v-btn.-outline:disabled,.learn-stage main .v-btn.-outline[aria-disabled=true],.learn-stage main .v-btn.-secondary:disabled,.learn-stage main .v-btn.-secondary[aria-disabled=true]{box-shadow:inset 0 0 0 2px var(--tile-edge)}:is(.learn-stage main,[data-inline-lesson],[data-mentor-lesson-player]) .v-btn[aria-pressed=true]{background:var(--tile-chosen, var(--ds-color-bg-sunken));box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary)),0 3px 0 var(--lt-accent, var(--primary))}:is(.learn-stage main,[data-inline-lesson],[data-mentor-lesson-player]) .v-btn[aria-pressed=true]:not(:disabled):not([aria-disabled=true]):active{box-shadow:inset 0 0 0 3px var(--lt-accent, var(--primary)),0 1px 0 var(--lt-accent, var(--primary))}.learn-stage main input[type=radio],.learn-stage main input[type=checkbox]{accent-color:var(--lt-accent)}.learn-caution{background:radial-gradient(circle at 50% var(--hero-y, 30%),rgb(255 255 255 / .7) 0,transparent min(40vmax,30rem)),radial-gradient(70% 55% at 100% 0%,color-mix(in srgb,#ffd166 45%,transparent) 0,transparent 70%),radial-gradient(65% 50% at 0% 100%,color-mix(in srgb,#ffb27a 30%,transparent) 0,transparent 70%),linear-gradient(170deg,var(--lt-bg) 0%,var(--lt-bg-2) 100%);color:var(--lt-ink)}:root[data-mode=dark] .learn-caution{background:radial-gradient(circle at 50% var(--hero-y, 30%),color-mix(in srgb,var(--lt-accent) 18%,transparent) 0,transparent min(40vmax,30rem)),radial-gradient(70% 55% at 100% 0%,color-mix(in srgb,var(--lt-accent) 12%,transparent) 0,transparent 70%),linear-gradient(170deg,var(--lt-bg) 0%,var(--lt-bg-2) 100%)}