:root{color-scheme:light dark;--color-canvas:#fffdf8;--color-surface:#fff;--color-surface-soft:#f7f3eb;--color-ink:#2f211b;--color-muted:#6e625c;--color-rule:#ddd5ca;--color-pinyin:#247f82;--color-action:#d95f24;--color-action-hover:#b94616;--color-on-action:#fff;--color-ad:#f1f1f0;--font-cjk:"Noto Sans SC", "Noto Sans KR", "PingFang SC", "Apple SD Gothic Neo", system-ui, sans-serif;--font-ui:"Avenir Next", "Noto Sans", system-ui, sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-nav:.875rem;--text-button:.9375rem;--text-body:1.0625rem;--text-logo:1.25rem;--text-source-mobile:1.625rem;--text-index-mobile:1.5rem;--text-index:2.25rem;--text-source:clamp(1.75rem, 4vw, 2.5rem);--text-source-grid:clamp(1.25rem, 2.2vw, 1.75rem);--text-pinyin:clamp(1rem, 2vw, 1.2rem);--text-section:clamp(1.5rem, 3vw, 2.25rem);--text-story-title:clamp(2.25rem, 5vw, 4rem);--text-hero:clamp(2.5rem, 7vw, 5.25rem);--leading-ui:1.3;--leading-flat:1;--leading-hero:1.04;--leading-title:1.08;--leading-tight:1.2;--leading-source:1.45;--leading-compact:1.55;--leading-pinyin:1.65;--leading-card:1.7;--leading-reading:1.75;--weight-medium:550;--weight-semibold:600;--weight-nav:650;--weight-bold:700;--weight-brand:750;--tracking-mark:-.08em;--tracking-hero:-.04em;--tracking-title:-.035em;--tracking-promo:-.025em;--tracking-section:-.02em;--tracking-source:.01em;--tracking-label:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-control:10px;--radius-card:18px;--shell-width:1180px;--reading-width:720px;--rail-width:300px;--focus-ring:3px solid var(--color-action)}@media (prefers-color-scheme:dark){:root{--color-canvas:#181512;--color-surface:#211d19;--color-surface-soft:#2a2520;--color-ink:#fff8ef;--color-muted:#c7bbb1;--color-rule:#4a423a;--color-pinyin:#6fd4d5;--color-action:#ff8a4c;--color-action-hover:#ffac7d;--color-on-action:#24130b;--color-ad:#2b2b2a}}*,:before,:after{box-sizing:border-box}html{background:var(--color-canvas);scroll-behavior:smooth}html:lang(ja) *{word-break:auto-phrase}body{min-width:320px;color:var(--color-ink);background:var(--color-canvas);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;margin:0}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}a,button,select{touch-action:manipulation}a:focus-visible,button:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:var(--space-1)}.shell{width:min(calc(100% - (var(--space-4) * 2)), var(--shell-width));margin-inline:auto}.page-main{min-height:70dvh}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-on-action);background:var(--color-action);border-radius:var(--radius-control);position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--color-action);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:var(--leading-source);letter-spacing:var(--tracking-label);text-transform:uppercase;margin:0}.muted{color:var(--color-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{border-bottom:1px solid var(--color-rule)}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:76px;display:flex}.site-header .language-field--compact{align-items:center;gap:var(--space-2);background:0 0;border:0;padding:0;display:flex}.site-header .language-field--compact label{white-space:nowrap}.site-header .language-field--compact select{background:var(--color-surface);min-height:44px}.wordmark{align-items:center;gap:var(--space-2);min-height:44px;font-size:var(--text-logo);font-weight:var(--weight-brand);letter-spacing:var(--tracking-title);text-decoration:none;display:inline-flex}.wordmark__mark{width:34px;height:34px;color:var(--color-on-action);background:var(--color-action);border-radius:var(--radius-control);font-size:var(--text-nav);letter-spacing:var(--tracking-mark);place-items:center;display:grid}.site-nav{align-items:center;gap:var(--space-2);display:flex}.site-nav a{min-height:44px;padding-inline:var(--space-3);color:var(--color-muted);font-size:var(--text-button);font-weight:var(--weight-nav);align-items:center;text-decoration:none;display:inline-flex}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-action)}.site-footer{margin-top:var(--space-20);padding-block:var(--space-10);border-top:1px solid var(--color-rule)}.site-footer__inner{justify-content:space-between;gap:var(--space-4);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.site-footer p{margin:0}@media (width<=639px){.site-header__inner{min-height:64px;padding-block:var(--space-2);flex-wrap:wrap}.site-nav a:not([data-primary-nav]){display:none}.site-header .language-field--compact{justify-content:flex-end;width:100%}.site-header .language-field--compact select{flex:1;max-width:14rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.button{min-height:48px;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:var(--text-button);font-weight:var(--weight-bold);line-height:var(--leading-ui);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:background-color .14s ease-out,border-color .14s ease-out,color .14s ease-out,transform .1s ease-out;display:inline-flex}.button--primary{color:var(--color-on-action);background:var(--color-action)}.button--primary:hover{color:var(--color-on-action);background:var(--color-action-hover)}.button--secondary{color:var(--color-ink);background:var(--color-surface);border-color:var(--color-rule)}.button--secondary:hover{color:var(--color-action);border-color:var(--color-action)}.button:active{transform:translateY(1px)scale(.99)}.button[aria-disabled=true]{cursor:not-allowed;opacity:.48}.sentence-list{margin:0;padding:0;list-style:none}.sentence-unit{gap:var(--space-4);padding-block:var(--space-10);border-bottom:1px solid var(--color-rule);grid-template-columns:2rem minmax(0,1fr);display:grid;position:relative}.sentence-unit__number{width:2rem;height:2rem;margin-top:var(--space-1);color:var(--color-surface);background:var(--color-pinyin);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-bold);border-radius:999px;place-items:center;display:grid}.sentence-unit__source{font-family:var(--font-cjk);font-size:var(--text-source);font-weight:var(--weight-semibold);line-height:var(--leading-source);letter-spacing:var(--tracking-source);overflow-wrap:break-word;text-wrap:balance;word-break:keep-all;margin:0}.sentence-unit__romanization{margin:var(--space-2) 0 0;color:var(--color-pinyin);font-size:var(--text-pinyin);font-weight:var(--weight-medium);line-height:var(--leading-pinyin);overflow-wrap:anywhere}.sentence-unit__meaning{margin:var(--space-5) 0 0;padding-top:var(--space-4);border-top:1px dashed var(--color-rule);font-size:var(--text-body);line-height:var(--leading-reading);text-wrap:pretty;word-break:keep-all}html:lang(zh-Hans) .sentence-unit__meaning,html:lang(ja) .sentence-unit__meaning{overflow-wrap:anywhere;word-break:normal}@media (width>=1024px){.sentence-unit{gap:var(--space-6);padding-block:var(--space-8);grid-template-columns:2rem minmax(0,1.2fr) minmax(0,1fr);align-items:start}.sentence-unit__content{display:contents}.sentence-unit__source{font-size:var(--text-source-grid)}.sentence-unit--with-romanization{grid-template-columns:2rem minmax(0,1.1fr) minmax(0,1fr) minmax(0,.9fr)}.sentence-unit__romanization,.sentence-unit__meaning{margin:0}.sentence-unit__meaning{border-top:0;padding-top:0}}.language-field{gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-rule);border-radius:var(--radius-card);display:grid}.language-field label{color:var(--color-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.language-field select{min-height:48px;padding-inline:var(--space-3);color:var(--color-ink);background:var(--color-canvas);border:1px solid var(--color-rule);border-radius:var(--radius-control);font:inherit}.ad-slot{place-items:center;gap:var(--space-2);min-height:132px;padding:var(--space-6);color:var(--color-muted);background:var(--color-ad);border:1px solid var(--color-rule);border-radius:var(--radius-card);text-align:center;display:grid}.ad-slot--rectangle{min-height:250px}.ad-slot--preview{border-style:dashed}.ad-slot__label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase}.app-promo{padding:var(--space-8);background:var(--color-surface-soft);border:1px solid var(--color-action);border-radius:var(--radius-card);position:relative;overflow:hidden}.app-promo__copy{z-index:1;max-width:31rem;position:relative}.app-promo h2,.app-promo h3{max-width:15ch;font-size:var(--text-section);line-height:var(--leading-tight);letter-spacing:var(--tracking-promo);word-break:keep-all;margin:0}.app-promo p{margin:var(--space-3) 0 0;color:var(--color-muted);line-height:var(--leading-pinyin);word-break:keep-all}.app-promo__features{gap:var(--space-2) var(--space-4);margin:var(--space-5) 0 var(--space-6);color:var(--color-action);font-weight:var(--weight-bold);flex-wrap:wrap;padding:0;list-style:none;display:flex}.app-promo__mascot{right:calc(var(--space-6) * -1);bottom:calc(var(--space-6) * -1);object-fit:contain;opacity:.95;width:180px;height:180px;position:absolute}@media (width<=639px){.sentence-unit{gap:var(--space-3);padding-block:var(--space-8);grid-template-columns:1.75rem minmax(0,1fr)}.sentence-unit__number{width:1.75rem;height:1.75rem}.sentence-unit__source{font-size:var(--text-source-mobile)}html:lang(ja) .app-promo h2,html:lang(ja) .app-promo h3{overflow-wrap:break-word;text-wrap:balance;max-width:none;word-break:auto-phrase}.app-promo{padding:var(--space-6);padding-bottom:156px}.app-promo__mascot{width:156px;height:156px;right:0}}@media (prefers-reduced-motion:reduce){.button{transition-duration:.01ms}}