.public.svelte-1m5shf{max-width:1160px;margin:0 auto;padding:0 0 var(--s8);display:flex;flex-direction:column;gap:104px}h2.svelte-1m5shf{font-size:var(--fs-7);line-height:1.2;font-weight:700;font-variation-settings:var(--flair-title);color:var(--ink);margin:0;text-wrap:balance}.band-copy.svelte-1m5shf{display:flex;flex-direction:column;gap:var(--s3);max-width:58ch}.band-copy.center.svelte-1m5shf{margin:0 auto;text-align:center;align-items:center}.band-copy.svelte-1m5shf p:where(.svelte-1m5shf){margin:0;color:var(--ink-2);font-size:var(--fs-4);line-height:1.6}.cta.svelte-1m5shf{display:flex;gap:var(--s3);flex-wrap:wrap;justify-content:center;margin:0}.hero.svelte-1m5shf{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--s8) var(--s5) var(--s6)}.kicker.svelte-1m5shf{display:flex;gap:var(--s5);font-family:var(--font-han-serif);color:var(--ink-2);font-size:var(--fs-5);margin:0 0 var(--s4)}.kicker.svelte-1m5shf:lang(zh-Hans){font-family:var(--font-han-serif-sc)}h1.svelte-1m5shf{font-size:clamp(var(--fs-8),5.4vw,calc(var(--fs-9) * 1.25));line-height:1.04;font-weight:720;font-variation-settings:var(--flair-title);letter-spacing:-.02em;margin:0 0 var(--s5);color:var(--ink);text-wrap:balance;max-width:16ch}.lead.svelte-1m5shf{font-size:var(--fs-5);line-height:1.6;color:var(--ink-2);max-width:52ch;margin:0 0 var(--s6);text-wrap:pretty}.assure.svelte-1m5shf{margin:var(--s4) 0 0;font-size:var(--fs-3);color:var(--ink-3)}.lead.svelte-1m5shf+.audience:where(.svelte-1m5shf){margin:calc(var(--s6) * -1 + var(--s2)) 0 var(--s6);font-size:var(--fs-4);font-weight:650;color:var(--ink)}.top.svelte-1m5shf{display:contents}@media(min-width:1024px){.top.svelte-1m5shf{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--s7);align-items:center;padding-top:var(--s7)}.top.svelte-1m5shf .hero:where(.svelte-1m5shf){align-items:flex-start;text-align:left;padding:0}.top.svelte-1m5shf .cta:where(.svelte-1m5shf){justify-content:flex-start}.top.svelte-1m5shf .sheet:where(.svelte-1m5shf){margin-top:0;padding:var(--s5) var(--s6)}.top.svelte-1m5shf .sheet-body:where(.svelte-1m5shf){grid-template-columns:minmax(0,1fr);gap:var(--s5);padding-top:var(--s5)}.top.svelte-1m5shf .sheet-words:where(.svelte-1m5shf){grid-template-columns:repeat(3,minmax(0,1fr));padding:var(--s4) 0 0;border-left:0;border-top:1px solid var(--grid)}}.sheet.svelte-1m5shf{margin-top:calc(-1 * var(--s7));background:var(--surface);border-radius:2px;padding:var(--s6) var(--s7) var(--s6)}.sheet-head.svelte-1m5shf{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--s4);padding-bottom:var(--s4);border-bottom:1px solid var(--rule)}.sheet-head.svelte-1m5shf .block-title:where(.svelte-1m5shf){margin:0}.sheet-title.svelte-1m5shf{margin:2px 0 0;font-size:var(--fs-3);color:var(--ink-3)}.script-switch.svelte-1m5shf{display:inline-flex;flex:none;border:1px solid var(--rule-3);border-radius:var(--r-cell);font-family:var(--font-han-serif);font-size:var(--fs-5);text-decoration:none}.script-switch.svelte-1m5shf span:where(.svelte-1m5shf):not(.sr){display:grid;place-items:center;min-width:40px;height:38px;color:var(--ink-2)}.script-switch.svelte-1m5shf span:where(.svelte-1m5shf)+span:where(.svelte-1m5shf):not(.sr){border-inline-start:1px solid var(--rule-3)}.script-switch.svelte-1m5shf span.on:where(.svelte-1m5shf){background:var(--ink);color:var(--paper)}@media(hover:hover){.script-switch.svelte-1m5shf:hover span:where(.svelte-1m5shf):not(.on):not(.sr){background:var(--surface-2)}}.sr.svelte-1m5shf{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.sheet-body.svelte-1m5shf{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--s7);align-items:start;padding-top:var(--s6)}.sheet-text.svelte-1m5shf{min-height:150px}.sheet-hint.svelte-1m5shf{margin:var(--s4) 0 0;font-size:var(--fs-3);color:var(--ink-3)}.sheet-words.svelte-1m5shf{list-style:none;margin:0;padding:0 0 0 var(--s6);border-left:1px solid var(--grid);display:grid;gap:var(--s4)}.sheet-words.svelte-1m5shf li:where(.svelte-1m5shf){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s3);align-items:baseline;font-size:var(--fs-3)}.w-han.svelte-1m5shf{grid-row:span 2;font-family:var(--font-han-serif);font-size:var(--fs-6);color:var(--ink)}.w-py.svelte-1m5shf{font-family:var(--font-pinyin);color:var(--ink-3)}.w-fr.svelte-1m5shf{grid-column:2;color:var(--ink-2)}.tones.svelte-1m5shf{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:var(--s5) var(--s8);align-items:center}.tone-cards.svelte-1m5shf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--grid);border-radius:var(--r-cell);background:var(--grid);overflow:hidden}.tone-card.svelte-1m5shf{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s5) var(--s3) var(--s4);border:0;border-radius:0;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:background-color var(--dur-color) var(--ease-color)}@media(hover:hover){.tone-card.svelte-1m5shf:hover{background:var(--surface-2)}}.tone-card.svelte-1m5shf:active{background:var(--surface-3)}.tone-card.svelte-1m5shf:focus-visible{outline:2px solid var(--ink);outline-offset:-4px}.tc-staff.svelte-1m5shf{display:block;width:100%;max-width:120px;height:auto;aspect-ratio:100 / 56;overflow:visible}.tc-staff.svelte-1m5shf line:where(.svelte-1m5shf){stroke:var(--grid-guide);stroke-width:1;vector-effect:non-scaling-stroke}.tc-staff.svelte-1m5shf line.mid:where(.svelte-1m5shf){stroke:var(--grid)}.tc-curve.svelte-1m5shf{fill:none;stroke:var(--ink-2);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.tc-end.svelte-1m5shf{fill:var(--ink-2)}.tone-card.on.svelte-1m5shf .tc-curve:where(.svelte-1m5shf){stroke:var(--accent)}.tone-card.on.svelte-1m5shf .tc-end:where(.svelte-1m5shf){fill:var(--accent)}.tc-curve.draw.svelte-1m5shf{stroke-dasharray:1;stroke-dashoffset:1;animation:svelte-1m5shf-tc-draw linear forwards}@keyframes svelte-1m5shf-tc-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.tc-curve.draw.svelte-1m5shf{animation:none;stroke-dashoffset:0}}.tc-han.svelte-1m5shf{font-family:var(--font-han-serif);font-size:52px;line-height:1}.tc-py.svelte-1m5shf{font-family:var(--font-pinyin);font-size:var(--fs-5);color:var(--ink-2)}.tc-fr.svelte-1m5shf{font-size:var(--fs-3);color:var(--ink-2)}.tc-n.svelte-1m5shf{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-2);color:var(--ink-3);font-variant-numeric:tabular-nums}.tones-note.svelte-1m5shf{grid-column:2;margin:0;font-size:var(--fs-3);color:var(--ink-3)}.does.svelte-1m5shf{display:flex;flex-direction:column;gap:var(--s7)}.does-grid.svelte-1m5shf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s6) var(--s5)}.does-item.svelte-1m5shf{min-width:0;padding-left:var(--s5);border-left:1px solid var(--grid)}.does-item.svelte-1m5shf h3:where(.svelte-1m5shf){display:flex;align-items:baseline;gap:var(--s3);font-size:var(--fs-5);font-weight:680;color:var(--ink);margin:var(--s5) 0 var(--s2)}.num.svelte-1m5shf{color:var(--ink-3);font-weight:600;font-variant-numeric:tabular-nums}.does-item.svelte-1m5shf p:where(.svelte-1m5shf){margin:0;color:var(--ink-2);line-height:1.6}.vignette.svelte-1m5shf{height:148px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--s3);padding:var(--s3) 0}.v-han.svelte-1m5shf{font-family:var(--font-han-serif);font-size:44px;line-height:1;color:var(--ink)}.v-han.small.svelte-1m5shf{font-size:36px}.v-han.tapped.svelte-1m5shf{padding:2px 6px 4px;box-shadow:inset 0 0 0 1.5px var(--accent);background:var(--accent-tint);border-radius:var(--r-cell)}.v-reading.svelte-1m5shf{font-family:var(--font-pinyin);font-size:var(--fs-3);color:var(--ink-3)}.v-meaning.svelte-1m5shf{font-size:var(--fs-3);color:var(--ink-2)}.v-grid.svelte-1m5shf{display:grid;grid-template-columns:repeat(4,16px);gap:4px}.v-grid.svelte-1m5shf span:where(.svelte-1m5shf){width:16px;height:16px;border-radius:var(--r-cell);border:1px solid var(--grid);background:var(--paper)}.v-grid.svelte-1m5shf span.on:where(.svelte-1m5shf){border-color:var(--ink);background:var(--ink)}.v-pair.svelte-1m5shf{display:inline-flex;align-items:center;gap:var(--s3);font-size:var(--fs-2);color:var(--ink-2);font-variant-numeric:tabular-nums}.v-build.svelte-1m5shf{gap:var(--s2)}.v-say.svelte-1m5shf{font-size:var(--fs-2);color:var(--ink-3)}.v-line.svelte-1m5shf,.v-bank.svelte-1m5shf{display:flex;align-items:center;gap:4px}.v-line.svelte-1m5shf{padding:4px 0;border-bottom:1px solid var(--rule-3)}.v-tile.svelte-1m5shf{padding:3px 8px;border:1px solid var(--grid);border-radius:var(--r-cell);background:var(--surface);font-family:var(--font-han-serif);font-size:var(--fs-5);color:var(--ink)}.v-tile.loose.svelte-1m5shf{border-color:var(--ink)}.v-slot.svelte-1m5shf{width:42px;height:30px;border:1px dashed var(--rule-3);border-radius:var(--r-cell)}.v-grades.svelte-1m5shf{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.v-grades.svelte-1m5shf span:where(.svelte-1m5shf){padding:3px 8px;border:1px solid var(--grid);border-radius:var(--r-cell);font-size:var(--fs-1);color:var(--ink-3)}.v-grades.svelte-1m5shf span.on:where(.svelte-1m5shf){border-color:var(--ink);background:var(--ink);color:var(--paper);font-weight:600}.v-next.svelte-1m5shf{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-2);color:var(--ok)}.who.svelte-1m5shf{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.who-card.svelte-1m5shf{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);padding:var(--s2) var(--s7)}.who-card.svelte-1m5shf+.who-card:where(.svelte-1m5shf){border-inline-start:1px solid var(--grid)}.who-card.svelte-1m5shf:first-child{padding-inline-start:0}.who-head.svelte-1m5shf{display:flex;align-items:center;gap:var(--s4)}.who-card.svelte-1m5shf h3:where(.svelte-1m5shf){margin:0;font-size:var(--fs-6);font-weight:700;font-variation-settings:var(--flair-title);color:var(--ink)}.who-card.svelte-1m5shf ul:where(.svelte-1m5shf){align-self:stretch;list-style:none;margin:0 0 var(--s3);padding:0;border-top:1px solid var(--rule)}.who-card.svelte-1m5shf li:where(.svelte-1m5shf){padding:10px 0;border-bottom:1px solid var(--rule);color:var(--ink-2);line-height:1.55}.who-card.svelte-1m5shf .btn:where(.svelte-1m5shf){margin-top:auto}.scripts.svelte-1m5shf{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s8);align-items:center}.scripts-copy.svelte-1m5shf{display:flex;flex-direction:column;gap:var(--s4)}.scripts-copy.svelte-1m5shf p:where(.svelte-1m5shf){margin:0;color:var(--ink-2);line-height:1.65;max-width:44ch}.glyphs.svelte-1m5shf{display:flex;align-items:baseline;gap:var(--s4)}.glyph.svelte-1m5shf{font-family:var(--font-han-serif);font-size:76px;line-height:1;color:var(--ink)}.glyph.hans.svelte-1m5shf{font-family:var(--font-han-serif-sc);color:var(--accent-text)}.glyph-sep.svelte-1m5shf{font-size:var(--fs-7);color:var(--ink-3)}.scripts-pair.svelte-1m5shf{display:grid;gap:var(--s4)}.script-card.svelte-1m5shf{background:var(--surface);border-radius:2px;padding:var(--s4) var(--s5) var(--s3)}.sc-head.svelte-1m5shf{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--s4);margin:0 0 var(--s2);font-size:var(--fs-4);font-weight:650;color:var(--ink)}.sc-head.svelte-1m5shf span:where(.svelte-1m5shf):lang(zh-Hant){font-family:var(--font-han-serif)}.sc-head.svelte-1m5shf span:where(.svelte-1m5shf):lang(zh-Hans){font-family:var(--font-han-serif-sc)}.where.svelte-1m5shf{font-weight:400;font-size:var(--fs-3);color:var(--ink-3)}.facts.svelte-1m5shf{list-style:none;margin:0;padding:var(--s5) 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s5)}.facts.svelte-1m5shf li:where(.svelte-1m5shf){display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-3);color:var(--ink-2)}.facts.svelte-1m5shf li:where(.svelte-1m5shf) .ic{flex:none;color:var(--ink)}.door.svelte-1m5shf{--paper: var(--band-bg);--rule-2: var(--band-rule);--surface-2: color-mix(in oklab, var(--band-ink) 10%, var(--band-bg));--surface-3: color-mix(in oklab, var(--band-ink) 16%, var(--band-bg));text-align:center;padding:var(--s8) var(--s6)}.door-zh.svelte-1m5shf{font-family:var(--font-han-serif);font-size:48px;line-height:1;color:var(--band-accent);margin:0 0 var(--s4)}.door.svelte-1m5shf h2:where(.svelte-1m5shf){margin:0 0 var(--s3)}.door-body.svelte-1m5shf{margin:0 0 var(--s6);color:var(--band-ink-2)}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal.svelte-1m5shf{animation:svelte-1m5shf-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 45%}@keyframes svelte-1m5shf-reveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}}}@media(max-width:1100px){.does-grid.svelte-1m5shf,.facts.svelte-1m5shf{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.public.svelte-1m5shf{gap:72px}.tones.svelte-1m5shf,.scripts.svelte-1m5shf{grid-template-columns:1fr;gap:var(--s6)}.tones-note.svelte-1m5shf{grid-column:1}.sheet-body.svelte-1m5shf{grid-template-columns:1fr;gap:var(--s5)}.sheet-words.svelte-1m5shf{padding:var(--s5) 0 0;border-left:0;border-top:1px solid var(--grid)}.who.svelte-1m5shf{grid-template-columns:1fr;gap:var(--s7)}.who-card.svelte-1m5shf,.who-card.svelte-1m5shf:first-child{padding:0}.who-card.svelte-1m5shf+.who-card:where(.svelte-1m5shf){border:0;border-top:1px solid var(--grid);padding-top:var(--s7)}}@media(max-width:640px){.hero.svelte-1m5shf{padding:var(--s5) var(--s2) 0}.kicker.svelte-1m5shf,.cta.svelte-1m5shf .login:where(.svelte-1m5shf){display:none}.cta.svelte-1m5shf .btn:where(.svelte-1m5shf){flex:1}.sheet.svelte-1m5shf{margin-top:calc(-1 * var(--s7));padding:var(--s5) var(--s4)}.tone-cards.svelte-1m5shf{grid-template-columns:repeat(2,minmax(0,1fr))}.does-grid.svelte-1m5shf,.facts.svelte-1m5shf{grid-template-columns:1fr}.glyph.svelte-1m5shf{font-size:60px}.door.svelte-1m5shf{padding:var(--s7) var(--s5)}}