:root{--bg:#faf9f6;--bg-card:#f2f0ea;--ink:#111;--ink-soft:#4a4a4a;--rule:#11111124;--rule-strong:#11111147;--font-display:"Pangolin", cursive;--font-body:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-jp:"Courier Prime", ui-monospace, monospace;--font-zh:"Noto Serif HK", "PingFang HK", serif;--sketch:24px 8px 26px 10px / 10px 26px 8px 24px;--sketch-2:10px 26px 8px 24px / 24px 8px 26px 10px;--sketch-sm:12px 18px 10px 16px / 14px 10px 18px 12px;--pill:100px 8px 100px 8px / 8px 100px 8px 100px;--shadow-ink:5px 6px 0 -1px var(--ink);--t1:#a3261e;--t2:#9a4e00;--t3:#2e6630;--t4:#1d57a0;--t5:#653a94;--t6:#555;--hl-a:#dce8f7;--hl-b:#fbe3d0;--hl-c:#ddefd9;--mark:#ffe27a;--mark-soft:#fff3c2;--dot-dialogue:#4a7fc1;--dot-vocab:#d9822b;--dot-note:#c9a400;--dot-text:#4e9a5b;color-scheme:light}:root[data-theme=dark]{--bg:#161513;--bg-card:#1f1d1a;--ink:#ece8e1;--ink-soft:#a39d93;--rule:#ece8e129;--rule-strong:#ece8e152;--t1:#ff8787;--t2:#ffa94d;--t3:#69db7c;--t4:#74c0fc;--t5:#da77f2;--t6:#adb5bd;--hl-a:#243449;--hl-b:#4a3324;--hl-c:#26402a;--mark:#7a6410;--mark-soft:#3a3210;--dot-dialogue:#74a6e6;--dot-vocab:#f0a35a;--dot-note:#e8c547;--dot-text:#7cc98a;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#161513;--bg-card:#1f1d1a;--ink:#ece8e1;--ink-soft:#a39d93;--rule:#ece8e129;--rule-strong:#ece8e152;--t1:#ff8787;--t2:#ffa94d;--t3:#69db7c;--t4:#74c0fc;--t5:#da77f2;--t6:#adb5bd;--hl-a:#243449;--hl-b:#4a3324;--hl-c:#26402a;--mark:#7a6410;--mark-soft:#3a3210;--dot-dialogue:#74a6e6;--dot-vocab:#f0a35a;--dot-note:#e8c547;--dot-text:#7cc98a;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body.ctb{background:var(--bg);color:var(--ink);font:16px/1.6 var(--font-body);margin:0}.ctb a{color:inherit}.ctb h1,.ctb h2,.ctb h3{font-family:var(--font-display);font-weight:400;line-height:1.2}.zh,[lang|=zh]{font-family:var(--font-zh)}.wrap{max-width:1080px;margin:0 auto;padding:28px 40px 96px}.ctb :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.bar{z-index:20;background:color-mix(in srgb, var(--bg) 92%, transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);position:sticky;top:0}.bar-inner{align-items:center;gap:18px;max-width:1080px;margin:0 auto;padding:10px 40px;display:flex}.logo{flex:none;align-items:center;gap:10px;text-decoration:none;display:flex}.logo-mark.big{width:64px;height:64px;margin:0 auto 6px;font-size:36px}.logo-mark{border:2px solid var(--ink);width:34px;height:34px;font-family:var(--font-zh);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;place-items:center;font-size:19px;font-weight:700;display:grid}.logo-text{font-family:var(--font-display);font-size:21px}.topnav{gap:20px;margin-left:auto;font-size:14px;display:flex}.topnav a{color:var(--ink-soft);padding:4px 0;text-decoration:none}.topnav a[aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}.seg{background:var(--bg-card);border:1.5px solid var(--ink);border-radius:var(--sketch-sm);flex:none;gap:2px;padding:2px;display:flex}.seg button{color:var(--ink-soft);font:500 13px var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:6px 10px}.seg button[aria-checked=true]{background:var(--ink);color:var(--bg)}.tabbar{display:none}@media (width<=759px){.wrap{padding:20px 24px 104px}.bar-inner{gap:10px;padding:8px 16px}.logo-text{font-size:18px}.topnav{display:none}.seg{margin-left:auto}.tabbar{z-index:20;background:var(--bg);border-top:1px solid var(--rule-strong);padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:repeat(4,1fr);gap:4px;display:grid;position:fixed;inset:auto 0 0}.tabbar a{min-height:56px;color:var(--ink-soft);border-radius:var(--sketch-sm);border:1.5px solid #0000;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.tabbar a[aria-current]{color:var(--ink);border-color:var(--ink);background:var(--bg-card)}.tabbar svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}}.label{font-family:var(--font-display);color:var(--ink-soft);align-items:center;gap:8px;font-size:17px;display:inline-flex}.label:before{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px}.sq{display:inline-block;position:relative}.sq:after{content:"";background:var(--ink);height:8px;position:absolute;bottom:-9px;left:0;right:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='8' viewBox='0 0 30 8'%3E%3Cpath d='M0 4Q7.5 0 15 4T30 4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/30px 8px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='8' viewBox='0 0 30 8'%3E%3Cpath d='M0 4Q7.5 0 15 4T30 4' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E") 50%/30px 8px repeat-x}.wave{opacity:.55;background:var(--ink);height:10px;margin:36px 0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='10' viewBox='0 0 60 10'%3E%3Cpath d='M0 8Q15 1 30 8T60 8' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") 50%/60px 10px repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='10' viewBox='0 0 60 10'%3E%3Cpath d='M0 8Q15 1 30 8T60 8' fill='none' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E") 50%/60px 10px repeat-x}.card{border:2px solid var(--ink);border-radius:var(--sketch);background:var(--bg-card);padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.cards>:nth-child(odd){transform:rotate(-.8deg)}.cards>:nth-child(2n){border-radius:var(--sketch-2);transform:rotate(.7deg)}a.card:hover,a.card:focus-visible,.card.on{box-shadow:var(--shadow-ink);transform:rotate(0)}.card.soon{background:0 0;border-style:dashed}.btn{background:var(--ink);color:var(--bg);border-radius:var(--pill);font:600 15px var(--font-body);cursor:pointer;border:0;padding:11px 22px;text-decoration:none;display:inline-block}.ctb a.btn{color:var(--bg)}.btn.ghost,.ctb a.btn.ghost{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.btn[aria-pressed=true]{background:var(--ink);color:var(--bg)}.chips{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chip{border:1px solid var(--rule-strong);color:var(--ink);font:500 13px var(--font-body);cursor:pointer;background:0 0;border-radius:100px;padding:5px 14px}.chip[aria-pressed=true],.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}@media (width<=599px){.cards>:nth-child(n){transform:none}}@media (prefers-reduced-motion:reduce){.cards>:nth-child(n),a.card:hover{transform:none}.card{transition:none}html{scroll-behavior:auto}}.zt,[data-ver="3"] .zs{display:none}[data-ver="3"] .zt{display:inline}.only-v1{display:none}[data-ver="1"] .only-v1{display:block}[data-ver="1"] .normal rt,.jpline{display:none}[data-sep]:not([data-ver="1"]) .jpline{display:block}[data-sep] .normal rt,[data-ver="1"] .only-v23,[data-ver="2"] .only-v1-pron,[data-ver="3"] .only-v1-pron,[data-ver="1"] .only-v23-pron{display:none}.jp{font-family:var(--font-jp)}.jp sub{vertical-align:baseline;margin-left:.5px;font-size:.72em;position:relative;top:.15em}[data-tone] .t1{color:var(--t1)}[data-tone] .t2{color:var(--t2)}[data-tone] .t3{color:var(--t3)}[data-tone] .t4{color:var(--t4)}[data-tone] .t5{color:var(--t5)}[data-tone] .t6{color:var(--t6)}.hero{text-align:center;padding:28px 0 8px}.hero h1{margin:10px 0 16px;font-size:clamp(34px,6vw,56px)}.hero .sample{font-family:var(--font-zh);margin:10px 0 0;font-size:40px;line-height:1.2}.hero .sample small{font-family:var(--font-jp);color:var(--ink-soft);font-size:16px;display:block}.hero .actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.cards.four{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;display:grid}.card .num{font-family:var(--font-display);font-size:34px;line-height:1}.card h3{margin:6px 0 2px;font-size:22px}.card p{color:var(--ink-soft);margin:0;font-size:14px}.roadmap{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none;display:grid}.roadmap a{border:1.5px dashed var(--rule-strong);border-radius:var(--sketch-sm);min-height:64px;padding:10px 14px;text-decoration:none;display:block}.roadmap .n{font-family:var(--font-display);font-size:20px}.roadmap small{color:var(--ink-soft);font-size:13px;line-height:1.35;display:block}.roadmap li.done a{border:2px solid var(--ink)}.roadmap li.current a{border:2px solid var(--ink);background:var(--bg-card);box-shadow:var(--shadow-ink)}.progress{border:1.5px solid var(--ink);border-radius:100px;height:8px;margin:10px 0 4px;overflow:hidden}.progress>span{background:var(--ink);width:0;height:100%;display:block}.muted{color:var(--ink-soft);font-size:14px}.lesson-grid{grid-template-columns:minmax(0,1fr) 240px;gap:48px;display:grid}@media (width<=899px){.lesson-grid{grid-template-columns:1fr}.aside{display:none}}.lesson-head h1{margin:6px 0 14px;font-size:clamp(30px,5vw,44px)}.lesson-head .sub{color:var(--ink-soft)}.lesson-head .sub .zh{color:var(--ink);margin-right:10px;font-size:20px}.aside{align-self:start;font-size:14px;position:sticky;top:84px}.aside h2{margin:0 0 6px;font-size:18px}.aside ul{gap:4px;margin:0 0 22px;padding:0;list-style:none;display:grid}.aside a{color:var(--ink-soft);text-decoration:none}.aside a:hover{color:var(--ink);text-decoration:underline}section.sec{margin:34px 0}section.sec>h2{border-bottom:1px solid var(--rule);margin:0 0 10px;padding-bottom:6px;font-size:24px}section.sec h3{color:var(--ink-soft);margin:18px 0 6px;font-size:19px}.entry{border-bottom:1px dashed var(--rule);gap:12px;padding:10px 0;display:flex}.entry:last-child{border-bottom:0}.tag{border:1.5px solid var(--ink);min-width:28px;height:28px;font-family:var(--font-display);border-radius:50% 46% 52% 48%/48% 52% 46% 50%;flex:none;justify-content:center;align-items:center;margin-top:8px;padding:0 6px;font-size:15px;display:inline-flex}.tag:not(.spk){color:var(--ink-soft);border:0;justify-content:flex-start;padding:0}.body{flex:1;min-width:0}.zhline{font-family:var(--font-zh);overflow-wrap:anywhere;margin:0;font-size:23px;line-height:2.05}[data-ver="1"] .normal .zhline,[data-sep] .normal .zhline{line-height:1.6}ruby{ruby-position:over;margin:0 1px}rt{font-family:var(--font-jp);color:var(--ink-soft);font-size:11.5px;line-height:1.1}rt:has(.ab),rt.ab{font-family:var(--font-body)}ruby.rv rt{border-bottom:2px dotted var(--ink-soft);background:var(--mark-soft)}.phon,.jpline{color:var(--ink-soft);margin:2px 0 0;font-size:16px}.vi{margin:4px 0 0;font-size:16px}[data-hidevi] .vi{color:#0000;background:var(--rule);cursor:pointer;user-select:none;border-radius:4px}[data-hidevi] .vi.show{color:inherit;background:0 0}[data-role] .entry.rp:not(.show){cursor:pointer}[data-role] .entry.rp:not(.show) .body{background:0 0;border-style:dashed;min-height:56px}[data-role] .entry.rp:not(.show) .body>*{visibility:hidden}.note{background:var(--mark-soft);border:1.5px solid var(--rule-strong);border-radius:var(--sketch-sm);margin:8px 0;padding:8px 14px;font-size:15px}.entry.vocab{align-items:baseline;padding:6px 0}.entry.vocab .tag{margin-top:0}.entry.vocab .body{flex-wrap:wrap;align-items:baseline;column-gap:14px;display:flex}.entry.vocab .zhline{font-size:21px}.entry.vocab .phon,.entry.vocab .vi{margin:0}.entry.vocab .cmp{flex-basis:100%}.cmp{display:none}[data-compare] .cmp{grid-template-columns:1fr;gap:4px 16px;margin-top:2px;display:grid}[data-compare] .normal{display:none}@media (width>=760px){[data-compare] .cmp{grid-template-columns:repeat(3,minmax(0,1fr))}}.cmp .zhline{font-size:20px}.colname{font-family:var(--font-display);color:var(--ink-soft);font-size:14px;display:block}.lineid{color:var(--ink-soft);font-size:11px;font-family:var(--font-jp);grid-column:1/-1}.done-row{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:40px;padding-top:18px;display:flex}.pager{font-family:var(--font-display);gap:18px;font-size:19px;display:flex}.pager a{text-decoration:none}.tabs{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.tabpanel[hidden]{display:none}.tone-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.tone-cards .card{display:block}.tone-cards .big{font-family:var(--font-zh);font-size:38px;line-height:1.1}.tone-cards .jpx{font-family:var(--font-jp);font-size:17px}.tone-cards svg{width:100%;max-width:150px;height:64px;margin:8px 0;display:block;overflow:visible}.tone-cards svg .g{stroke:var(--rule-strong);stroke-width:1px}.tone-cards svg .l{fill:none;stroke:var(--ink);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.table-scroll{overflow-x:auto}table.pt{border-collapse:collapse;width:100%;font-size:15px}.pt th,.pt td{text-align:left;border-bottom:1px solid var(--rule);vertical-align:top;padding:8px 10px}.pt th{font-family:var(--font-display);color:var(--ink-soft);font-size:16px;font-weight:400}.pt .snd{white-space:nowrap;font-weight:700}.pt .ex{margin-right:14px;display:inline-block}.pt .ex .zh{font-size:19px}.pt small{color:var(--ink-soft)}.diff{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);font-family:var(--font-jp);background:var(--mark);padding:0 8px;display:inline-block}[data-only-diff] tr.same{display:none}.search{border:2px solid var(--ink);border-radius:var(--sketch-sm);background:var(--bg-card);width:100%;max-width:460px;color:var(--ink);font:16px var(--font-body);padding:11px 16px}.words{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px;margin-top:18px;display:grid}.words .card{padding:14px 16px;position:relative}.words .w-zh{font-family:var(--font-zh);font-size:28px;line-height:1.2}.words .w-jp{font-family:var(--font-jp);color:var(--ink-soft);font-size:15px}.words .w-vi{margin:4px 0 0;font-size:14px}.words .w-from{color:var(--ink-soft);font-size:12px}.star{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;font-size:22px;line-height:1;position:absolute;top:8px;right:10px}.star[aria-pressed=true]{color:var(--ink)}.word[hidden]{display:none}.flash{text-align:center;cursor:pointer;max-width:440px;margin:18px auto;padding:34px 20px}.flash .w-zh{font-size:54px}.flash .back{display:none}.flash.flipped .back{display:block}.flash.flipped .front-hint{display:none}.fc-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.tools{align-items:center;gap:10px;margin-left:0;display:flex}.topnav,.bare .tools{margin-left:auto}.icon-btn{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:var(--bg-card);width:34px;height:34px;color:var(--ink);cursor:pointer;place-items:center;padding:0;display:grid}.icon-btn svg,.seg svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.seg.theme button{place-items:center;padding:5px 8px;display:grid}.seg.theme button[aria-checked=true] svg{stroke:var(--bg)}.seg.theme button[aria-checked=true] svg [fill=currentColor]{fill:var(--bg)}@media (width<=759px){.tools{gap:8px;margin-left:auto}.seg.theme button[aria-checked=false],.logo-text{display:none}.seg button{padding:6px 8px}}@media (width>=760px) and (width<=1000px){.logo-text{display:none}}.foot{max-width:1080px;margin:0 auto;padding:0 40px 96px;font-size:13px}.foot a{color:var(--ink-soft)}@media (width<=759px){.foot{padding:0 24px 120px}}.login{place-items:center;min-height:62vh;display:grid}.login-card{text-align:center;width:100%;max-width:400px;padding:30px 28px;transform:rotate(-.6deg)}.login-card h1{margin:4px 0 8px;font-size:30px}.login-card .field{text-align:left;font-family:var(--font-display);color:var(--ink-soft);margin:20px 0 6px;display:block}.pw-row{align-items:center;gap:8px;display:flex}.pw-row .search{flex:1;min-width:0}.login-card .btn{width:100%;margin-top:18px}.login-error{background:var(--mark);border:1.5px solid var(--ink);border-radius:var(--sketch-sm);text-align:left;margin:12px 0 0;padding:8px 12px;font-size:14px}@media (width<=599px){.login-card{transform:none}}.gs{z-index:40;background:color-mix(in srgb, var(--bg) 72%, transparent);backdrop-filter:blur(4px);padding:8vh 16px 16px;position:fixed;inset:0;overflow-y:auto}.gs-panel{background:var(--bg);border:2px solid var(--ink);border-radius:var(--sketch);max-width:720px;box-shadow:var(--shadow-ink);margin:0 auto;padding:18px 20px 20px}.gs-panel .search{max-width:none}.gs-panel h3{margin:16px 0 4px;font-size:20px}.gs-list{margin:0;padding:0;list-style:none}.gs-list a{border-bottom:1px dashed var(--rule);grid-template-columns:auto 1fr auto;align-items:baseline;gap:2px 12px;padding:8px 6px;text-decoration:none;display:grid}.gs-list a:hover,.gs-list a:focus-visible{background:var(--bg-card)}.gs-list .zh{font-size:20px}.gs-list .jpx{font-family:var(--font-jp);color:var(--ink-soft);font-size:14px}.gs-list .vi{grid-column:1/-1;font-size:14px}.gs-list small{color:var(--ink-soft);grid-area:1/3}mark{background:var(--mark);color:inherit;border-radius:3px;padding:0 1px}.toast{z-index:50;background:var(--ink);max-width:min(92vw,420px);color:var(--bg);border-radius:var(--sketch-sm);padding:10px 16px;font-size:14px;position:fixed;bottom:84px;left:50%;transform:translate(-50%)}.entry.bubble{border:0;align-items:flex-start;padding:6px 0}.entry.bubble.b{flex-direction:row-reverse}.entry.bubble .tag{background:var(--hl-a);margin-top:10px}.entry.bubble.b .tag{background:var(--hl-b)}.entry.bubble.c .tag{background:var(--hl-c)}.entry.bubble .body{border:2px solid var(--ink);border-radius:var(--sketch-sm);background:var(--hl-a);flex:0 auto;max-width:min(100%,640px);padding:6px 44px 10px 16px;position:relative}.entry.bubble.b .body{background:var(--hl-b);padding:6px 16px 10px 44px}.entry.bubble.c .body{background:var(--hl-c)}.entry.bubble .body:before{content:"";background:inherit;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);width:12px;height:12px;position:absolute;top:16px;left:-8px;transform:rotate(45deg)}.entry.bubble.b .body:before{border-bottom:0;border-left:0;border-top:2px solid var(--ink);border-right:2px solid var(--ink);left:auto;right:-8px}.entry.bubble.speaking .body{box-shadow:0 0 0 4px var(--mark)}.entry.bubble .say{position:absolute;top:8px;right:8px}.entry.bubble.b .say{left:8px;right:auto}@media (width<=599px){.entry.bubble .tag{display:none}}.say{border:1.5px solid var(--ink);background:var(--bg);width:30px;height:30px;color:var(--ink);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.say svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.say.loading{opacity:.55;border-style:dashed}.say.playing{background:var(--mark)}.entry.vocab .say{order:-1;align-self:center;width:26px;height:26px}.words .say{position:absolute;top:40px;right:10px}.chip.playing[data-say-all]{background:var(--mark);color:var(--ink);border-color:var(--ink)}.sec-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding-bottom:6px;display:flex}.sec-head h2{border:0;margin:0;padding:0}section.sec h2:before,.sec-head h2:before{content:"";border:1.5px solid var(--ink);background:var(--dot-text);vertical-align:1px;border-radius:50%;width:12px;height:12px;margin-right:10px;display:inline-block}section.sec[data-type=dialogue] h2:before{background:var(--dot-dialogue)}section.sec[data-type=vocab_list] h2:before{background:var(--dot-vocab)}section.sec[data-type=grammar] h2:before,section.sec[data-type=phrase_list] h2:before{background:var(--dot-note)}.sec-head h2{font-size:24px}.w-emoji{margin-bottom:4px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:40px;line-height:1.1}.flash .w-emoji{margin:6px 0;font-size:72px}.emo{margin-right:8px;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:.85em}.w-hv{margin:4px 0 0;font-size:14px;font-style:italic}.w-hv .muted{font-size:12px;font-style:normal}em.hv{color:var(--ink-soft);font-style:italic}.sym{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.w-emoji.sym-slot,.flash .w-emoji .sym{color:var(--ink-soft)}.w-emoji .sym{width:40px;height:40px}.flash .w-emoji .sym{width:72px;height:72px}.emo.sym-emo{vertical-align:-.15em;width:1.05em;height:1.05em;color:var(--ink-soft);display:inline-block}.emo.sym-emo .sym{width:100%;height:100%}.foot{flex-wrap:wrap;gap:18px;display:flex}.linkish{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}.std-h{margin:30px 0 6px;font-size:26px}.std-group{margin:22px 0}.std-group h3{margin:0 0 2px;font-size:20px}.pt .ex .say,.tone-cards .big .say{vertical-align:middle;width:26px;height:26px;margin-left:4px}.pt .jpx{font-family:var(--font-jp);color:var(--ink-soft);white-space:nowrap}.tabs{align-items:center;margin:14px 0 6px}.tabs-sub{margin:0 0 18px}.tabs-sub .chip{padding:3px 12px;font-size:12px}.tabs-title{font-family:var(--font-display);min-width:128px;font-size:16px}.lead{margin:6px 0 14px;font-size:17px}.formula{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.formula .plus{font-family:var(--font-display);align-self:center;font-size:30px}.formula-part{text-align:left;cursor:pointer;font:inherit;color:inherit;flex:150px}.formula-part .num{font-family:var(--font-display);font-size:40px;line-height:1;display:block}.formula-part b{font-family:var(--font-display);font-size:22px;font-weight:400;display:block}.formula-part small{color:var(--ink-soft)}.big-zh{font-size:24px}.tips{gap:8px;margin:0 0 14px;padding-left:20px;display:grid}.tips li{padding-left:4px}.sys{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px 28px;margin:10px 0 20px;display:grid}.sys-group h3{margin:0;font-size:20px}.sys-group .muted{margin:0 0 8px;font-size:13px}.tiles{flex-wrap:wrap;gap:10px;display:flex}.pair{border:1.5px dashed var(--rule-strong);border-radius:var(--sketch-sm);gap:4px;padding:4px;display:inline-flex}.tile{border:1.5px solid var(--ink);border-radius:var(--sketch-sm);background:var(--bg-card);min-width:58px;color:var(--ink);cursor:pointer;font:inherit;flex-direction:column;justify-content:center;align-items:center;padding:6px 10px;line-height:1.2;display:inline-flex}.tile b{font-family:var(--font-jp);font-size:20px}.tile small{font-family:var(--font-jp);color:var(--ink-soft);font-size:12px}.tile em{color:var(--ink-soft);font-size:11px;font-style:normal}.tile[aria-pressed=true]{background:var(--ink);color:var(--bg)}.tile[aria-pressed=true] small,.tile[aria-pressed=true] em{color:var(--bg)}.tile.mini{min-width:0;font-family:var(--font-jp);padding:3px 10px;font-size:15px}.tile.mini[aria-pressed=true]{background:var(--mark);color:var(--ink)}.tile:hover{box-shadow:var(--shadow-ink)}.fm{border-collapse:separate;border-spacing:6px;font-size:14px}.fm th{font-family:var(--font-display);color:var(--ink-soft);text-align:center;white-space:nowrap;padding:2px 4px;font-size:15px;font-weight:400}.fm tbody th{font-family:var(--font-jp);color:var(--ink);text-align:left;font-size:17px}.fm td{text-align:center;padding:0}.fm .none{color:var(--rule-strong)}.detail{max-width:520px;margin:8px 0 18px;transform:rotate(-.4deg)}.detail-head{align-items:baseline;gap:14px;margin:2px 0 4px;display:flex}.detail-big{font-family:var(--font-jp);font-size:40px;line-height:1}.detail p{margin:6px 0}@media (width<=599px){.detail{max-width:none;transform:none}.tabs-title{min-width:100%}}.back-home{flex:none;text-decoration:none}.bare .foot{display:none}.gdetail{max-width:none;margin-top:0;transform:none}.gpattern{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:4px 0;display:flex}.gpattern .big-zh{font-size:30px}.gmeaning{margin:4px 0 8px;font-size:18px}.gnotes{color:var(--ink-soft);gap:4px;margin:0 0 10px;padding-left:20px;display:grid}.gh{margin:14px 0 4px;font-size:20px}.gex-list{margin:0;padding:0;list-style:none}.gex{border-bottom:1px dashed var(--rule);padding:8px 0}.gex:last-child{border-bottom:0}.gex .zhline{font-size:22px;line-height:1.6}.gjp{font-family:var(--font-jp);color:var(--ink-soft);font-size:14px}.gex .vi{margin:2px 0 0}.gtopic[hidden],.gitem[hidden]{display:none}.gtopic{margin:0 0 14px}.gtopic h3{color:var(--ink-soft);margin:0 0 4px;font-size:17px}.gram{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start;gap:30px;margin-top:8px;display:grid}.gnav{max-height:calc(100vh - 92px);padding-right:6px;position:sticky;top:76px;overflow-y:auto}.gnav .chips{margin-top:0}.glist{gap:2px;display:grid}.gitem{text-align:left;border-radius:var(--sketch-sm);width:100%;color:var(--ink);font:500 14px/1.35 var(--font-body);cursor:pointer;background:0 0;border:1.5px solid #0000;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 10px;display:flex}.gitem small{color:var(--ink-soft);white-space:nowrap;font-size:11px}.gitem:hover{background:var(--bg-card)}.gitem[aria-pressed=true]{border-color:var(--ink);background:var(--bg-card)}.gmain{min-width:0}.gex-list{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 28px;display:grid}@media (width<=899px){.gram{grid-template-columns:1fr}.gnav{order:2;max-height:none;padding-right:0;position:static}.gmain{order:1}}