:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-chip:999px;--radius-button:14px;--radius-card:20px;--radius-panel:28px;--motion-instant:80ms;--motion-quick:.16s;--motion-base:.28s;--motion-calm:.48s;--motion-dramatic:.9s;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1);--ease-spin:cubic-bezier(.12,.67,.12,1);--font-body:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--font-display-playful:"Baloo 2", "Be Vietnam Pro", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", Consolas, monospace;--target-min:48px;--color-surface:#f8e9d2;--color-surface-raised:#fff4e3;--color-on-surface:#3a2418;--color-muted:#664833;--color-primary:#a85a24;--color-on-primary:#fff;--color-accent:#2b727b;--color-on-accent:#fff;--color-success:#2f6b3a;--color-warn:#8a5a00;--color-danger:#b3261e;--color-focus:#1f5060;--color-decor:#d5983c;--target:72px;--font-display:var(--font-display-playful)}[data-theme=preschool],[data-theme=g1-2]{--color-surface:#f8e9d2;--color-surface-raised:#fff4e3;--color-on-surface:#3a2418;--color-muted:#664833;--color-primary:#a85a24;--color-on-primary:#fff;--color-accent:#2b727b;--color-on-accent:#fff;--color-success:#2f6b3a;--color-warn:#8a5a00;--color-danger:#b3261e;--color-focus:#1f5060;--color-decor:#d5983c;--target:72px;--font-display:var(--font-display-playful)}[data-theme=g3-5]{--color-surface:#dfefea;--color-surface-raised:#f1f8f4;--color-on-surface:#1c2a2c;--color-muted:#41555a;--color-primary:#2b727b;--color-on-primary:#fff;--color-accent:#a0521f;--color-on-accent:#fff;--color-success:#2f6b3a;--color-warn:#8a5a00;--color-danger:#b3261e;--color-focus:#1f5060;--color-decor:#d5983c;--target:56px;--font-display:var(--font-display-playful)}[data-theme=g6-9]{--color-surface:#efe3d3;--color-surface-raised:#faf1e6;--color-on-surface:#2a1e17;--color-muted:#5c4636;--color-primary:#8c4a1d;--color-on-primary:#fff;--color-accent:#1f6670;--color-on-accent:#fff;--color-success:#2f6b3a;--color-warn:#7e5200;--color-danger:#a82a1f;--color-focus:#1f5060;--color-decor:#d5983c;--target:56px;--font-display:var(--font-body)}[data-theme=g10-11]{--color-surface:#e3ece8;--color-surface-raised:#f2f7f4;--color-on-surface:#1c2523;--color-muted:#46554f;--color-primary:#245e66;--color-on-primary:#fff;--color-accent:#8c4a1d;--color-on-accent:#fff;--color-success:#2f6b3a;--color-warn:#7e5200;--color-danger:#a82a1f;--color-focus:#1f5060;--color-decor:#c08a3a;--target:56px;--font-display:var(--font-body)}[data-scheme=dark]{--color-surface:#1c1512;--color-surface-raised:#271e19;--color-on-surface:#fff1de;--color-muted:#cdb9a3;--color-primary:#e39a5b;--color-on-primary:#1c1512;--color-accent:#6fc3c9;--color-on-accent:#1c1512;--color-success:#7fcb8a;--color-warn:#f2c46d;--color-danger:#ff8a80;--color-focus:#6fc3c9;--color-decor:#d5983c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-site=sunny]{--color-surface:#fff4d6;--color-surface-raised:#fffaeb;--color-on-surface:#3a2418;--color-muted:#6b4a2b;--color-primary:#c2410c;--color-on-primary:#fff;--color-accent:#1d6ab0;--color-on-accent:#fff;--color-success:#2e7d32;--color-warn:#8a5a00;--color-danger:#b3261e;--color-focus:#1f5060;--color-decor:#ffb020;--sun-bg:#ffc83d;--sun-strong:#ffb020;--sun-soft:#ffe9a8;--sun-on:#3a2418;--sun-sky:#1d6ab0;--sun-coral:#c62f3f;--sun-grass:#2e7d32;--sun-orange:#c2410c;--sun-on-tab:#fff;--sun-shadow:#c77a0a}[data-scheme=dark] [data-site=sunny]{--color-surface:#1c1512;--color-surface-raised:#271e19;--color-on-surface:#fff1de;--color-muted:#cdb9a3;--color-primary:#e39a5b;--color-on-primary:#1c1512;--color-accent:#6fc3c9;--color-on-accent:#1c1512;--color-success:#7fcb8a;--color-warn:#f2c46d;--color-danger:#ff8a80;--color-focus:#6fc3c9;--color-decor:#d5983c;--sun-bg:#4a3510;--sun-strong:#6b4a12;--sun-soft:#2e2410;--sun-on:#ffe7a8;--sun-sky:#1d6ab0;--sun-coral:#c62f3f;--sun-grass:#2e7d32;--sun-orange:#c2410c;--sun-on-tab:#fff;--sun-shadow:#000}[data-motion=reduced]{--motion-instant:1ms;--motion-quick:1ms;--motion-base:1ms;--motion-calm:1ms;--motion-dramatic:1ms}@media (prefers-reduced-motion:reduce){:root{--motion-instant:1ms;--motion-quick:1ms;--motion-base:1ms;--motion-calm:1ms;--motion-dramatic:1ms}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--color-surface);background-image:radial-gradient(ellipse 70% 55% at 0% 0%, color-mix(in srgb, var(--color-decor) 30%, transparent), transparent 70%), radial-gradient(ellipse 60% 50% at 100% 10%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%), radial-gradient(ellipse 80% 60% at 50% 110%, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 70%);min-block-size:100dvh;color:var(--color-on-surface);font-family:var(--font-body);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow-wrap:anywhere;background-attachment:fixed;margin:0;font-size:1rem;line-height:1.45}h1,h2,h3{font-family:var(--font-display);margin:0 0 var(--space-3);line-height:1.3}.cp-num{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.cp-button{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:max(var(--target-min), var(--target));min-inline-size:max(var(--target-min), var(--target));max-inline-size:100%;padding:var(--space-2) var(--space-5);border:2px solid var(--color-primary);border-radius:var(--radius-button);background:var(--color-surface-raised);color:var(--color-on-surface);font:600 1rem/1.3 var(--font-body);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform var(--motion-quick) var(--ease-out), background-color var(--motion-quick) var(--ease-out);text-decoration:none;display:inline-flex}.cp-button:active{transform:scale(.96)}.cp-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.cp-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.cp-button--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.cp-button--quiet{background:0 0;border-color:#0000}.cp-button--block{inline-size:100%}.cp-icon-button{min-block-size:max(var(--target-min), var(--target));min-inline-size:max(var(--target-min), var(--target));padding:var(--space-2);border-radius:var(--radius-chip);color:inherit;cursor:pointer;touch-action:manipulation;transition:transform var(--motion-quick) var(--ease-out);background:0 0;border:2px solid #0000;justify-content:center;align-items:center;display:inline-flex}.cp-icon-button:active{transform:scale(.96)}@supports (color:color-mix(in srgb, red 50%, blue)){@media (hover:hover) and (pointer:fine){.cp-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface-raised))}.cp-button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--color-primary) 88%, black)}.cp-icon-button:hover{background:color-mix(in srgb, var(--color-on-surface) 8%, transparent)}}}.cp-toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.cp-toolbar>.cp-spacer{flex:1 1 0}.cp-card{background:linear-gradient(160deg, var(--color-surface-raised), color-mix(in srgb, var(--color-decor) 10%, var(--color-surface-raised)));border:1px solid color-mix(in srgb, var(--color-primary) 18%, transparent);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:0 2px 6px color-mix(in srgb, var(--color-primary) 12%, transparent), 0 10px 24px color-mix(in srgb, var(--color-on-surface) 6%, transparent);min-inline-size:0}.cp-stack{gap:var(--space-4);display:grid}.cp-muted{color:var(--color-muted)}.cp-visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;overflow:hidden;position:absolute!important}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-400-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-400-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-600-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-600-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo-2-700-vietnamese.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo-2-700-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo-2-700-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cp-page{max-inline-size:960px;padding:var(--space-4);margin-inline:auto}.cp-center{place-items:center;min-block-size:100dvh;display:grid}.cp-logo{block-size:auto;max-inline-size:min(240px,60vw)}.cp-field{gap:var(--space-2);font-weight:600;display:grid}.cp-select{min-block-size:max(var(--target-min), var(--target));max-inline-size:100%;padding-inline:var(--space-4);border:2px solid var(--color-primary);border-radius:var(--radius-button);background:var(--color-surface-raised);color:var(--color-on-surface);font:400 1rem/1.3 var(--font-body)}.cp-toggle[aria-pressed=true]{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:3px}.cp-toggle[aria-pressed=true]:before{content:"✓"}.cp-maintenance{text-align:center;background:var(--color-accent);color:var(--color-on-accent);margin:0;padding:10px 16px;font-weight:600}.cp-maintenance:before{content:"🛠 "}.lp{overflow-x:clip}.lp-header,.lp main,.lp-footer{max-inline-size:1120px;padding-inline:var(--space-4);margin-inline:auto}.lp-header{justify-content:space-between;align-items:center;gap:var(--space-3);padding-block:var(--space-3);flex-wrap:wrap;display:flex}.lp-brand{min-block-size:var(--target-min);display:inline-flex}.lp-brand img{block-size:auto;inline-size:clamp(120px,30vw,168px)}.lp-nav{justify-content:flex-end}@media (max-width:639px){.lp-nav__cta{display:none}}.lp-hero{gap:var(--space-6);padding-block:clamp(var(--space-6), 8vw, 96px);align-items:center;display:grid}@media (min-width:900px){.lp-hero{grid-template-columns:1.2fr .8fr}}.lp-eyebrow{margin:0 0 var(--space-3);color:var(--color-accent);letter-spacing:.02em;font-weight:700}.lp-hero__title{margin:0 0 var(--space-4);text-wrap:balance;font-size:clamp(2rem,1.2rem + 3.6vw,3.6rem);line-height:1.2}.lp-hero__lead{color:var(--color-muted);margin:0 0 var(--space-5);text-wrap:pretty;max-inline-size:38rem;font-size:clamp(1.05rem,1rem + .4vw,1.25rem)}.lp-hero__art{justify-self:center}.lp-hero__art img{block-size:auto;inline-size:min(70vw,420px);filter:drop-shadow(0 18px 30px color-mix(in srgb, var(--color-primary) 22%, transparent))}.lp-cta{padding-inline:var(--space-6);font-size:1.05rem}.lp-section{padding-block:clamp(var(--space-6), 6vw, 80px)}.lp-section>h2,.lp-closing h2{text-align:center;text-wrap:balance;margin-block-end:var(--space-6);font-size:clamp(1.5rem,1.1rem + 1.8vw,2.4rem)}.lp-grid{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}@media (min-width:640px){.lp-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.lp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.lp-grid h3{margin:0 0 var(--space-2);font-size:1.15rem}.lp-grid p{margin:0}.lp-step{padding-block-start:var(--space-7);position:relative}.lp-step__num{background:var(--color-primary);block-size:36px;inline-size:36px;color:var(--color-on-primary);border-radius:50%;place-items:center;font-weight:700;display:grid;position:absolute;inset-block-start:var(--space-4);inset-inline-start:var(--space-5)}.lp-game{gap:var(--space-2);align-content:start;display:grid}.lp-game__icon,.lp-promise__icon{font-size:2rem;line-height:1}.lp-badge{padding:2px var(--space-3);border-radius:var(--radius-chip);border:2px solid var(--color-accent);color:var(--color-accent);justify-self:start;font-size:.85rem;font-weight:600}.lp-promise{gap:var(--space-4);padding:var(--space-3);align-items:flex-start;display:flex}.lp-grades{gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;display:flex}.lp-grade{padding:var(--space-3) var(--space-5);border-radius:var(--radius-chip);background:var(--color-surface-raised);color:var(--color-on-surface);border:2px solid var(--color-primary);font-weight:700}.lp-faq{max-inline-size:760px;margin-inline:auto}.lp-faq__item{padding-block:var(--space-2);margin-block-end:var(--space-3)}.lp-faq__item summary{cursor:pointer;min-block-size:var(--target-min);align-items:center;font-weight:600;list-style-position:inside;display:flex}.lp-faq__item p{margin:var(--space-2) 0 0}.lp-closing{text-align:center;padding-block:clamp(var(--space-6), 6vw, 80px)}.lp-footer{padding-block:var(--space-6);text-align:center}@media (prefers-reduced-motion:no-preference){[data-motion=full] .lp-in{animation:lp-rise var(--motion-calm) var(--ease-out) both}[data-motion=full] .lp-eyebrow.lp-in,[data-motion=full] .cp-toolbar.lp-in{animation-name:lp-up}[data-motion=full] .lp-in:nth-child(2){animation-delay:60ms}[data-motion=full] .lp-in:nth-child(3){animation-delay:.12s}[data-motion=full] .lp-in:nth-child(4){animation-delay:.18s}[data-motion=full] .lp-hero__art img{animation:lp-pop var(--motion-dramatic) var(--ease-out) both, lp-breathe 4s var(--ease-in-out) 1s 4 alternate}[data-motion=full] .reveal-ready [data-reveal]{opacity:0;transition:opacity var(--motion-base) var(--ease-out), transform var(--motion-base) var(--ease-out);transform:translateY(16px)}[data-motion=full] .reveal-ready [data-reveal].is-visible{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.lp-game,.lp-step{transition:transform var(--motion-quick) var(--ease-out)}.lp-game:hover,.lp-step:hover{transform:translateY(-4px)}}}@keyframes lp-up{0%{opacity:0;transform:translateY(14px)}}@keyframes lp-rise{0%{transform:translateY(14px)}}@keyframes lp-pop{0%{opacity:0;transform:scale(.92)}}@keyframes lp-breathe{to{transform:scale(1.02)}}.site{--site-max:1280px;--site-gutter:clamp(12px, 3vw, 28px);--site-bottom:0px;background:radial-gradient(60rem 30rem at 10% -10%, var(--sun-soft), transparent 70%), radial-gradient(50rem 30rem at 110% 20%, color-mix(in srgb, var(--sun-sky) 14%, transparent), transparent 70%), var(--color-surface);min-block-size:100dvh;color:var(--color-on-surface);padding-block-end:var(--site-bottom);position:relative;overflow-x:clip}.site-icon{flex:none}.site a{color:inherit}.site-dots{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.site-dot{background:var(--sun-coral);opacity:.55;border-radius:50%;block-size:14px;inline-size:14px;position:absolute}.site-dot:first-child{background:var(--sun-coral);inset-block-start:9rem;inset-inline-start:2%}.site-dot:nth-child(2){background:var(--sun-grass);block-size:10px;inline-size:10px;inset-block-start:22rem;inset-inline-start:4%}.site-dot:nth-child(3){background:var(--sun-sky);inset-block-start:7rem;inset-inline-end:3%}.site-dot:nth-child(4){background:var(--sun-orange);inset-block-start:34rem;inset-inline-end:2%}.site-dot:nth-child(5){background:var(--sun-sky);block-size:9px;inline-size:9px;inset-block-start:52rem;inset-inline-start:1.5%}.site-dot:nth-child(6){background:var(--sun-grass);inset-block-start:64rem;inset-inline-end:4%}.site-dot:nth-child(7){background:var(--sun-strong);block-size:10px;inline-size:10px;inset-block-start:16rem;inset-inline-end:9%}.site-dot:nth-child(8){background:var(--sun-coral);inset-block-start:78rem;inset-inline-start:6%}.site-dot:nth-child(9){background:var(--sun-strong);block-size:8px;inline-size:8px;inset-block-start:44rem;inset-inline-start:48%}.site-dot:nth-child(10){background:var(--sun-sky);inset-block-start:90rem;inset-inline-end:12%}.sh{z-index:5;padding:max(10px, env(safe-area-inset-top)) var(--site-gutter) 0;position:relative}.sh-bar{max-inline-size:var(--site-max);background:var(--sun-bg);color:var(--sun-on);box-shadow:0 6px 0 var(--sun-strong), 0 14px 28px color-mix(in srgb, var(--sun-shadow) 25%, transparent);border-radius:0 0 28px 28px;align-items:center;gap:clamp(12px,3vw,44px);margin-inline:auto;padding:10px clamp(16px,3.4vw,44px);display:flex}.sh-brand{flex:none;align-items:center;min-block-size:48px;display:inline-flex}.sh-brand img{block-size:auto;inline-size:clamp(120px,14vw,168px)}.sh-nav{flex:auto;display:none}.sh-list{justify-content:center;gap:clamp(4px,1.2vw,18px);margin:0;padding:0;list-style:none;display:flex}.sh-link{border-radius:var(--radius-chip);min-block-size:48px;font:700 1.05rem/1 var(--font-display);color:var(--sun-on);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding-inline:clamp(12px,1.4vw,20px);text-decoration:none;transition:background-color .16s ease-out,box-shadow .16s ease-out;display:inline-flex}.sh-link:hover,.sh-link[aria-expanded=true]{background:color-mix(in srgb, var(--sun-on) 10%, transparent)}.sh-link[aria-current=page]{background:var(--color-surface-raised);box-shadow:inset 0 -3px 0 var(--sun-orange)}.sh-link:focus-visible,.sh-drop__item:focus-visible,.sh-learner:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.sh-menu{position:relative}.sh-caret{font-size:.8em}.sh-drop{background:var(--color-surface-raised);min-inline-size:15rem;color:var(--color-on-surface);box-shadow:0 16px 36px color-mix(in srgb, var(--sun-shadow) 30%, transparent);transform-origin:20% 0;border-radius:18px;margin:0;padding:8px;list-style:none;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:0}.sh-drop[hidden]{display:none}.sh-drop__item{border-radius:12px;align-items:center;gap:10px;min-block-size:48px;padding-inline:12px;font-weight:700;text-decoration:none;display:flex}.sh-drop__item:hover{background:var(--sun-soft)}.sh-learner{border-radius:var(--radius-chip);background:var(--color-surface-raised);min-block-size:56px;color:var(--color-on-surface);box-shadow:0 3px 0 color-mix(in srgb, var(--sun-shadow) 40%, transparent);flex:none;align-items:center;gap:10px;margin-inline-start:auto;padding:6px 14px 6px 6px;text-decoration:none;display:flex}.sh-learner__face{background:var(--sun-soft);object-fit:cover;border-radius:50%;block-size:44px;inline-size:44px}.sh-learner__text{gap:3px;min-inline-size:0;display:grid}.sh-learner__name{white-space:nowrap;font-size:.9rem;font-weight:700}.sh-learner__stars{color:var(--color-warn);align-items:center;gap:4px;font-size:.85rem;font-weight:700;display:inline-flex}.sh-xp{appearance:none;background:var(--sun-soft);border:0;border-radius:99px;block-size:8px;inline-size:7.5rem;overflow:hidden}.sh-xp::-webkit-progress-bar{background:var(--sun-soft);border-radius:99px}.sh-xp::-webkit-progress-value{background:var(--sun-grass);border-radius:99px}.sh-xp::-moz-progress-bar{background:var(--sun-grass);border-radius:99px}.site-body{z-index:1;max-inline-size:calc(var(--site-max) + 2 * var(--site-gutter));padding:20px var(--site-gutter) 32px;gap:20px;margin-inline:auto;display:grid;position:relative}.site-main{min-inline-size:0}.sr{display:none}.sr-tab,.bn-tab{text-align:center;min-block-size:56px;min-inline-size:56px;color:var(--color-muted);border-radius:16px;align-content:center;justify-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:700;text-decoration:none;display:grid}.sr-tab[aria-current=page],.bn-tab[aria-current=page]{color:var(--color-primary);background:var(--sun-soft)}.bn{z-index:20;background:var(--color-surface-raised);box-shadow:0 10px 30px color-mix(in srgb, var(--sun-shadow) 30%, transparent);border-radius:26px;grid-template-columns:repeat(2,1fr) auto repeat(2,1fr);align-items:center;gap:2px;padding:4px 8px;display:grid;position:fixed;inset-block-end:max(10px, env(safe-area-inset-bottom));inset-inline:10px}.bn-fab{background:var(--sun-orange);block-size:64px;inline-size:64px;color:var(--sun-on-tab);box-shadow:0 6px 0 color-mix(in srgb, var(--sun-orange) 60%, black), 0 10px 22px color-mix(in srgb, var(--sun-orange) 40%, transparent);border:4px solid var(--color-surface-raised);border-radius:50%;place-items:center;margin-block-start:-26px;display:grid}.bn-fab[aria-current=page]{background:var(--color-primary)}.sf{z-index:1;--mdw-far:#8fd16f;--mdw-mid:#5cb04a;--mdw-near:#3e8e3a;--mdw-field:#286b2d;margin-block-start:24px;position:relative}[data-scheme=dark] .sf{--mdw-far:#2e5a2f;--mdw-mid:#275026;--mdw-near:#214621;--mdw-field:#1b3b1c}.mdw{block-size:clamp(90px,11vw,150px);margin-block-end:-2px;position:relative;overflow:hidden}.mdw-hills,.mdw-flowers{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.mdw-hill--far{fill:var(--mdw-far)}.mdw-hill--mid{fill:var(--mdw-mid)}.mdw-hill--near{fill:var(--mdw-field)}.mdw-stem{stroke:#2f6b2a;stroke-width:1.6px}.mdw-petal--a{fill:#ffb3c9}.mdw-petal--b{fill:#fff3b0}.mdw-petal--c{fill:#fff;opacity:.9}.mdw-heart{fill:#ffc83d}.mdw-tuft{transform-origin:50% 100%;background:linear-gradient(var(--mdw-mid), var(--mdw-near));clip-path:polygon(0 100%,18% 20%,30% 70%,50% 0,62% 65%,82% 15%,100% 100%);block-size:22px;inline-size:26px;position:absolute;inset-block-end:6%}.mdw-tuft--a{inset-inline-start:8%}.mdw-tuft--b{inline-size:20px;inset-inline-start:27%}.mdw-tuft--c{inset-inline-start:46%}.mdw-tuft--d{inline-size:22px;inset-inline-start:66%}.mdw-tuft--e{inset-inline-start:90%}.mdw-chapy{transform-origin:50% 100%;filter:drop-shadow(0 4px 4px #0003);block-size:auto;inline-size:clamp(64px,8vw,112px);position:absolute;inset-block-end:2px;inset-inline-end:max(16px,6%)}.sf-field{background:linear-gradient(var(--mdw-field), color-mix(in srgb, var(--mdw-field) 82%, black));color:#fff8ec;padding:8px var(--site-gutter) calc(28px + var(--site-bottom))}.sf-inner{max-inline-size:var(--site-max);margin-inline:auto}.sf-title{font:700 clamp(1.3rem, 2.4vw, 1.7rem)/1.2 var(--font-display);color:#ffd95e;margin:0 0 14px}.sf-cols{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:18px 28px;display:grid}.sf-col__h{font:700 1.05rem/1.3 var(--font-display);color:#ffd95e;margin:0 0 4px}.sf-list{margin:0;padding:0;list-style:none;display:grid}.site a.sf-link{color:#fff8ec;border-radius:12px;align-items:center;gap:10px;min-block-size:48px;margin-inline:-8px;padding-inline:8px;font-weight:600;text-decoration:none;display:flex}.site a.sf-link:hover{color:#ffd95e;background:#ffffff1a}.site a.sf-link:focus-visible{outline-offset:2px;outline:3px solid #ffd95e}.sf-lang{margin-block-start:6px}.sf-lang .cp-button{color:#fff8ec;border-color:#fff8ec73}.sf-lang .cp-button[aria-pressed=true]{color:#23421f;background:#ffd95e;border-color:#ffd95e}.sf-copy{color:#e6f5d8;border-block-start:1px dashed #fff8ec4d;margin:22px 0 0;padding-block-start:14px;font-size:.9rem}@media (prefers-reduced-motion:no-preference){[data-motion=full]:not([data-tier=low]) .mdw-tuft{animation:3.6s ease-in-out infinite alternate mdw-sway}[data-motion=full]:not([data-tier=low]) .mdw-tuft:nth-child(odd){animation-duration:4.4s;animation-delay:-1.2s}[data-motion=full]:not([data-tier=low]) .mdw-chapy{animation:5s ease-in-out infinite mdw-nod}}@keyframes mdw-sway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}@keyframes mdw-nod{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-4deg)translateY(-2px)}90%{transform:rotate(3deg)}}.site :is(.hm-play,.hm-speak,.ln-chip,.ln-nav__link,.ln-star,.ln-toggle,.za-option,.za-chip,.za-pick__card,.rv-btn,.sh-learner,.ln-corner,.hm-station__link){--lift:0px;transform:translateY(var(--lift));transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease-out,background-color .16s ease-out,filter .16s ease-out}.site .cp-button{transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease-out,background-color .16s ease-out}@media (hover:hover){.site :is(.hm-play,.hm-speak,.ln-chip,.ln-nav__link,.ln-star,.ln-toggle,.za-option,.za-chip,.za-pick__card,.rv-btn,.sh-learner,.ln-corner,.hm-station__link):hover:not(:disabled){--lift:-2px;filter:brightness(1.05)saturate(1.05)}.site .hm-play:hover{box-shadow:0 6px 0 color-mix(in srgb, var(--color-primary) 60%, black), 0 10px 18px color-mix(in srgb, var(--color-primary) 30%, transparent)}.site .cp-button:hover:not(:disabled){box-shadow:0 4px 10px color-mix(in srgb, var(--sun-shadow,#000) 22%, transparent);transform:translateY(-2px)}}.site :is(.hm-play,.hm-speak,.ln-chip,.ln-nav__link,.ln-star,.ln-toggle,.za-option,.za-chip,.za-pick__card,.rv-btn,.sh-learner,.ln-corner,.hm-station__link):active:not(:disabled){--lift:3px;filter:brightness(.97);transition-duration:60ms}.site .hm-play:active{box-shadow:0 1px 0 color-mix(in srgb, var(--color-primary) 60%, black)}.site .cp-button:active:not(:disabled){transition-duration:60ms;transform:translateY(2px)scale(.98)}@media (prefers-reduced-motion:reduce){.site :is(.hm-play,.hm-speak,.ln-chip,.ln-nav__link,.ln-star,.ln-toggle,.za-option,.za-chip,.za-pick__card,.rv-btn,.sh-learner,.ln-corner,.hm-station__link,.cp-button){transform:none!important}}[data-motion=reduced] .site :is(.hm-play,.hm-speak,.ln-chip,.ln-nav__link,.ln-star,.ln-toggle,.za-option,.za-chip,.za-pick__card,.rv-btn,.sh-learner,.ln-corner,.hm-station__link,.cp-button){transform:none!important}@media (max-width:767.98px){.site{--site-bottom:calc(96px + env(safe-area-inset-bottom))}.sh-learner__text{display:none}.sh-learner{padding:6px}}@media (min-width:768px){.bn{display:none}}@media (min-width:768px) and (max-width:1099.98px){.site-body{grid-template-columns:76px minmax(0,1fr)}.sr{background:var(--color-surface-raised);box-shadow:0 6px 18px color-mix(in srgb, var(--sun-shadow) 18%, transparent);border-radius:22px;align-content:start;gap:6px;padding:8px;display:grid;position:sticky;inset-block-start:12px}}@media (min-width:1100px){.sh-nav{display:block}}@media (prefers-reduced-motion:no-preference){[data-motion=full] .sh-drop:not([hidden]){animation:site-pop var(--motion-base) var(--ease-out)}[data-motion=full] .bn-fab:active{transform:scale(.94)}[data-motion=full] .bn-fab{transition:transform .16s cubic-bezier(.34,1.56,.64,1)}[data-motion=full]:not([data-tier=low]) .site-dot{animation:6s ease-in-out infinite alternate site-float}[data-motion=full]:not([data-tier=low]) .site-dot:nth-child(2n){animation-duration:8s;animation-delay:-3s}}@keyframes site-pop{0%{opacity:0;transform:scale(.92)translateY(-6px)}}@keyframes site-float{to{transform:translateY(-14px)}}[data-offscreen],[data-offscreen] *{animation-play-state:paused!important}.sl-chat{z-index:19;background:var(--sun-coral);block-size:60px;inline-size:60px;color:var(--sun-on-tab);box-shadow:0 6px 0 color-mix(in srgb, var(--sun-coral) 60%, black), 0 10px 22px color-mix(in srgb, var(--sun-coral) 35%, transparent);transition:transform .16s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:fixed;inset-block-end:max(20px, env(safe-area-inset-bottom));inset-inline-end:max(16px, env(safe-area-inset-right))}.site a.sl-chat{color:var(--sun-on-tab)}.sl-chat:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (hover:hover){.sl-chat:hover{transform:translateY(-2px)}}@media (max-width:767.98px){.sl-chat{block-size:52px;inline-size:52px;inset-block-end:calc(96px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.sl-chat{transition:none}.sl-chat:hover{transform:none}}.site{--art-sky-a:#bfe6ff;--art-sky-b:#eaf8ff;--art-mount:#a9d99b;--art-hill-far:#86cb6b;--art-hill:#5db54a;--art-hill-near:#48a23c;--art-river:#57b4ee;--art-road:#f3d48a;--art-road-dash:#fff6d8;--art-tree:#2f8f3a;--art-tree-hi:#59b84a;--art-trunk:#8b5a2b;--art-cloud:#fffdf5;--art-castle:#f7c7d9;--art-tower:#f2a7c3;--art-roof:#e8505b;--art-door:#8b5a2b;--art-flag:#ff9f1c;--art-house:#fbe3b5;--art-lantern:#e8505b;--art-pole:#6b4a2b;--art-tower-a:#7cc6e8;--art-tower-b:#4fa3d1;--art-window:#fff2b3;--art-chest:#b8642a;--art-chest-lid:#d37b32;--art-band:#f6c343;--art-coin:#ffd23f;--art-sparkle:#ffc83d;--art-bubble-a:#ff8fb1;--art-bubble-b:#7bd3f7;--art-bubble-c:#a5e07a;--art-bubble-d:#ffcb6b;--art-cards:#ffe7b8;--art-tile-0:#ff9f68;--art-tile-1:#7bc8f6;--art-tile-2:#8fd694;--art-tile-3:#c9a7ff;--art-track:#6e6e80;--art-car:#e8505b;--art-wheel:#2b2b35;--art-text:#3a2418}[data-scheme=dark] .site{--art-sky-a:#20344a;--art-sky-b:#2a4460;--art-mount:#2f4f37;--art-hill-far:#2e5a2f;--art-hill:#2a5228;--art-hill-near:#234721;--art-river:#2e6e9a;--art-road:#7a6534;--art-road-dash:#a58d50;--art-cloud:#4a5a6e;--art-cards:#3a2e1a;--art-text:#fff1de}.hm-hello{margin-block:4px 18px}.hm-h1{font:700 clamp(1.5rem, 1.1rem + 2vw, 2.4rem)/1.15 var(--font-display);text-wrap:balance;margin:0}.hm-lead{color:var(--color-muted);max-inline-size:60ch;margin:6px 0 0}.hm-grid{align-items:start;gap:clamp(16px,2.4vw,28px);display:grid}.hm-col{gap:clamp(16px,2.4vw,28px);min-inline-size:0;display:grid}@media (min-width:900px){.hm-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}}.hm-map,.hm-arena,.hm-board{container-type:inline-size}.hm-card{min-inline-size:0;position:relative}.hm-title{font:700 clamp(1.3rem, 1rem + 1.4vw, 1.9rem)/1.2 var(--font-display);color:var(--color-on-surface);align-items:center;gap:8px;margin:0 0 12px;display:flex}.hm-title--shout{text-transform:uppercase;letter-spacing:.02em;justify-content:center}.hm-title__spark{block-size:1.4em;inline-size:1.4em}.hm-map__frame{border:6px solid var(--sun-strong);background:var(--art-sky-b);aspect-ratio:16/10;box-shadow:0 8px 0 color-mix(in srgb, var(--sun-shadow) 55%, transparent), 0 18px 40px color-mix(in srgb, var(--sun-shadow) 25%, transparent);border-radius:26px;position:relative;overflow:hidden}.hm-map__art{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.art-sky{fill:var(--art-sky-b)}.art-mount{fill:var(--art-mount)}.art-hill-far{fill:var(--art-hill-far)}.art-hill{fill:var(--art-hill)}.art-hill-near{fill:var(--art-hill-near)}.art-river{fill:var(--art-river)}.art-bridge{fill:none;stroke:var(--art-trunk);stroke-width:6px;stroke-linecap:round}.art-road{fill:none;stroke:var(--art-road);stroke-width:22px;stroke-linecap:round}.art-road__dash{fill:none;stroke:var(--art-road-dash);stroke-width:3px;stroke-linecap:round;stroke-dasharray:6 12}.art-road__cover{fill:none;stroke:var(--art-road);stroke-width:6px;stroke-dasharray:0 100}.hm-clouds{pointer-events:none;position:absolute;inset:0}.hm-cloud{inline-size:13%;position:absolute}.hm-cloud--a{inset-block-start:6%;inset-inline-start:14%}.hm-cloud--b{inline-size:10%;inset-block-start:3%;inset-inline-start:46%}.hm-cloud--c{inline-size:9%;inset-block-start:11%;inset-inline-start:78%}.art-tree{fill:var(--art-tree)}.art-tree-hi{fill:var(--art-tree-hi)}.art-trunk{fill:var(--art-trunk)}.art-cloud__body{fill:var(--art-cloud)}.art-castle{fill:var(--art-castle)}.art-castle-tower{fill:var(--art-tower)}.art-roof{fill:var(--art-roof)}.art-door{fill:var(--art-door)}.art-flag{fill:var(--art-flag)}.art-house{fill:var(--art-house)}.art-lantern{fill:var(--art-lantern)}.art-pole{stroke:var(--art-pole);stroke-width:3px}.art-tower-a{fill:var(--art-tower-a)}.art-tower-b{fill:var(--art-tower-b)}.art-window{fill:var(--art-window)}.art-sparkle{fill:var(--art-sparkle)}.hm-chest{filter:drop-shadow(0 3px #0000002e);inline-size:clamp(54px,12%,84px);position:absolute;inset-block-start:6px;inset-inline-start:8px}.art-chest{fill:var(--art-chest)}.art-chest-lid{fill:var(--art-chest-lid)}.art-chest-band,.art-chest-lock{fill:var(--art-band)}.art-coin{fill:var(--art-coin)}.hm-xp{background:var(--color-surface-raised);box-shadow:0 3px 0 color-mix(in srgb, var(--sun-shadow) 40%, transparent);border-radius:99px;align-items:center;gap:6px;padding:4px 12px 4px 4px;display:flex;position:absolute;inset-block-start:10px;inset-inline-start:50%;translate:-50%}.hm-xp__coin{background:var(--sun-bg);block-size:30px;inline-size:30px;color:var(--color-primary);border-radius:50%;place-items:center;display:grid}.hm-xp__bar{appearance:none;background:var(--sun-soft);border:0;border-radius:99px;block-size:12px;inline-size:clamp(70px,14vw,150px);overflow:hidden}.hm-xp__bar::-webkit-progress-bar{background:var(--sun-soft)}.hm-xp__bar::-webkit-progress-value{background:var(--sun-sky);border-radius:99px}.hm-xp__bar::-moz-progress-bar{background:var(--sun-sky);border-radius:99px}.hm-xp__label{font:700 1rem/1 var(--font-display);color:var(--sun-sky);white-space:nowrap}.hm-stations{margin:0;padding:0;list-style:none}.hm-station{position:absolute;translate:-50% -50%}.hm-station__link{background:var(--color-surface-raised);min-block-size:48px;color:var(--color-on-surface);white-space:nowrap;box-shadow:0 4px 0 color-mix(in srgb, var(--sun-shadow) 45%, transparent);border-radius:99px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:clamp(.78rem,.6rem + .5vw,.95rem);font-weight:700;text-decoration:none;display:inline-flex}.hm-station__link:hover{background:var(--sun-soft)}.hm-station__link:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.hm-station__pin{background:var(--sun-orange);block-size:40px;inline-size:40px;color:var(--sun-on-tab);font:700 1rem/1 var(--font-display);border-radius:50%;place-items:center;display:grid}.hm-station--games{inset-block-start:30%;inset-inline-start:18%}.hm-station--vocab{inset-block-start:47%;inset-inline-start:41%}.hm-station--grammar{inset-block-start:78%;inset-inline-start:62%}.hm-station--measure{inset-block-start:26%;inset-inline-start:70%}.hm-station--city{inset-block-start:50%;inset-inline:auto 3%;translate:0 -50%}.hm-station--review{inset-block-start:90%;inset-inline-start:36%}.hm-map__chapy{z-index:3;pointer-events:none;filter:drop-shadow(0 6px 6px #0000002e);transform-origin:50% 100%;block-size:auto;inline-size:clamp(84px,16%,140px);position:absolute;inset-block-end:-24px;inset-inline-start:-18px}.hm-map__spark{z-index:3;pointer-events:none;inline-size:46px;position:absolute;inset-block-start:22px;inset-inline-end:-10px}@container (width<=30rem){.hm-map__frame{aspect-ratio:auto;display:grid}.hm-map__art{aspect-ratio:16/10;block-size:auto;position:relative}.hm-stations{background:var(--color-surface-raised);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;display:grid}.hm-station{position:static;translate:none}.hm-station__link{white-space:normal;inline-size:100%;box-shadow:none;background:var(--sun-soft)}.hm-map__chapy{inline-size:72px;inset-block:-30px auto;inset-inline:auto -6px}.hm-map__spark{display:none}}.hm-games{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}@container (width>=26rem){.hm-games{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}}@container (width<=17rem){.hm-games{grid-template-columns:1fr}}@container (width<=30rem){.hm-games .hm-play{min-inline-size:100%;padding-inline:6px;font-size:.9rem}}.hm-game{background:var(--color-surface-raised);text-align:center;box-shadow:0 5px 0 color-mix(in srgb, var(--sun-shadow) 35%, transparent);border-radius:22px;grid-template-rows:auto 1fr auto;gap:6px;padding:10px;display:grid}.hm-game__art{border-radius:16px;block-size:auto;inline-size:100%;display:block}.hm-game__name{font:700 clamp(.85rem, .7rem + .4vw, 1rem)/1.25 var(--font-display);margin:4px 0 0}.hm-game__desc{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hm-game{position:relative}.hm-play{text-align:center;white-space:nowrap;border-radius:var(--radius-button);background:var(--color-primary);min-block-size:48px;min-inline-size:min(7.5rem,100%);max-inline-size:100%;color:var(--color-on-primary);font:700 .98rem/1 var(--font-display);letter-spacing:.01em;box-shadow:0 4px 0 color-mix(in srgb, var(--color-primary) 60%, black);justify-content:center;justify-self:center;align-items:center;padding-inline:12px;text-decoration:none;display:inline-flex}.site a.hm-play{color:var(--color-on-primary)}.hm-game .hm-play{align-self:end}.hm-play:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.hm-play--big{min-block-size:56px;font-size:1.15rem}.art-bubble{opacity:.92}.art-bubble--a{fill:var(--art-bubble-a)}.art-bubble--b{fill:var(--art-bubble-b)}.art-bubble--c{fill:var(--art-bubble-c)}.art-bubble--d{fill:var(--art-bubble-d)}.art-shine{fill:#fff;opacity:.7}.art-text{fill:var(--art-text);font:700 15px/1 var(--font-body)}.art-text--big{font-size:24px}.art-text--hanzi{font-size:34px}.art-cards-bg{fill:var(--art-cards)}.art-tile--0{fill:var(--art-tile-0)}.art-tile--1{fill:var(--art-tile-1)}.art-tile--2{fill:var(--art-tile-2)}.art-tile--3{fill:var(--art-tile-3)}.art-track{fill:var(--art-track)}.art-track-line{stroke:#fff;stroke-width:3px;stroke-dasharray:10 10}.art-car{fill:var(--art-car)}.art-car-top{fill:var(--art-tile-1)}.art-wheel,.art-flag-check{fill:var(--art-wheel)}.art-headband{fill:none;stroke:var(--art-car);stroke-width:10px;stroke-linecap:round}.art-wave{fill:none;stroke:var(--art-tile-1);stroke-width:5px;stroke-linecap:round}.hm-tabs{scrollbar-width:none;gap:6px;padding-block-start:6px;display:flex;overflow-x:auto}.hm-tab{cursor:pointer;min-block-size:52px;color:var(--sun-on-tab);font:700 clamp(.9rem, .8rem + .4vw, 1.1rem)/1.1 var(--font-display);transform-origin:50% 100%;transition:transform var(--motion-quick) var(--ease-out);border:0;border-radius:18px 18px 0 0;flex:1 0 auto;padding:8px 14px}.hm-tab[aria-selected=false]{filter:saturate(.85);transform:translateY(6px)}.hm-tab:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.hm-tab--sky{background:var(--sun-sky)}.hm-tab--coral{background:var(--sun-coral)}.hm-tab--orange{background:var(--sun-orange)}.hm-tab--grass{background:var(--sun-grass)}.hm-panel{border:6px solid var(--sun-orange);background:var(--color-surface-raised);border-radius:0 0 26px 26px;padding:10px}.hm-panel--sky{border-color:var(--sun-sky)}.hm-panel--coral{border-color:var(--sun-coral)}.hm-panel--orange{border-color:var(--sun-orange)}.hm-panel--grass{border-color:var(--sun-grass)}.hm-table{border-collapse:separate;border-spacing:0;inline-size:100%}.hm-table th{background:var(--sun-soft);font:700 1rem/1.2 var(--font-display);text-align:start;padding:10px}.hm-table th:first-child{border-start-start-radius:14px}.hm-table th:last-child{border-start-end-radius:14px}.hm-cell{vertical-align:top;border-block-end:2px dashed color-mix(in srgb, var(--sun-shadow) 22%, transparent);padding:12px 10px}.hm-cell--word{text-align:center;inline-size:24%}.hm-cell--mean{inline-size:30%}.hm-rule{font:700 1.05rem/1.35 var(--font-display);text-align:start;display:block}.hm-hanzi{word-break:keep-all;font-size:clamp(1.7rem,1.2rem + 1.6vw,2.4rem);font-weight:700;line-height:1.15;display:block}.hm-cell--word .hm-hanzi{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem)}.hm-pinyin{color:var(--color-accent);font-weight:600;display:block}.hm-mean{font-weight:700;display:block}.hm-note{color:var(--color-muted);font-size:.9rem;display:block}.hm-cell--ex{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.hm-ex{gap:2px;min-inline-size:0;display:grid}.hm-ex [lang=zh]{font-size:1.1rem}.hm-tag{background:var(--sun-soft);border-radius:99px;justify-self:start;padding:0 8px;font-size:.8rem}.hm-speak{cursor:pointer;background:var(--sun-bg);block-size:48px;inline-size:48px;color:var(--sun-on);box-shadow:0 3px 0 var(--sun-strong);border:0;border-radius:50%;place-items:center;display:grid}.hm-speak:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.hm-row--skel td{background:var(--sun-soft);border-block-end:6px solid var(--color-surface-raised);block-size:104px}.hm-board__msg{padding:18px}.hm-more{min-block-size:48px;color:var(--color-primary);align-items:center;margin-block-start:6px;padding-inline:8px;font-weight:700;display:inline-flex}.site a.hm-more{color:var(--color-primary)}@container (width<=34rem){.hm-table thead{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.hm-table,.hm-table tbody,.hm-row,.hm-cell{inline-size:auto;display:block}.hm-row{border-block-end:2px dashed color-mix(in srgb, var(--sun-shadow) 22%, transparent);padding:8px 0}.hm-cell{border:0;padding:4px 6px}.hm-cell--word{text-align:start;flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.hm-cell--ex{display:grid}.hm-tabs{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:visible}.hm-tab{border-radius:16px}.hm-tab[aria-selected=false]{opacity:.8;transform:none}.hm-panel{border-radius:26px;margin-block-start:8px}}.hm-teach{background:var(--color-surface-raised);border-radius:28px;margin-block-start:clamp(24px,4vw,44px);padding:clamp(16px,3vw,28px)}.hm-teach__head{justify-items:start;gap:10px;display:grid}.hm-teach .lp-section{padding-block:16px 0}.hm-teach .lp-section>h2{text-align:start;margin-block-end:12px;font-size:1.2rem}.hm-teach__head .hm-play{justify-self:start;margin-block-start:6px}.hm-teach .lp-step{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;padding:18px 20px;display:grid}.hm-teach .lp-step__num{block-size:40px;inline-size:40px;font:700 1.1rem/1 var(--font-display);box-shadow:0 3px 0 color-mix(in srgb, var(--color-primary) 55%, black);position:static}.hm-teach .lp-step h3{margin:0;font-size:1.1rem}.hm-teach .lp-step p{grid-column:1/-1}.hm-sitemap{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:18px;display:grid}.hm-sitemap .hm-card{background:var(--color-surface-raised);border-radius:24px;padding:16px}.hm-sitemap__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.hm-sitemap__link{border-radius:14px;align-items:center;gap:10px;min-block-size:52px;padding-inline:10px;font-weight:700;text-decoration:none;display:flex}.hm-sitemap__link:hover{background:var(--sun-soft)}@media (prefers-reduced-motion:no-preference){[data-motion=full] .art-road__cover{stroke-dasharray:100 100;stroke-dashoffset:0;animation:hm-uncover 1.8s .2s var(--ease-out) forwards}[data-motion=full] .hm-station{animation:hm-pop .45s var(--ease-out) backwards}[data-motion=full] .hm-station:nth-child(2){animation-delay:.12s}[data-motion=full] .hm-station:nth-child(3){animation-delay:.24s}[data-motion=full] .hm-station:nth-child(4){animation-delay:.36s}[data-motion=full] .hm-station:nth-child(5){animation-delay:.48s}[data-motion=full] .hm-station:nth-child(6){animation-delay:.6s}[data-motion=full]:not([data-tier=low]) .hm-cloud{animation:26s ease-in-out infinite alternate hm-drift}[data-motion=full]:not([data-tier=low]) .hm-cloud--b{animation-duration:38s}[data-motion=full]:not([data-tier=low]) .hm-map__chapy{animation:4s ease-in-out infinite hm-breathe}[data-motion=full]:not([data-tier=low]) .hm-title__spark,[data-motion=full]:not([data-tier=low]) .hm-map__spark{animation:2.4s ease-in-out infinite hm-twinkle}[data-motion=full]:not([data-tier=low]) .hm-chest{animation:3.2s ease-in-out infinite hm-bob}[data-motion=full] .hm-game{transition:transform var(--motion-quick) var(--ease-out)}[data-motion=full] .hm-game:hover{transform:translateY(-5px)rotate(-.6deg)}[data-motion=full] .hm-game:hover .hm-game__art{animation:1.2s ease-in-out 2 hm-bob}[data-motion=full] .hm-row:not(.hm-row--skel){animation:hm-rise .35s var(--ease-out) backwards}[data-motion=full] .hm-row:nth-child(2){animation-delay:50ms}[data-motion=full] .hm-row:nth-child(3){animation-delay:.1s}[data-motion=full] .hm-row:nth-child(4){animation-delay:.15s}[data-motion=full] .hm-row:nth-child(5){animation-delay:.2s}[data-motion=full] .hm-row--skel{animation:1.2s ease-in-out infinite alternate hm-pulse}}@keyframes hm-uncover{to{stroke-dashoffset:-100px}}@keyframes hm-pop{0%{opacity:0;transform:translateY(14px)}70%{transform:translateY(-3px)}}@keyframes hm-drift{to{transform:translate(40px)}}@keyframes hm-breathe{50%{transform:scale(1.03)translateY(-4px)}}@keyframes hm-twinkle{50%{opacity:.45;transform:scale(.82)rotate(12deg)}}@keyframes hm-bob{50%{transform:translateY(-5px)}}@keyframes hm-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes hm-pulse{to{opacity:.55}}