:root{color-scheme:light dark;--bg:#fff;--surface:#fff;--surface-2:#f6efe5;--surface-3:#eee5d9;--ink:#292521;--ink-2:#655f58;--muted:#81766b;--on-dark:#fff;--line:#e8ded0;--line-deep:#d8cdbf;--teal:#536b70;--teal-dark:#3f555a;--teal-soft:#dfe9e7;--nav-bg:#347d89;--nav-bg-deep:#21535d;--action:#249fb3;--action-dark:#176f7e;--action-soft:#cdeff4;--coral:#f26b5f;--coral-dark:#b94239;--coral-soft:#ffd8d3;--violet:#8268e8;--violet-dark:#5942b5;--violet-soft:#e2dbff;--sky:#3f8fe8;--sky-dark:#2864ad;--sky-soft:#d6e9ff;--rose:#df59a1;--rose-dark:#a83272;--rose-soft:#f8d5e9;--amber-soft:#ffe5aa;--jade-soft:#cff2dd;--stone:#8a8e8a;--success:#20c968;--success-dark:#128442;--success-soft:#c9f6dc;--danger:#f04455;--danger-dark:#ad2634;--danger-soft:#ffd1d7;--warning:#f4b52c;--warning-dark:#a86d05;--warning-soft:#ffedb2;--chip-bg:var(--action-soft);--chip-ink:#12626f;--note-bg:var(--warning-soft);--note-ink:#8a5a05;--tone-1-soft:#ffd9dc;--tone-2-soft:#ffe5ae;--tone-3-soft:#cef0da;--tone-4-soft:#d8e2ff;--shadow-card:0 2px 0 #ffffffdb inset, 0 7px 0 -3px #ded3c5, 0 15px 30px #3b2f2517;--shadow-float:0 18px 42px #30271f29;--shadow-inset:0 2px 3px #2f261e14 inset;--tactile-action:0 6px 0 var(--action-dark), 0 13px 24px #24687338;--tactile-action-hover:0 7px 0 var(--action-dark), 0 15px 27px #24687340;--tactile-action-press:0 1px 0 var(--action-dark), 0 6px 12px #2468732b;--tactile-quiet:0 5px 0 var(--line-deep), 0 11px 20px #30271f14;--tactile-quiet-press:0 1px 0 var(--line-deep);--tactile-teal:0 7px 0 var(--teal-dark), 0 17px 27px #3f555a33;--press-travel:5px}html[data-theme=dark]{color-scheme:dark;--bg:#171b1d;--surface:#22272a;--surface-2:#2b3134;--surface-3:#353c3f;--ink:#fbf7f0;--ink-2:#d9d1c8;--muted:#aaa198;--line:#3b4346;--line-deep:#101314;--teal:#79a2aa;--teal-dark:#9bc2c9;--teal-soft:#294047;--nav-bg:#246b78;--nav-bg-deep:#123c45;--action:#39b8cc;--action-dark:#207b8a;--action-soft:#254f57;--coral:#ff8175;--coral-dark:#bb5148;--coral-soft:#563235;--violet:#a28cf5;--violet-dark:#7059bd;--violet-soft:#40375e;--sky:#69a9f2;--sky-dark:#3978bd;--sky-soft:#293f5c;--rose:#ee76b8;--rose-dark:#ac447b;--rose-soft:#533047;--amber-soft:#584523;--jade-soft:#274c38;--stone:#8d938f;--success:#31dc79;--success-dark:#168948;--success-soft:#244d36;--danger:#ff5d6d;--danger-dark:#b42c3a;--danger-soft:#562d34;--warning:#ffc33d;--warning-dark:#a87108;--warning-soft:#58451f;--chip-ink:#8fd9e6;--note-ink:#f0c76a;--tone-1-soft:#523033;--tone-2-soft:#584521;--tone-3-soft:#284b35;--tone-4-soft:#303d63;--shadow-card:0 2px 0 #ffffff09 inset, 0 7px 0 -3px #0d1011, 0 15px 30px #00000040;--shadow-float:0 18px 42px #0000006b;--shadow-inset:0 2px 3px #00000047 inset;--tactile-teal:0 7px 0 #16343b, 0 17px 27px #00000052}:root{--t1:#e05252;--t2:#e8a13c;--t3:#3e9e5f;--t4:#4472d8;--tn:#9aa3af;--score-bad:var(--t1);--score-medium:var(--t2);--score-good:var(--t3);--score-bad-text:#b93d3d;--score-medium-text:#9b5908;--score-good-text:#2e7d4a}html[data-theme=dark]{--score-bad-text:#ff9a9a;--score-medium-text:#f0bd63;--score-good-text:#78d79a}:root{--font:NotoSans, "Noto Sans", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-cjk:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", sans-serif;--text-display:31px;--text-title:29px;--text-heading:23px;--text-subhead:15px;--text-card:13px;--text-body:14px;--text-control:12px;--text-caption:11px;--text-micro:9px;--leading-tight:1.03;--leading-snug:1.2;--leading-body:1.48;--tracking-display:-.06em;--tracking-heading:-.05em;--tracking-kicker:.15em;--weight-regular:500;--weight-medium:680;--weight-semibold:760;--weight-bold:820;--weight-black:900;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:44px;--radius-xs:10px;--radius-sm:12px;--radius-md:15px;--radius-lg:18px;--radius-xl:22px;--radius-2xl:27px;--radius-3xl:32px;--radius-pill:999px;--touch-min:44px;--control-height:52px;--control-height-sm:45px;--motion-fast:.14s;--motion-ease:ease}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--press-travel:0px}}@media (prefers-color-scheme:dark){html:not([data-theme=light]){color-scheme:dark;--bg:#171b1d;--surface:#22272a;--surface-2:#2b3134;--surface-3:#353c3f;--ink:#fbf7f0;--ink-2:#d9d1c8;--muted:#aaa198;--line:#3b4346;--line-deep:#101314;--teal:#79a2aa;--teal-dark:#9bc2c9;--teal-soft:#294047;--nav-bg:#246b78;--nav-bg-deep:#123c45;--action:#39b8cc;--action-dark:#207b8a;--action-soft:#254f57;--coral:#ff8175;--coral-dark:#bb5148;--coral-soft:#563235;--violet:#a28cf5;--violet-dark:#7059bd;--violet-soft:#40375e;--sky:#69a9f2;--sky-dark:#3978bd;--sky-soft:#293f5c;--rose:#ee76b8;--rose-dark:#ac447b;--rose-soft:#533047;--amber-soft:#584523;--jade-soft:#274c38;--stone:#8d938f;--success:#31dc79;--success-dark:#168948;--success-soft:#244d36;--danger:#ff5d6d;--danger-dark:#b42c3a;--danger-soft:#562d34;--warning:#ffc33d;--warning-dark:#a87108;--warning-soft:#58451f;--chip-ink:#8fd9e6;--note-ink:#f0c76a;--tone-1-soft:#523033;--tone-2-soft:#584521;--tone-3-soft:#284b35;--tone-4-soft:#303d63;--shadow-card:0 2px 0 #ffffff09 inset, 0 7px 0 -3px #0d1011, 0 15px 30px #00000040;--shadow-float:0 18px 42px #0000006b;--shadow-inset:0 2px 3px #00000047 inset;--tactile-teal:0 7px 0 #16343b, 0 17px 27px #00000052;--score-bad-text:#ff9a9a;--score-medium-text:#f0bd63;--score-good-text:#78d79a}}:root{color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:var(--weight-regular);line-height:var(--leading-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img,svg{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--action);outline-offset:4px}.wrap{width:min(1180px,100% - 40px);margin-inline:auto}.section{isolation:isolate;position:relative;overflow:hidden}.section-inner{z-index:2;padding-block:clamp(72px,8vw,120px);position:relative}.paper-1{background:var(--surface)}.paper-2{background:var(--surface-2)}.paper-3{background:var(--surface-3)}.watermark{z-index:0;color:var(--teal);font-family:var(--font-cjk), var(--font);font-size:clamp(180px,27vw,420px);font-weight:var(--weight-black);opacity:.025;pointer-events:none;user-select:none;white-space:nowrap;line-height:.75;position:absolute}.watermark.right{top:8%;right:-8%}.watermark.left{bottom:-12%;left:-8%}.divider{z-index:8;height:18px;color:var(--teal);pointer-events:none;margin-block:-9px;position:relative;overflow:hidden}.divider svg{opacity:.52;width:200%;max-width:none;height:18px;animation:22s linear infinite drift}@keyframes drift{to{transform:translate(-25%)}}.site-header{z-index:20;padding:var(--space-5) 0;position:relative}.site-header.overlay{position:absolute;inset:0 0 auto}.nav{align-items:center;gap:var(--space-5);display:flex}.logo{align-items:center;gap:var(--space-3);font-size:19px;font-weight:var(--weight-black);letter-spacing:var(--tracking-heading);text-decoration:none;display:flex}.logo-mark{border:2px solid var(--t1);border-radius:var(--radius-xs);background:var(--tone-1-soft);width:38px;height:38px;box-shadow:0 3px 0 var(--line-deep);color:var(--t1);font-family:var(--font-cjk), var(--font);place-items:center;font-size:21px;line-height:1;display:grid}.logo-word{color:var(--ink);white-space:nowrap}.nav-links{gap:var(--space-6);flex-wrap:wrap;margin-left:auto;display:flex}.nav-links a{color:var(--ink-2);font-size:13px;font-weight:var(--weight-semibold);text-decoration:none}.nav-links a:hover{color:var(--action)}.lang{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 3px 0 var(--line-deep);color:var(--action);font-size:var(--text-control);font-weight:var(--weight-bold);padding:7px 11px;text-decoration:none}.lang:active{box-shadow:0 1px 0 var(--line-deep);transform:translateY(3px)}h1,h2,h3,p{margin-top:0}h1{max-width:22ch;margin-bottom:var(--space-5);font-size:clamp(36px,4.4vw,60px);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:1.02}.hero h1{max-width:720px;margin-bottom:var(--space-6);font-size:clamp(44px,6.1vw,82px);line-height:.97}h2{margin:var(--space-8) 0 var(--space-4);font-size:clamp(28px,3.2vw,44px);font-weight:var(--weight-black);letter-spacing:var(--tracking-display);line-height:1.04}.section-head h2,.hero h2{margin-top:0}h3{margin:var(--space-6) 0 var(--space-3);font-size:20px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);line-height:var(--leading-snug)}p{margin:10px 0}.lead{max-width:620px;margin-bottom:var(--space-6);color:var(--ink-2);font-size:clamp(17px,1.65vw,21px);line-height:1.55}.muted{color:var(--muted)}.small{font-size:13px}main a:not(.btn):not(.tool):not(.crumbs a){color:var(--action);text-decoration-color:color-mix(in srgb, var(--action) 40%, transparent)}main a:not(.btn):not(.tool):hover{text-decoration-color:var(--action)}.kicker,.eyebrow{margin:0 0 var(--space-4);color:var(--teal);font-size:var(--text-caption);font-weight:var(--weight-black);letter-spacing:var(--tracking-kicker);text-transform:uppercase;align-items:center;display:inline-flex}.kicker{border-radius:var(--radius-pill);background:var(--chip-bg);min-height:29px;color:var(--chip-ink);font-weight:var(--weight-bold);padding:6px 13px}.section-head{align-items:end;gap:var(--space-8);grid-template-columns:1fr minmax(240px,390px);margin-bottom:clamp(36px,5vw,64px);display:grid}.section-intro{color:var(--ink-2);margin:0;font-size:16px}.btn{min-height:var(--control-height);border-radius:var(--radius-lg);font:inherit;font-size:15px;font-weight:var(--weight-bold);text-align:center;cursor:pointer;transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);border:0;justify-content:center;align-items:center;padding:14px 24px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--action);color:var(--on-dark);box-shadow:var(--tactile-action)}.btn-primary:hover{box-shadow:var(--tactile-action-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(var(--press-travel));box-shadow:var(--tactile-action-press)}.btn-ghost,.btn-quiet{border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--tactile-quiet)}.btn-ghost:hover,.btn-quiet:hover{transform:translateY(-1px)}.btn-ghost:active,.btn-quiet:active{transform:translateY(var(--press-travel));box-shadow:var(--tactile-quiet-press)}.btn-sm{min-height:var(--control-height-sm);border-radius:var(--radius-sm);padding:9px 15px;font-size:14px}.btn-sm.btn-primary{box-shadow:0 4px 0 var(--action-dark), 0 9px 17px #24687333}.btn-sm.btn-primary:active{box-shadow:0 1px 0 var(--action-dark);transform:translateY(4px)}.btn-sm.btn-ghost{box-shadow:0 4px 0 var(--line-deep)}.btn-sm.btn-ghost:active{box-shadow:0 1px 0 var(--line-deep);transform:translateY(4px)}.actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.trust{gap:var(--space-3);margin-top:var(--space-7);color:var(--muted);font-size:var(--text-control);font-weight:var(--weight-semibold);flex-wrap:wrap;display:flex}.trust span{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:5px 10px}.hero{background:var(--surface-2);min-height:min(900px,100vh)}.hero .section-inner{min-height:min(900px,100vh);padding-top:120px;padding-bottom:96px}.hero-grid{grid-template-columns:minmax(440px,1.08fr) minmax(380px,.92fr);align-items:center;gap:clamp(24px,4vw,58px);min-height:650px;display:grid}.hero-scene{z-index:0;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero-scene .mountain{fill:var(--teal);filter:blur(1.2px)}.hero-scene .back{opacity:.1}.hero-scene .mid{opacity:.16}.hero-scene .front{opacity:.23}.hero-scene .near{opacity:.34;filter:blur(.4px)}.hero-scene .pine{fill:none;stroke:var(--teal-dark);stroke-linecap:round;stroke-linejoin:round;opacity:.3}.hero-scene .bough{stroke-width:6px}.hero-scene .needles{stroke-width:2.6px}.hero-mist{z-index:1;border-radius:var(--radius-pill);background:var(--surface);filter:blur(27px);opacity:.54;height:92px;animation:9s ease-in-out infinite alternate breathe;position:absolute}.hero-mist.one{width:52%;bottom:16%;left:2%}.hero-mist.two{width:58%;animation-delay:-4s;bottom:7%;right:-4%}@keyframes breathe{to{opacity:.7;transform:translate(3%)scale(1.05)}}.hero-art{align-self:stretch;min-height:540px;position:relative}.moon{aspect-ratio:1;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);width:min(39vw,490px);box-shadow:0 0 70px var(--surface);opacity:.92;position:absolute;top:1%;left:2%}.hero-mascot{z-index:3;object-fit:contain;object-position:bottom;width:min(43vw,500px);height:640px;filter:drop-shadow(0 18px 18px var(--line-deep));position:absolute;bottom:-40px;left:-2%}.voice-ribbon{z-index:2;pointer-events:none;width:125%;max-width:none;height:100%;position:absolute;inset:0 -15% 0 -10%;overflow:visible}.voice-ribbon path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.voice-ribbon .glow{stroke-width:16px;opacity:.1;filter:blur(7px)}.voice-ribbon .aura{stroke-width:7px;opacity:.16}.voice-ribbon .thread{stroke-width:3.5px;stroke-dasharray:22 10;animation:9s linear infinite flow}.voice-ribbon .gold{stroke:var(--warning)}.voice-ribbon .aqua{stroke:var(--action)}@keyframes flow{to{stroke-dashoffset:-128px}}.tone-legend-svg{z-index:5;pointer-events:none;width:125%;max-width:none;height:100%;position:absolute;inset:0 -15% 0 -10%;overflow:visible}.tone-legend-svg path{fill:none;stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke}.tone-legend-svg text{font-family:var(--font);font-size:15px;font-weight:var(--weight-black);paint-order:stroke;stroke:var(--surface-2);stroke-width:5px}.hero-copy{z-index:5;max-width:650px;position:relative}.tone-card{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:.88fr 1.12fr;align-items:center;gap:clamp(32px,7vw,90px);padding:clamp(26px,5vw,60px);display:grid}.tone-copy h2{margin-top:0}.tone-copy p{max-width:490px;margin-bottom:var(--space-6);color:var(--ink-2);font-size:17px}.tone-labels{gap:var(--space-2);flex-wrap:wrap;display:flex}.tone-label{border-radius:var(--radius-sm);font-size:var(--text-caption);font-weight:var(--weight-bold);padding:7px 10px}.tone-label.t1{background:var(--tone-1-soft);color:var(--t1)}.tone-label.t2{background:var(--tone-2-soft);color:var(--t2)}.tone-label.t3{background:var(--tone-3-soft);color:var(--t3)}.tone-label.t4{background:var(--tone-4-soft);color:var(--t4)}.diagnostic-demo{min-height:380px;padding:var(--space-7);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface-2);box-shadow:var(--shadow-inset)}.demo-label{color:var(--muted);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;margin:0}.syllable{align-items:baseline;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.syllable .hanzi{font-size:68px;font-weight:var(--weight-black);line-height:1}.pinyin{font-size:26px;font-weight:var(--weight-bold)}.tone-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--tone-3-soft);color:var(--score-good-text);font-size:var(--text-caption);font-weight:var(--weight-black)}.diagnostic-curve{width:100%;height:130px;margin:var(--space-6) 0 var(--space-5);overflow:visible}.diagnostic-curve .wash{fill:none;stroke:var(--teal-soft);stroke-width:24px;stroke-linecap:round}.diagnostic-curve .curve{fill:none;stroke:var(--teal-dark);stroke-width:7px;stroke-linecap:round}.axis{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.axis-item{padding-top:var(--space-3);border-top:1px solid var(--line)}.axis-item small{color:var(--muted);font-size:var(--text-micro);font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase;display:block}.axis-item b{margin-top:var(--space-1);font-size:var(--text-card);display:block}.axis-item .needs-work{color:var(--score-bad-text)}.audience-grid{gap:var(--space-5);grid-template-columns:1.15fr .85fr;display:grid}.audience-card,.aside-card{border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--surface);box-shadow:var(--shadow-card)}.audience-card{padding:clamp(28px,5vw,58px)}.audience-card blockquote{margin:0 0 var(--space-7);font-size:clamp(24px,3vw,40px);font-weight:var(--weight-black);letter-spacing:var(--tracking-heading);line-height:1.12}.audience-card p{max-width:680px;color:var(--ink-2);margin-bottom:0;font-size:16px}.aside-card{background:var(--teal);color:var(--on-dark);align-content:center;padding:clamp(28px,4vw,44px);display:grid}.aside-card .hanzi{margin-bottom:var(--space-4);font-size:76px;font-weight:var(--weight-black);opacity:.36;line-height:1}.aside-card h3{margin-top:0;font-size:25px}.aside-card p{opacity:.78;margin:0}.card{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);margin:16px 0}.grid2{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.grid2 .card{margin:0}.chip{border-radius:var(--radius-pill);background:var(--chip-bg);color:var(--chip-ink);font-size:12px;font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;padding:5px 13px;display:inline-block}.steps{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.step{min-height:390px;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);position:relative}.step:hover{box-shadow:var(--shadow-float);transform:translateY(-6px)}.step-top{height:170px;margin:calc(var(--space-2) * -1) 0 var(--space-5);position:relative}.mascot-medallion{border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);width:150px;height:150px;box-shadow:var(--shadow-inset);position:absolute;bottom:0;right:-2px;overflow:hidden}.step-mascot{transform-origin:top;width:138px;max-width:none;height:auto;position:absolute;top:8px;left:50%;transform:translate(-50%)}.step:nth-child(2) .step-mascot{width:132px;top:6px}.step:nth-child(3) .step-mascot{width:146px;top:10px}.step:nth-child(4) .step-mascot{width:150px;top:2px}.seal{z-index:2;width:82px;height:82px;color:var(--t1);filter:drop-shadow(0 4px 0 var(--line-deep));position:absolute;top:0;left:0}.seal text{fill:currentColor;font-family:var(--font-cjk), var(--font);font-size:36px;font-weight:var(--weight-black)}.seal circle{fill:var(--tone-1-soft);stroke:currentColor;stroke-width:4px;stroke-dasharray:3 2}.step h3{margin-top:0}.step p{color:var(--muted);margin:0;font-size:14px}.step small{margin-top:var(--space-4);color:var(--teal);font-size:var(--text-caption);font-weight:var(--weight-bold);display:block}.tools{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.tool{min-height:250px;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);transition:transform var(--motion-fast) var(--motion-ease), box-shadow var(--motion-fast) var(--motion-ease);flex-direction:column;text-decoration:none;display:flex}.tool:hover{box-shadow:var(--shadow-float);transform:translateY(-6px)}.tool h3{margin-top:0}.tool-icon{width:48px;height:48px;margin-bottom:var(--space-7);border-radius:var(--radius-md);background:var(--teal-soft);color:var(--teal-dark);box-shadow:0 4px 0 var(--line-deep);place-items:center;display:grid}.tool-icon svg{width:25px;height:25px}.tool p{margin-bottom:var(--space-5);color:var(--muted);font-size:13px}.tool span{color:var(--action);font-size:var(--text-control);font-weight:var(--weight-bold);margin-top:auto}.tone-1{color:var(--t1)}.tone-2{color:var(--t2)}.tone-3{color:var(--t3)}.tone-4{color:var(--t4)}.tone-0{color:var(--tn)}.bg-tone-1{background:var(--tone-1-soft)}.bg-tone-2{background:var(--tone-2-soft)}.bg-tone-3{background:var(--tone-3-soft)}.bg-tone-4{background:var(--tone-4-soft)}.tone-legend{font-size:13px;font-weight:var(--weight-semibold);flex-wrap:wrap;gap:10px;display:flex}table.chart{border-collapse:collapse;font-size:13px}table.chart th,table.chart td{border:1px solid var(--line);text-align:center;padding:4px 6px}table.chart th{background:var(--surface-2);font-weight:var(--weight-bold);position:sticky}table.chart td button{cursor:pointer;color:var(--action);font-family:inherit;font-size:13px;font-weight:var(--weight-semibold);background:0 0;border:none;border-radius:7px;padding:2px 5px}table.chart td button:hover{background:var(--chip-bg)}.scroll-x{overflow-x:auto}.faq details{border-bottom:1px solid var(--line);padding:10px 0}.faq summary{cursor:pointer;font-weight:var(--weight-bold)}.faq p{color:var(--muted)}.pair-word{font-size:20px;font-weight:var(--weight-bold)}.demo-note{background:var(--note-bg);border:1px solid color-mix(in srgb, var(--note-ink) 30%, transparent);border-radius:var(--radius-sm);color:var(--note-ink);padding:10px 14px;font-size:13px}.hanzi,.pair-word,.syl,.sample{font-family:var(--font-cjk), var(--font)}footer.site{background:var(--surface-3);position:relative;overflow:hidden}.footer-inner{min-height:300px;padding:72px 0 32px;position:relative}.footer-copy{z-index:3;max-width:680px;position:relative}.footer-copy h2{margin-top:0;font-size:clamp(30px,4vw,52px)}.footer-copy p{max-width:520px;color:var(--ink-2);font-size:17px}.footer-meta{gap:var(--space-5);margin-top:var(--space-7);color:var(--muted);font-size:var(--text-control);flex-wrap:wrap;display:flex}.footer-meta a:hover{color:var(--action)}.footer-mascot{z-index:2;object-fit:contain;object-position:bottom;width:min(34vw,380px);height:380px;position:absolute;bottom:-22%;right:4%}.footer-moon{z-index:1;aspect-ratio:1;border-radius:var(--radius-pill);background:var(--surface);opacity:.72;width:370px;position:absolute;bottom:-24%;right:8%}.page{background:var(--surface);position:relative;overflow:hidden}.page-inner{z-index:2;padding-block:clamp(40px,5vw,72px);position:relative}.page-inner>.wrap{width:min(880px,100% - 40px)}.crumbs{color:var(--muted);font-size:13px}@media (width<=980px){.hero,.hero .section-inner{min-height:auto}.hero-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;min-height:680px}.hero-art{min-height:560px}.moon{width:440px;left:-20%}.hero-mascot{width:430px;left:-12%}.steps,.tools{grid-template-columns:repeat(2,1fr)}.step{min-height:350px}.section-head{gap:var(--space-3);grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}}@media (width<=720px){.wrap{width:min(100% - 28px,620px)}.section-inner{padding-block:64px}.nav-links{display:none}.hero .section-inner{padding-top:112px;padding-bottom:72px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{order:1}.hero-art{order:2;min-height:420px}.moon{width:340px;top:0;left:50%;transform:translate(-50%)}.hero-mascot{width:330px;height:450px;bottom:-58px;left:50%;transform:translate(-50%)}.voice-ribbon,.tone-legend-svg{width:116%;inset:0 -9% 0 -7%}.hero-scene .pine{display:none}.tone-card{grid-template-columns:1fr}.footer-mascot{opacity:.6;width:300px;right:-8%}}@media (width<=520px){.steps,.tools{grid-template-columns:1fr}.step{min-height:320px}.step-top{height:130px}.mascot-medallion{width:145px;height:145px}.watermark{display:none}.actions{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.trust{grid-template-columns:1fr 1fr;display:grid}.diagnostic-demo{padding:var(--space-5)}.axis{grid-template-columns:1fr}.footer-inner{min-height:440px}.footer-mascot{opacity:1;width:280px;bottom:-16%;right:50%;transform:translate(50%)}.footer-moon{width:300px;bottom:-19%;right:50%;transform:translate(50%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.divider svg,.hero-mist,.voice-ribbon .thread{animation:none}.step,.tool,.btn{transition:none}}