:root,[data-theme=dark]{--harbor:#07131f;--harbor-mid:#0a1c2c;--harbor-deep:#081820;--harbor-blue:#12324a;--harbor-teal:#0b3d36;--jade:#3dcfb6;--jade-mid:#2aa88f;--jade-deep:#1f8f7a;--jade-bright:#7ef0dc;--on-jade:#041018;--usage-family:#8ec8f0;--ink:#e8f4ff;--ink-bright:#e8fff8;--muted:#e8f4ff94;--mint:#9af0de;--surface:#e8f4ff0d;--surface-strong:#e8f4ff17;--glass:#07131f6b;--glass-border:#e8f4ff1f;--glass-shine:#e8f4ff2e;--shadow:0 24px 60px #00000059;--nav-scrim:linear-gradient(180deg, #07131fb8, #07131f00);--danger:#e36b6b;--danger-deep:#c44d4d;--danger-ink:#ffd0d0;--font-english:"Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display:Syne, var(--font-english);--font-body:"Noto Sans HK", var(--font-english);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@font-face{font-family:Noto Sans Chao;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/noto-sans-chao.woff2)format("woff2");unicode-range:U+2E5,U+2E7-2E9}@font-face{font-family:Noto Sans Chao;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/noto-sans-chao.woff2)format("woff2");unicode-range:U+2E5,U+2E7-2E9}.chao-face{font-synthesis:none;font-style:normal;font-family:"Noto Sans Chao", "Noto Sans", var(--font-english), system-ui, sans-serif!important;font-weight:400!important}[data-theme=light]{--harbor:#eef5f8;--harbor-mid:#e4eef4;--harbor-deep:#d7e6ee;--harbor-blue:#b7d4e8;--harbor-teal:#9fd6cb;--jade:#1f9f8a;--jade-mid:#178574;--jade-deep:#0f6b5d;--jade-bright:#3dcfb6;--on-jade:#f4fffc;--usage-family:#5a9fd0;--ink:#07131f;--ink-bright:#0a1c2c;--muted:#07131f94;--mint:#178574;--surface:#ffffff8c;--surface-strong:#ffffffb8;--glass:#ffffff7a;--glass-border:#07131f14;--glass-shine:#ffffffb3;--shadow:0 24px 60px #07131f1a;--nav-scrim:linear-gradient(180deg, #eef5f8d1, #eef5f800);--danger:#c44d4d;--danger-deep:#a33a3a;--danger-ink:#7a2020;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{font-family:var(--font-english);color:var(--ink);background:var(--harbor);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.4}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--harbor);min-height:100dvh;color:var(--ink);transition:background-color .35s,color .35s}html.yue-app-lock,html.yue-app-lock body{overscroll-behavior:none;touch-action:manipulation;height:100%;max-height:100%;overflow:hidden}html.yue-app-lock #root{overscroll-behavior:none;height:100%;max-height:100%;overflow:hidden}html.yue-app-lock body{width:100%;position:fixed;inset:0}button,input,select,textarea{font:inherit}a{color:var(--jade)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.jyut-logo{display:block;overflow:visible}.jyut-logo--lockup{width:clamp(10.75rem,42vw,15.5rem);max-width:100%;height:auto}.jyut-logo--mark{width:40px;height:40px;box-shadow:0 8px 22px color-mix(in srgb, var(--jade) 28%, transparent), inset 0 1px 0 #ffffff59;border-radius:18px}.jyut-logo-latin,.jyut-logo-mark-j{font-family:var(--font-display);letter-spacing:-.055em;fill:currentColor;color:var(--ink-bright);font-weight:800}.jyut-logo-mark-j{fill:var(--on-jade)}.jyut-logo-yue{font-family:var(--font-body);letter-spacing:0;font-weight:700}.jyut-logo-yue--on-jade{fill:var(--on-jade)}.brand-lockup-stack{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;max-width:100%;display:flex}.brand-lockup,.ln-brand-btn.brand-lockup{max-width:100%;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.brand-lockup:hover .jyut-logo-yue,.ln-brand:hover .jyut-logo-yue{filter:brightness(1.08)}.brand-lockup:focus-visible,.ln-brand-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:4px;border-radius:10px}.theme-toggle{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.theme-toggle-track{border:1px solid var(--glass-border);background:var(--surface-strong);width:46px;height:28px;box-shadow:inset 0 1px 0 var(--glass-shine);border-radius:999px;align-items:center;padding:2px;transition:background .25s;display:grid}.theme-toggle-thumb{background:linear-gradient(145deg, var(--jade), var(--jade-deep));width:22px;height:22px;color:var(--on-jade);border-radius:50%;place-items:center;font-size:.72rem;line-height:1;transition:transform .28s cubic-bezier(.22,1,.36,1);display:grid;box-shadow:0 4px 12px #3dcfb659}.theme-toggle-thumb.is-dark{transform:translate(0)}.theme-toggle-thumb.is-light{transform:translate(18px)}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.jade-glass-field{position:fixed;inset:0;overflow:hidden}.jade-glass-field--app{z-index:0;background:radial-gradient(50% 42% at 18% 20%, color-mix(in srgb, var(--jade-deep) 32%, transparent) 0%, transparent 70%), radial-gradient(48% 40% at 82% 28%, color-mix(in srgb, var(--harbor-blue) 38%, transparent) 0%, transparent 68%), radial-gradient(40% 36% at 58% 82%, color-mix(in srgb, var(--harbor-teal) 28%, transparent) 0%, transparent 65%), linear-gradient(165deg, var(--harbor) 0%, var(--harbor-mid) 48%, var(--harbor-deep) 100%)}.jade-glass-field--app .jg-canvas,.jade-glass-field--app .jg-fallback{animation:8s ease-in-out infinite field-tide}.jade-glass-field--app.is-listening .jg-canvas,.jade-glass-field--app.is-listening .jg-fallback{animation-play-state:paused}@keyframes field-tide{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-8px)scale(1.022)}}@media (prefers-reduced-motion:reduce){.jade-glass-field--app .jg-canvas,.jade-glass-field--app .jg-fallback{animation:none}}.jade-glass-field--marketing{z-index:-2}.jg-fallback{position:absolute;inset:0}.jade-glass-field--app .jg-fallback{background:radial-gradient(50% 42% at 18% 20%, color-mix(in srgb, var(--jade-deep) 32%, transparent) 0%, transparent 70%), radial-gradient(48% 40% at 82% 28%, color-mix(in srgb, var(--harbor-blue) 38%, transparent) 0%, transparent 68%), linear-gradient(165deg, var(--harbor) 0%, var(--harbor-mid) 48%, var(--harbor-deep) 100%)}.jade-glass-field--marketing .jg-fallback{background:radial-gradient(42% 38% at 72% 42%, color-mix(in srgb, var(--jade) 28%, transparent) 0%, transparent 70%), radial-gradient(36% 32% at 18% 28%, color-mix(in srgb, var(--jade-deep) 30%, transparent) 0%, transparent 68%), radial-gradient(40% 36% at 40% 78%, color-mix(in srgb, var(--harbor-blue) 34%, transparent) 0%, transparent 70%), linear-gradient(165deg, var(--harbor) 0%, var(--harbor-mid) 48%, var(--harbor-deep) 100%)}.jg-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.jg-grain{opacity:.035;pointer-events:none;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.jade-glass-field--marketing .jg-grain{display:none}[data-theme=light] .jg-grain{opacity:.025;mix-blend-mode:multiply}html.is-bug-capturing *,html.is-bug-capturing :before,html.is-bug-capturing :after{caret-color:#0000!important;-webkit-backdrop-filter:none!important;filter:none!important;mix-blend-mode:normal!important;text-shadow:none!important;transition:none!important;animation:none!important}html.is-bug-capturing .app-shell{background:var(--harbor-deep,#07131f)!important}html.is-bug-capturing .jade-glass-field,html.is-bug-capturing .app-cloth-bg,html.is-bug-capturing .jg-grain,html.is-bug-capturing .jp-pop{display:none!important}.shanghainese-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.shanghainese-wugniu-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.shanghainese-wugniu{opacity:.72;font-size:.72em;font-weight:500;line-height:1.2}.shanghainese-wugniu-label{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.shanghainese-sandhi-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.shanghainese-sandhi{opacity:.62;font-size:.68em;font-style:italic;font-weight:500;line-height:1.2}.shanghainese-sandhi-label{letter-spacing:.04em;text-transform:uppercase;opacity:.4;font-size:.55em;font-weight:600;line-height:1.2}button.shanghainese-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.sichuanese-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.sichuanese-rom-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.sichuanese-rom{opacity:.72;font-size:.72em;font-weight:500;line-height:1.2}.sichuanese-rom-label{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}button.sichuanese-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.thai-lao-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.thai-lao-reading-row,.thai-lao-tone-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.thai-lao-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.thai-lao-reading-label,.thai-lao-tone-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.thai-lao-tone-chip{opacity:.8;font-size:.62em;line-height:1.2}.thai-lao-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.thai-lao-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.japanese-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.japanese-block--detail{gap:.35em}.japanese-reading-row,.japanese-level-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.japanese-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.japanese-reading-label,.japanese-level-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.japanese-level-chip{opacity:.8;font-size:.62em;line-height:1.2}.japanese-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.japanese-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.indonesian-block{flex-direction:column;align-items:flex-start;gap:.15em;max-width:100%;display:inline-flex}.indonesian-block--detail{gap:.35em}.indonesian-register-row,.indonesian-particle-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;max-width:100%;display:inline-flex}.indonesian-register-scheme,.indonesian-particle-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.indonesian-register-chip,.indonesian-particle-chip{opacity:.8;font-size:.62em;font-weight:600;line-height:1.2}.indonesian-particle-chips{flex-wrap:wrap;gap:.35em;display:inline-flex}.indonesian-particle-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);color:color-mix(in srgb, var(--mint) 88%, white);border-radius:999px;padding:.1em .45em}.indonesian-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.indonesian-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.malay-block{flex-direction:column;align-items:flex-start;gap:.15em;max-width:100%;display:inline-flex}.malay-block--detail{gap:.35em}.malay-register-row,.malay-particle-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;max-width:100%;display:inline-flex}.malay-register-scheme,.malay-particle-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.malay-register-chip,.malay-particle-chip{opacity:.8;font-size:.62em;font-weight:600;line-height:1.2}.malay-particle-chips{flex-wrap:wrap;gap:.35em;display:inline-flex}.malay-particle-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);color:color-mix(in srgb, var(--mint) 88%, white);border-radius:999px;padding:.1em .45em}.malay-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.malay-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.french-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.french-block--detail{gap:.35em}.french-address-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.french-address-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.french-address-chip{opacity:.8;font-size:.62em;line-height:1.2}.french-address-chip--vous,.french-address-chip--mixed{opacity:.9}.french-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.french-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.hindi-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.hindi-block--detail{gap:.35em}.hindi-reading-row,.hindi-level-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.hindi-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.hindi-reading-label,.hindi-level-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.hindi-level-chip{opacity:.8;font-size:.62em;line-height:1.2}.hindi-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.hindi-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.khmer-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.khmer-block--detail{gap:.35em}.khmer-reading-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.khmer-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.khmer-reading-label{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.khmer-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.khmer-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.burmese-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.burmese-reading-row,.burmese-tone-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.burmese-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.burmese-reading-label,.burmese-tone-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.burmese-tone-chip{opacity:.8;font-size:.62em;line-height:1.2}.burmese-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.burmese-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.javanese-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.javanese-block--detail{gap:.35em}.javanese-level-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.javanese-level-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.javanese-level-chip{opacity:.8;font-size:.62em;line-height:1.2}.javanese-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.javanese-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.italian-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.italian-block--detail{gap:.35em}.italian-address-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.italian-address-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.italian-address-chip{opacity:.8;font-size:.62em;line-height:1.2}.italian-address-chip--lei,.italian-address-chip--mixed{opacity:.9}.italian-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.italian-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.korean-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.korean-block--detail{gap:.35em}.korean-reading-row,.korean-level-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.korean-reading{opacity:.78;font-size:.72em;font-weight:500;line-height:1.2}.korean-reading-label,.korean-level-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.korean-level-chip{opacity:.8;font-size:.62em;line-height:1.2}.korean-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.korean-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.german-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.german-block--detail{gap:.35em}.german-address-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.german-address-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.german-address-chip{opacity:.8;font-size:.62em;line-height:1.2}.german-address-chip--sie,.german-address-chip--mixed{opacity:.9}.german-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.german-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.dutch-block{flex-direction:column;align-items:flex-start;gap:.15em;display:inline-flex}.dutch-block--detail{gap:.35em}.dutch-address-row{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.4em;display:inline-flex}.dutch-address-scheme{letter-spacing:.04em;text-transform:uppercase;opacity:.42;font-size:.48em;font-weight:600;line-height:1.2}.dutch-address-chip{opacity:.8;font-size:.62em;line-height:1.2}.dutch-address-chip--u,.dutch-address-chip--mixed{opacity:.9}.dutch-honesty{opacity:.62;max-width:28em;font-size:.62em;line-height:1.35}button.dutch-activate{font:inherit;color:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.cantonese-block{flex-direction:column;align-items:flex-start;gap:6px;max-width:100%;display:inline-flex;position:relative;overflow:visible}.tagalog-block{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:relative}.tagalog-activate{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.tagalog-stress-row{flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;display:flex}.tagalog-stress-scheme{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--mint) 72%, white);flex:none;font-size:clamp(.58rem,1.9vw,.68rem);font-weight:700}.tagalog-stress-chips{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.tagalog-stress-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);width:fit-content;max-width:100%;color:color-mix(in srgb, var(--mint) 88%, white);font-family:var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:baseline;gap:.28em;padding:.18em .62em;font-size:clamp(.64rem,2.15vw,.76rem);font-weight:600;line-height:1.35;display:inline-flex}.tagalog-stress-chip-word{overflow-wrap:anywhere;font-weight:700}.tagalog-stress-chip-sep{opacity:.55;font-weight:500}.tagalog-stress-chip-kind{opacity:.92;font-weight:600}.tagalog-stress-chip--mabilis,.tagalog-stress-chip--malumi,.tagalog-stress-chip--maragsa{border-color:color-mix(in srgb, var(--mint) 48%, transparent);background:color-mix(in srgb, var(--mint) 20%, transparent)}.mexican-spanish-block{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:relative}.mexican-spanish-activate{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.mexican-spanish-stress-row{flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;display:flex}.mexican-spanish-stress-scheme{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--mint) 72%, white);flex:none;font-size:clamp(.58rem,1.9vw,.68rem);font-weight:700}.mexican-spanish-stress-chips{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.mexican-spanish-stress-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);width:fit-content;max-width:100%;color:color-mix(in srgb, var(--mint) 88%, white);font-family:var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:baseline;gap:.28em;padding:.18em .62em;font-size:clamp(.64rem,2.15vw,.76rem);font-weight:600;line-height:1.35;display:inline-flex}.mexican-spanish-stress-chip-word{overflow-wrap:anywhere;font-weight:700}.mexican-spanish-stress-chip-sep{opacity:.55;font-weight:500}.mexican-spanish-stress-chip-kind{opacity:.92;font-weight:600}.mexican-spanish-stress-chip--aguda,.mexican-spanish-stress-chip--esdrujula,.mexican-spanish-stress-chip--sobreesdrujula{border-color:color-mix(in srgb, var(--mint) 48%, transparent);background:color-mix(in srgb, var(--mint) 20%, transparent)}.brazilian-portuguese-block{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:relative}.brazilian-portuguese-activate{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.brazilian-portuguese-stress-row{flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;display:flex}.brazilian-portuguese-stress-scheme{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--mint) 72%, white);flex:none;font-size:clamp(.58rem,1.9vw,.68rem);font-weight:700}.brazilian-portuguese-stress-chips{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.brazilian-portuguese-stress-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);width:fit-content;max-width:100%;color:color-mix(in srgb, var(--mint) 88%, white);font-family:var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:baseline;gap:.28em;padding:.18em .62em;font-size:clamp(.64rem,2.15vw,.76rem);font-weight:600;line-height:1.35;display:inline-flex}.brazilian-portuguese-stress-chip-word{overflow-wrap:anywhere;font-weight:700}.brazilian-portuguese-stress-chip-sep{opacity:.55;font-weight:500}.brazilian-portuguese-stress-chip-kind{opacity:.92;font-weight:600}.brazilian-portuguese-stress-chip--oxitona,.brazilian-portuguese-stress-chip--proparoxitona{border-color:color-mix(in srgb, var(--mint) 48%, transparent);background:color-mix(in srgb, var(--mint) 20%, transparent)}.vietnamese-block{flex-direction:column;align-items:flex-start;gap:8px;max-width:100%;display:inline-flex;position:relative}.vietnamese-activate{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;max-width:100%;margin:0;padding:0}.vietnamese-tone-row{flex-wrap:wrap;align-items:center;gap:6px 8px;max-width:100%;display:flex}.vietnamese-tone-scheme{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--mint) 72%, white);flex:none;font-size:clamp(.58rem,1.9vw,.68rem);font-weight:700}.vietnamese-tone-chips{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.vietnamese-tone-chip{border:1px solid color-mix(in srgb, var(--mint) 34%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);width:fit-content;max-width:100%;color:color-mix(in srgb, var(--mint) 88%, white);font-family:var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:baseline;gap:.28em;padding:.18em .62em;font-size:clamp(.64rem,2.15vw,.76rem);font-weight:600;line-height:1.35;display:inline-flex}.vietnamese-tone-chip-word{overflow-wrap:anywhere;font-weight:700}.vietnamese-tone-chip-sep{opacity:.55;font-weight:500}.vietnamese-tone-chip-kind{opacity:.92;font-weight:600}.vietnamese-tone-chip--hoi,.vietnamese-tone-chip--nga{border-color:color-mix(in srgb, var(--mint) 48%, transparent);background:color-mix(in srgb, var(--mint) 20%, transparent)}.vietnamese-southern-note{font-family:var(--font-body);color:color-mix(in srgb, var(--mint) 60%, white);opacity:.85;overflow-wrap:anywhere;flex:100%;max-width:100%;font-size:clamp(.6rem,1.9vw,.7rem);font-style:italic;line-height:1.4}.jyutping{max-width:100%;font-family:var(--font-body);letter-spacing:.02em;color:color-mix(in srgb, var(--mint) 62%, transparent);white-space:normal;overflow-wrap:anywhere;word-break:break-word;padding:.18em 0 .06em;font-size:clamp(.68rem,2.35vw,.82rem);font-weight:500;line-height:1.45;display:inline-block;position:relative}button.jyutping{appearance:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;margin:0;overflow:visible}.cantonese-multi-def{border-bottom:1.5px dotted color-mix(in srgb, var(--mint) 55%, transparent);padding-bottom:.05em;text-decoration:none}.cantonese-activate--multi-def .cantonese-multi-def,.cantonese-block--multi-def .cantonese-multi-def{cursor:pointer}.cantonese-activate--multi-def:hover .cantonese-multi-def,.cantonese-activate--multi-def:focus-visible .cantonese-multi-def{border-bottom-color:color-mix(in srgb, var(--mint) 85%, transparent)}.cantonese-jp-hint{border-bottom:1.5px dotted color-mix(in srgb, var(--mint) 55%, transparent);cursor:help;overflow-wrap:anywhere;word-break:break-word;padding-bottom:.05em}.cantonese-block--jp-popup,.cantonese-block--ruby{gap:0}.cantonese-yale-line{font-family:var(--font-english);letter-spacing:.01em;color:color-mix(in srgb, var(--muted) 82%, var(--mint));text-align:start;-webkit-user-select:none;user-select:none;margin-top:.22rem;font-size:.62em;font-weight:500;line-height:1.25}.jyut-ruby{align-items:flex-end;justify-content:inherit;overflow-wrap:anywhere;word-break:break-word;flex-wrap:wrap;gap:.06rem .12rem;max-width:100%;display:inline-flex}.jyut-ruby-cell{flex-direction:column;justify-content:flex-end;align-items:center;gap:.05rem;min-width:1.1em;display:inline-flex}.jyut-ruby-syl{letter-spacing:0;font-size:.58em;font-weight:600;line-height:1.05;font-family:var(--font-english);color:color-mix(in srgb, var(--mint) 72%, transparent);white-space:nowrap}.jyut-syl-ui{white-space:nowrap;align-items:center;gap:.06em;display:inline-flex}.jyut-syl-ui--unicode,.jyut-syl-ui--obfuscated{font-family:var(--font-english)}.jyut-syl-roman{-webkit-user-select:none;user-select:none;flex:none}.jyut-tone-mark,.jyut-chao-glyph{-webkit-user-select:none;user-select:none;pointer-events:none;width:.55em;height:.85em;color:inherit;flex:none;display:inline-block;overflow:visible}.jyut-chao-glyph img{object-fit:contain;width:100%;height:100%;display:block}.jyut-ruby--lg .jyut-tone-mark,.jyut-ruby--lg .jyut-chao-glyph{width:.58em;height:.9em}.jp-pop-syl .jyut-tone-mark,.jp-pop-syl .jyut-chao-glyph{width:.52em;height:.8em}.jyut-ruby-han{font-family:var(--font-body);letter-spacing:.02em;color:inherit;line-height:1.15}.jyut-syl-roman.jyut-tone-1,.jyut-ruby-han.jyut-tone-1{--jyut-tone-c:#f2a9a0}.jyut-syl-roman.jyut-tone-2,.jyut-ruby-han.jyut-tone-2{--jyut-tone-c:#f0c987}.jyut-syl-roman.jyut-tone-3,.jyut-ruby-han.jyut-tone-3{--jyut-tone-c:#aedf9f}.jyut-syl-roman.jyut-tone-4,.jyut-ruby-han.jyut-tone-4{--jyut-tone-c:#93c9f2}.jyut-syl-roman.jyut-tone-5,.jyut-ruby-han.jyut-tone-5{--jyut-tone-c:#7fdbd0}.jyut-syl-roman.jyut-tone-6,.jyut-ruby-han.jyut-tone-6{--jyut-tone-c:#dcb9a2}[data-theme=light] .jyut-syl-roman.jyut-tone-1,[data-theme=light] .jyut-ruby-han.jyut-tone-1{--jyut-tone-c:#b24b41}[data-theme=light] .jyut-syl-roman.jyut-tone-2,[data-theme=light] .jyut-ruby-han.jyut-tone-2{--jyut-tone-c:#9c6a14}[data-theme=light] .jyut-syl-roman.jyut-tone-3,[data-theme=light] .jyut-ruby-han.jyut-tone-3{--jyut-tone-c:#3b8236}[data-theme=light] .jyut-syl-roman.jyut-tone-4,[data-theme=light] .jyut-ruby-han.jyut-tone-4{--jyut-tone-c:#2a68a0}[data-theme=light] .jyut-syl-roman.jyut-tone-5,[data-theme=light] .jyut-ruby-han.jyut-tone-5{--jyut-tone-c:#17796f}[data-theme=light] .jyut-syl-roman.jyut-tone-6,[data-theme=light] .jyut-ruby-han.jyut-tone-6{--jyut-tone-c:#86563a}.jyut-syl-roman[class*=jyut-tone-]{color:var(--jyut-tone-c)}.jyut-ruby-han[class*=jyut-tone-]{color:color-mix(in srgb, var(--jyut-tone-c) 38%, currentColor)}.jyut-ruby--hint{cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--mint) 40%, transparent);padding-bottom:.04em}.jyut-ruby--lg .jyut-ruby-syl{font-size:clamp(.52rem,2.1vw,.72rem)}.jyut-ruby--lg .jyut-ruby-han{font-size:1.22em;font-weight:700}.jyut-ruby--md .jyut-ruby-syl{font-size:.62rem}.jyut-syllable{letter-spacing:.02em;color:color-mix(in srgb, var(--mint) 88%, var(--ink));font-weight:600}[data-theme=light] .jyut-ruby-syl,[data-theme=light] .jyut-syllable{color:color-mix(in srgb, var(--jade-deep) 82%, var(--ink))}.cantonese-jp-hint:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:2px;border-radius:4px}[data-theme=light] .cantonese-jp-hint{border-bottom-color:color-mix(in srgb, var(--jade-deep) 48%, transparent)}[data-theme=light] .jyutping{color:color-mix(in srgb, var(--jade-deep) 58%, transparent)}[data-theme=light] .cantonese-multi-def{border-bottom-color:color-mix(in srgb, var(--jade-deep) 48%, transparent)}[data-theme=light] .cantonese-activate--multi-def:hover .cantonese-multi-def,[data-theme=light] .cantonese-activate--multi-def:focus-visible .cantonese-multi-def{border-bottom-color:color-mix(in srgb, var(--jade-deep) 72%, transparent)}.result-with-def .jyutping{font-size:clamp(.68rem,2.35vw,.82rem)}.jp-pop{z-index:90;font-family:var(--font-body);letter-spacing:.05em;color:var(--mint);background:linear-gradient(145deg, color-mix(in srgb, var(--harbor-mid) 96%, var(--harbor)), color-mix(in srgb, var(--harbor-deep) 94%, var(--harbor-mid)));border:1px solid color-mix(in srgb, var(--jade-bright) 24%, var(--glass-border));box-shadow:0 1px 0 color-mix(in srgb, var(--glass-shine) 55%, transparent) inset, 0 12px 28px #07131f61;-webkit-backdrop-filter:blur(32px)saturate(1.45);pointer-events:none;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;box-sizing:border-box;border-radius:10px;width:max-content;max-width:min(92vw,36rem);padding:7px 12px;font-size:.74rem;font-weight:600;line-height:1.15;display:inline-block;position:absolute;top:calc(100% + 8px);left:0}.jp-pop--portal{z-index:400;margin:0;position:fixed;top:0;left:0}.jp-pop--ruby{letter-spacing:0;white-space:normal;background:linear-gradient(155deg, color-mix(in srgb, var(--harbor-mid) 92%, transparent), color-mix(in srgb, var(--harbor-deep) 88%, transparent));border-color:color-mix(in srgb, var(--jade-bright) 18%, var(--glass-border));max-width:min(92vw,36rem);box-shadow:0 1px 0 color-mix(in srgb, var(--glass-shine) 40%, transparent) inset, 0 8px 22px #07131f47;padding:6px 8px 7px}.jp-pop-ruby{flex-wrap:wrap;align-items:flex-end;gap:.08rem .12rem;display:inline-flex}.jp-pop-cell{flex-direction:column;justify-content:flex-end;align-items:center;gap:.04rem;min-width:1.35em;max-width:2.75em;display:inline-flex}.jp-pop-syl{letter-spacing:0;font-size:.58rem;font-weight:600;line-height:1.05;font-family:var(--font-english);color:color-mix(in srgb, var(--mint) 88%, var(--ink));text-transform:none;white-space:nowrap}.jp-pop-han{font-family:var(--font-body);letter-spacing:.02em;color:var(--ink);font-size:1rem;font-weight:650;line-height:1.05}[data-theme=light] .jp-pop{color:color-mix(in srgb, var(--jade-deep) 90%, var(--ink));background:linear-gradient(145deg, color-mix(in srgb, #fff 96%, var(--harbor-mid)), color-mix(in srgb, var(--harbor-mid) 92%, #fff));border-color:color-mix(in srgb, var(--jade) 22%, var(--glass-border));-webkit-backdrop-filter:blur(32px)saturate(1.35);box-shadow:inset 0 1px #ffffffb8,0 12px 28px #07131f24}[data-theme=light] .jp-pop--ruby{background:linear-gradient(155deg, color-mix(in srgb, #fff 94%, var(--harbor-mid)), color-mix(in srgb, var(--harbor-mid) 86%, #fff));border-color:color-mix(in srgb, var(--jade) 16%, var(--glass-border));box-shadow:inset 0 1px #ffffffb8,0 8px 20px #07131f1a}[data-theme=light] .jp-pop-han{color:var(--ink)}[data-theme=light] .jp-pop-syl{color:color-mix(in srgb, var(--jade-deep) 82%, var(--ink))}.jp-pop--lg{border-radius:14px;max-width:min(94vw,28rem);padding:12px 14px 14px}.jp-pop--lg .jp-pop-ruby{gap:.22rem .28rem}.jp-pop--lg .jp-pop-cell{gap:.2rem;min-width:1.55em;max-width:none}.jp-pop--lg .jp-pop-syl{color:color-mix(in srgb, var(--mint) 92%, var(--ink));font-size:clamp(.82rem,3.4vw,1.02rem);font-weight:650;line-height:1.25}.jp-pop--lg .jp-pop-han{font-size:clamp(1.2rem,4.6vw,1.5rem);font-weight:700;line-height:1.2}[data-theme=light] .jp-pop--lg .jp-pop-syl{color:color-mix(in srgb, var(--jade-deep) 88%, var(--ink))}.bi{text-align:start;flex-direction:column;align-items:flex-start;gap:.12rem;max-width:100%;line-height:1.25;display:flex}.bi--inline{flex-flow:wrap;align-items:baseline;gap:.08rem .4em}.bi--inline .bi-zh{font-size:.95em;font-weight:550}.bi--en,.bi--zh{gap:0}.bi-en{font-family:var(--font-english);letter-spacing:normal;font-weight:600}.bi-zh-wrap{align-items:baseline;max-width:100%;display:inline-flex;position:relative;overflow:visible}.bi-zh-wrap--hint{cursor:help;border-bottom:1px dotted color-mix(in srgb, var(--muted) 55%, transparent)}.bi-zh-wrap--hint:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:2px;border-radius:4px}[lang=zh-HK],.cantonese-jp-hint,.cantonese-multi-def{font-family:var(--font-body)}.bi-zh{font-family:var(--font-body);letter-spacing:.01em;color:color-mix(in srgb, var(--ink) 78%, transparent);font-weight:500}.bi-zh--primary-lang{font-family:var(--font-english);letter-spacing:normal}.bi-primary{width:100%;font-family:var(--font-english);letter-spacing:.01em;color:color-mix(in srgb, var(--muted) 92%, var(--ink));text-wrap:balance;font-size:.78em;font-weight:550;line-height:1.25;display:block}.bi--inline .bi-primary{width:auto;margin-inline-start:.15em;font-size:.85em;display:inline}.bi--sm .bi-primary{font-size:.72em}.bi--lg .bi-primary{opacity:.9;font-size:.48em;font-weight:520}.bi--sm{font-size:inherit;gap:.08rem}.bi--sm .bi-zh{font-size:.92em}.bi--lg .bi-en{font-weight:750}.bi--lg .bi-zh{opacity:.85;font-size:.55em;font-weight:560}.result-with-def{flex-flow:wrap;justify-content:space-between;align-items:center;gap:.35rem 1.1rem;width:100%;display:flex}.result-with-def-main{flex:auto;min-width:min(100%,8rem)}.result-with-def-line,.spoken-line{align-items:flex-start;gap:.45rem;min-width:0;display:flex}.result-actions{flex-direction:row;flex:none;align-items:flex-end;gap:.28rem;margin-top:.05rem;display:flex}.result-actions-stack{flex-direction:column;align-items:center;gap:.35rem;display:flex}.copy-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 22%, var(--glass-border));background:color-mix(in srgb, var(--surface) 68%, transparent);width:2rem;height:2rem;color:color-mix(in srgb, var(--muted) 88%, var(--ink));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-shine) 55%, transparent), 0 4px 12px #0000001a;cursor:pointer;border-radius:999px;flex:none;place-items:center;margin:0;padding:0;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-grid}.copy-btn:hover{border-color:color-mix(in srgb, var(--jade) 40%, var(--glass-border));color:var(--ink-bright);transform:translateY(-1px)}.copy-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:2px}.copy-btn.is-copied{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep));border-color:color-mix(in srgb, var(--jade-bright) 40%, transparent)}.copy-btn.is-busy{opacity:.55;cursor:wait;transform:none}.copy-btn.is-locked{opacity:.45;cursor:pointer}.copy-btn--jyutping{border-style:dashed;border-color:color-mix(in srgb, var(--jade) 28%, var(--glass-border));color:color-mix(in srgb, var(--muted) 70%, var(--jade))}.copy-btn--jyutping:hover{border-style:solid;border-color:color-mix(in srgb, var(--jade) 48%, var(--glass-border))}.jyutping-font-tip{flex:none;margin-bottom:.32rem;position:relative}.jyutping-font-tip-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 18%, var(--glass-border));background:color-mix(in srgb, var(--surface) 55%, transparent);width:1.35rem;height:1.35rem;color:color-mix(in srgb, var(--muted) 82%, var(--jade));cursor:pointer;border-radius:999px;place-items:center;margin:0;padding:0;transition:transform .18s,border-color .18s,color .18s,background .18s;display:inline-grid}.jyutping-font-tip-btn:hover,.jyutping-font-tip.is-open .jyutping-font-tip-btn{border-color:color-mix(in srgb, var(--jade) 42%, var(--glass-border));color:var(--ink-bright);transform:translateY(-1px)}.jyutping-font-tip-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:2px}.jyutping-font-tip-icon{width:.78rem;height:.78rem}.jyutping-font-tip-pop{z-index:260;border:1px solid color-mix(in srgb, var(--jade) 28%, var(--glass-border));background:linear-gradient(165deg, color-mix(in srgb, var(--harbor-mid) 92%, var(--jade) 8%), var(--harbor-deep));width:min(16.5rem,100vw - 1.5rem);box-shadow:0 16px 40px #0000007a, 0 0 0 1px color-mix(in srgb, var(--harbor) 70%, transparent), inset 0 1px 0 color-mix(in srgb, var(--glass-shine) 40%, transparent);color:var(--ink);text-align:left;border-radius:12px;padding:.7rem .75rem .65rem;position:fixed}[data-theme=light] .jyutping-font-tip-pop{background:linear-gradient(165deg, color-mix(in srgb, var(--harbor-mid) 94%, #fff 6%), var(--harbor-deep));box-shadow:0 16px 40px #0000002e, 0 0 0 1px color-mix(in srgb, var(--harbor) 55%, transparent), inset 0 1px 0 #ffffffb3}.jyutping-font-tip-pop--left{transform:translate(-100%,-50%)}.jyutping-font-tip-pop--below{transform:translate(0)}.jyutping-font-tip-body{color:color-mix(in srgb, var(--ink) 88%, var(--muted));margin:0;font-size:.78rem;line-height:1.35}.jyutping-font-tip-link{appearance:none;color:var(--jade-bright,var(--jade));font:inherit;text-underline-offset:.15em;cursor:pointer;background:0 0;border:0;margin:.55rem 0 0;padding:0;font-size:.78rem;font-weight:600;text-decoration:underline;display:inline-flex}.jyutping-font-tip-link:hover{color:var(--ink-bright)}.copy-btn-icon{width:.95rem;height:.95rem}.result-with-def-line>:first-child,.spoken-line-text,.spoken-line .cantonese-block{overflow-wrap:anywhere;word-break:break-word;flex:auto;min-width:0}button.spoken-line-text--action{appearance:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:0;padding:0}button.spoken-line-text--action:hover,button.spoken-line-text--action:focus-visible{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--jade) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--jade) 45%, transparent);text-underline-offset:.18em;outline:none}button.spoken-line-text--action:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb, var(--jade) 45%, transparent)}.speak-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 28%, var(--glass-border));background:linear-gradient(145deg, color-mix(in srgb, var(--jade) 18%, transparent), color-mix(in srgb, var(--jade-deep) 8%, transparent)), color-mix(in srgb, var(--surface) 72%, transparent);width:2rem;height:2rem;color:color-mix(in srgb, var(--mint) 88%, var(--ink));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--glass-shine) 70%, transparent), 0 6px 16px #0000001f;cursor:pointer;border-radius:999px;flex:none;place-items:center;margin:0;padding:0;transition:transform .18s,border-color .18s,background .18s,color .18s;display:inline-grid}.speak-btn:hover:not(:disabled){border-color:color-mix(in srgb, var(--jade) 48%, var(--glass-border));color:var(--ink-bright);transform:translateY(-1px)}.speak-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:2px}.speak-btn:disabled,.speak-btn.is-locked{opacity:.45;cursor:not-allowed}.speak-btn.is-speaking{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep));border-color:color-mix(in srgb, var(--jade-bright) 40%, transparent)}.speak-btn-icon{width:1.05rem;height:1.05rem}.speak-btn.is-speaking .speak-btn-wave{animation:1s ease-in-out infinite speak-wave}.speak-btn.is-speaking .speak-btn-wave--2{animation-delay:.18s}@keyframes speak-wave{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.speak-btn.is-speaking .speak-btn-wave{animation:none}}.result-text,.spoken-line-text{font-family:var(--font-english);letter-spacing:normal}.result-with-def .result-text,.result-with-def .cantonese-block{margin-top:0}.mx-register{border-top:1px solid color-mix(in srgb, var(--ink) 10%, transparent);margin-top:.85rem;padding-top:.75rem}.mx-register-row{align-items:flex-start;gap:.65rem;display:flex}.mx-register-note{flex:auto;min-width:0;margin:0;font-size:.82rem;line-height:1.4}.mx-formalize-btn{appearance:none;border:1px solid color-mix(in srgb, var(--mint) 42%, transparent);background:color-mix(in srgb, var(--mint) 14%, transparent);width:2.35rem;height:2.35rem;color:color-mix(in srgb, var(--mint) 78%, var(--ink));cursor:pointer;border-radius:999px;flex:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}.mx-formalize-btn:hover:not(:disabled),.mx-formalize-btn:focus-visible{background:color-mix(in srgb, var(--mint) 24%, transparent);outline:none}.mx-formalize-btn:disabled{opacity:.45;cursor:not-allowed}.mx-formalize-icon{width:1.15rem;height:1.15rem}.mx-formalize-busy{border:2px solid color-mix(in srgb, var(--mint) 35%, transparent);border-top-color:color-mix(in srgb, var(--mint) 85%, white);border-radius:999px;width:.85rem;height:.85rem;animation:.7s linear infinite mx-formalize-spin}@keyframes mx-formalize-spin{to{transform:rotate(360deg)}}.mx-register-error,.mx-register-hint{margin:.4rem 0 0;font-size:.74rem;line-height:1.35}.result-actions-minor{flex-direction:row;justify-content:center;align-items:center;gap:.3rem;display:inline-flex}.result-actions-minor .copy-btn{width:1.7rem;height:1.7rem}.result-actions-minor .copy-btn-icon{width:.95rem;height:.95rem}.star-btn.is-starred{color:#f0c987;border-color:color-mix(in srgb, #f0c987 48%, var(--glass-border));background:color-mix(in srgb, #f0c987 14%, color-mix(in srgb, var(--surface) 68%, transparent))}[data-theme=light] .star-btn.is-starred{color:#9c6a14;border-color:color-mix(in srgb, #9c6a14 40%, var(--glass-border))}.say-back-btn.is-listening{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep));border-color:color-mix(in srgb, var(--jade-bright) 40%, transparent);animation:1.2s ease-in-out infinite say-back-pulse}.say-back-btn.is-match{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep))}.say-back-btn.is-miss{color:#f2a9a0;border-color:color-mix(in srgb, #f2a9a0 45%, var(--glass-border))}[data-theme=light] .say-back-btn.is-miss{color:#b24b41}.say-back-btn:disabled{opacity:.45;cursor:not-allowed}@keyframes say-back-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--jade) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--jade) 22%, transparent)}}@media (prefers-reduced-motion:reduce){.say-back-btn.is-listening{animation:none}}.solo-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.solo-paste-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 26%, var(--glass-border));background:color-mix(in srgb, var(--surface) 68%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:.4rem;margin:0;padding:.32rem .8rem .32rem .6rem;transition:transform .18s,border-color .18s,color .18s;display:inline-flex}.solo-paste-btn:hover:not(:disabled),.solo-paste-btn:focus-visible{border-color:color-mix(in srgb, var(--jade) 48%, var(--glass-border));color:var(--ink-bright);outline:none;transform:translateY(-1px)}.solo-paste-btn:disabled{opacity:.45;cursor:not-allowed}.solo-paste-icon{width:1rem;height:1rem}.solo-paste-hint{margin:-.2rem 0 0;font-size:.78rem}.canto-roman-toggle{border:1px solid color-mix(in srgb, var(--jade) 22%, var(--glass-border));background:color-mix(in srgb, var(--surface) 62%, transparent);border-radius:999px;padding:2px;display:inline-flex}.canto-roman-toggle-btn{appearance:none;color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;margin:0;padding:.22rem .7rem;transition:background .18s,color .18s}.canto-roman-toggle-btn.is-active{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep))}.canto-roman-toggle-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:1px}.history-pane-shell{flex-direction:column;flex:1;min-height:0;display:flex}.history-tabs{border:1px solid color-mix(in srgb, var(--jade) 18%, var(--glass-border));background:color-mix(in srgb, var(--surface) 55%, transparent);border-radius:999px;flex:none;gap:.3rem;margin:.55rem 0 .2rem;padding:2px;display:flex}.history-tab{appearance:none;color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:.35rem;margin:0;padding:.28rem .5rem;transition:background .18s,color .18s;display:inline-flex}.history-tab.is-active{color:var(--ink-bright);background:color-mix(in srgb, var(--jade) 18%, transparent)}.history-tab-count{text-align:center;background:color-mix(in srgb, var(--jade) 24%, transparent);border-radius:999px;min-width:1.15rem;padding:0 .3rem;font-size:.7rem;line-height:1.15rem}.history-card-top-actions{flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:.35rem;min-width:0;max-width:60%;display:inline-flex}.history-card-top-actions .copy-btn,.history-card-top-actions .speak-btn{flex:none;width:1.7rem;height:1.7rem}.history-card-top-actions .history-card-expand{min-width:0}.phrasebook-toolbar{flex:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem .1rem .5rem;display:flex}.phrasebook-count{color:var(--muted);font-size:.8rem}.phrasebook-toolbar-actions{align-items:center;gap:.4rem;display:inline-flex}.phrasebook-toolbar-actions .copy-btn{width:1.7rem;height:1.7rem}.phrasebook-copy-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 26%, var(--glass-border));background:color-mix(in srgb, var(--surface) 68%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;border-radius:999px;margin:0;padding:.25rem .65rem}.phrasebook-copy-btn.is-copied{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep))}.phrasebook-card-body{cursor:default;flex-direction:column;gap:.5rem;padding:.5rem .75rem .7rem;display:flex}.conversation-export{z-index:3;align-items:center;gap:.4rem;max-width:min(42vw,11rem);display:inline-flex;position:absolute;top:.6rem;left:.6rem}.conversation-export-btn{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 26%, var(--glass-border));background:color-mix(in srgb, var(--surface) 72%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;gap:.35rem;min-width:0;margin:0;padding:.3rem .65rem .3rem .5rem;display:inline-flex}@media (width<=520px){.conversation-export-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.conversation-export-btn{padding:.35rem}}.conversation-export-btn:hover,.conversation-export-btn:focus-visible{border-color:color-mix(in srgb, var(--jade) 48%, var(--glass-border));color:var(--ink-bright);outline:none}.conversation-export-btn.is-copied{color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep))}.conversation-export-icon{width:.95rem;height:.95rem}.detail-handwriting-hint,.detail-handwriting-note{margin:0 0 .6rem;font-size:.78rem;line-height:1.4}.detail-handwriting-note{margin:.6rem 0 0}.detail-handwriting-pad{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.detail-handwriting-canvas{border:1px solid color-mix(in srgb, var(--jade) 26%, var(--glass-border));background:color-mix(in srgb, var(--surface) 70%, transparent);touch-action:none;cursor:crosshair;border-radius:14px;flex:none;width:168px;max-width:100%;display:block}@media (width<=420px){.detail-handwriting-pad{flex-direction:column;align-items:stretch}.detail-handwriting-canvas{margin:0 auto}.detail-handwriting-clear{align-self:flex-end}}[data-theme=light] .detail-handwriting-canvas{background:color-mix(in srgb, var(--surface) 92%, #1f9f8a 4%)}.detail-handwriting-clear,.detail-handwriting-search{appearance:none;border:1px solid color-mix(in srgb, var(--jade) 26%, var(--glass-border));background:color-mix(in srgb, var(--surface) 68%, transparent);color:color-mix(in srgb, var(--muted) 88%, var(--ink));font:inherit;cursor:pointer;border-radius:999px;margin:0;padding:.35rem .8rem}.detail-handwriting-search:not(:disabled){color:var(--on-jade);background:linear-gradient(145deg, var(--jade), var(--jade-deep))}.detail-handwriting-clear:disabled,.detail-handwriting-search:disabled{opacity:.45;cursor:not-allowed}.detail-handwriting-form{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.detail-handwriting-input{border:1px solid color-mix(in srgb, var(--jade) 22%, var(--glass-border));background:color-mix(in srgb, var(--surface) 66%, transparent);min-width:0;color:var(--ink);font:inherit;border-radius:12px;flex:auto;padding:.4rem .75rem}.detail-handwriting-input:focus-visible{outline:2px solid color-mix(in srgb, var(--jade) 55%, transparent);outline-offset:1px}.bug-report-overlay{z-index:125;place-items:center;display:grid;position:fixed;inset:0}.bug-report-backdrop{background:color-mix(in srgb, var(--harbor) 58%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border:0;position:absolute;inset:0}.bug-report-panel{z-index:1;border:1px solid var(--glass-border);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-strong) 88%, var(--jade) 12%), color-mix(in srgb, var(--harbor-mid) 82%, transparent));width:min(420px,100vw - 32px);max-height:min(90vh,640px);box-shadow:var(--shadow), inset 0 1px 0 var(--glass-shine);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;gap:14px;padding:28px 24px 22px;display:grid;position:relative;overflow:auto}.bug-report-close{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;font-size:1.5rem;line-height:1;position:absolute;top:12px;right:14px}.bug-report-title{font-family:var(--font-display);letter-spacing:.02em;text-align:center;color:var(--ink-bright,#f5f7fa);margin:4px 0 0;font-weight:700}.bug-report-title .bi-en,.bug-report-title .bi-zh{color:inherit}.bug-report-hint{text-align:center;color:color-mix(in srgb, var(--ink-bright,#f5f7fa) 72%, transparent);margin:0;font-size:.88rem}.bug-report-hint .bi-en,.bug-report-hint .bi-zh{color:inherit}.bug-report-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.bug-report-opt{border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 72%, transparent);color:var(--ink-bright,#f5f7fa);text-align:left;cursor:pointer;border-radius:12px;align-items:flex-start;gap:8px;padding:9px 10px;transition:border-color .15s,background .15s;display:flex}.bug-report-opt.is-on{border-color:color-mix(in srgb, var(--jade-bright) 70%, var(--glass-border));background:color-mix(in srgb, var(--jade) 16%, var(--surface))}.bug-report-opt-icon{width:1.15rem;height:1.15rem;color:var(--ink-bright,#f5f7fa);opacity:.92;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.bug-report-opt.is-on .bug-report-opt-icon{color:color-mix(in srgb, var(--jade-bright) 55%, #fff)}.bug-report-opt-copy{gap:1px;min-width:0;display:grid}.bug-report-opt-en{color:var(--ink-bright,#f5f7fa);font-size:.8rem;font-weight:600;line-height:1.25}.bug-report-opt-zh{color:color-mix(in srgb, var(--ink-bright,#f5f7fa) 68%, transparent);font-size:.72rem;line-height:1.25}.bug-report-note{margin:0;display:block}.bug-report-textarea{box-sizing:border-box;border:1px solid var(--glass-border);background:color-mix(in srgb, var(--surface) 80%, transparent);width:100%;color:var(--ink-bright,#f5f7fa);font:inherit;resize:vertical;border-radius:10px;min-height:2.75rem;margin:0;padding:10px 12px;font-size:.88rem;display:block}.bug-report-textarea::placeholder{color:color-mix(in srgb, var(--ink-bright,#f5f7fa) 48%, transparent)}.bug-report-check{color:color-mix(in srgb, var(--ink-bright,#f5f7fa) 82%, transparent);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;margin:0;font-size:.84rem;display:flex}.bug-report-check input{accent-color:var(--jade-bright);flex-shrink:0;width:1rem;height:1rem;margin:.2rem 0 0}.bug-report-check .bi{text-align:left;align-items:flex-start}.bug-report-check .bi-en,.bug-report-check .bi-zh{color:inherit}.bug-report-message{color:var(--warn);text-align:center;margin:0;font-size:.84rem}.bug-report-submit{background:linear-gradient(135deg, var(--jade), var(--jade-bright));width:100%;color:var(--harbor-deep);cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;justify-self:center;align-items:center;padding:12px 16px;font-weight:700;display:inline-flex}.bug-report-submit .bi{text-align:center;align-items:center;width:100%}.bug-report-submit .bi-en,.bug-report-submit .bi-zh,.bug-report-submit .bi-zh-wrap{color:inherit;text-align:center}.bug-report-submit:disabled{opacity:.55;cursor:not-allowed}.bug-report-success{justify-items:center;gap:14px;padding:12px 0 4px;display:grid}[data-theme=light] .bug-report-title,[data-theme=light] .bug-report-opt,[data-theme=light] .bug-report-opt-en,[data-theme=light] .bug-report-opt-icon,[data-theme=light] .bug-report-textarea{color:var(--ink)}[data-theme=light] .bug-report-hint,[data-theme=light] .bug-report-opt-zh,[data-theme=light] .bug-report-check,[data-theme=light] .bug-report-textarea::placeholder{color:var(--ink-muted)}.incident-banner{z-index:200;color:#fff;background:linear-gradient(90deg,#ac3529 0%,#d84839 50%,#ac3529 100%);border-bottom:1px solid #ffffff2e;width:100%;padding:10px 0;position:sticky;top:0;overflow:hidden;box-shadow:0 4px 20px #0000002e}.incident-banner-track{width:max-content;animation:36s linear infinite incident-marquee;display:flex}.incident-banner-chunk{white-space:nowrap;align-items:center;gap:.75rem;padding-right:4rem;font-weight:600;display:inline-flex}.incident-banner .bi,.incident-banner .bi-en,.incident-banner .bi-zh{color:inherit}@keyframes incident-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.incident-banner{overflow:auto}.incident-banner-track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}.incident-banner-chunk:last-child{display:none}}