@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-CTWlp7EN.woff2)format("woff2");unicode-range:U+20,U+27,U+2C-2E,U+3F,U+41-5A,U+61-7A,U+C0-C1,U+C4,U+C8-C9,U+CB-CD,U+CF,U+D2-D3,U+D6,U+D9-DA,U+DC-DD,U+E0-E1,U+E4,U+E8-E9,U+EB-ED,U+EF,U+F2-F3,U+F6,U+F9-FA,U+FC-FD,U+FF-101,U+106-107,U+10C-10F,U+112-113,U+11A-11B,U+12A-12B,U+139-13A,U+13D-13E,U+143-144,U+147-148,U+14C-14D,U+154-155,U+158-15B,U+160-161,U+164-165,U+16A-16B,U+178-17A,U+17D-17E,U+1CD-1DC,U+1DE-1DF,U+1E6-1E9,U+1F0,U+1F4-1F5,U+1F8-1F9,U+21E-21F,U+22A-22B,U+232-233,U+300-301,U+304,U+308,U+30C,U+1E14-1E17,U+1E20-1E21,U+1E26-1E27,U+1E2E-1E31,U+1E3E-1E3F,U+1E50-1E55,U+1E7A-1E7B,U+1E80-1E85,U+1E8C-1E8D,U+1E97,U+1EF2-1EF3,U+2019,U+2026}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-sc-Z26qfNBj.woff2)format("woff2");unicode-range:U+2026,U+3002,U+4E00,U+4E0A-4E0B,U+4E0D,U+4E22,U+4E24,U+4E2A,U+4E2D,U+4E45,U+4E48,U+4E70,U+4E86,U+4EA4,U+4EBA,U+4EC0,U+4ED8,U+4EE5,U+4F1A,U+4F4D,U+4F60,U+4FBF,U+4FE1,U+505C,U+5145,U+5165,U+516C,U+5174,U+518D,U+5199,U+51B0,U+51E0,U+51FA,U+5237,U+524D,U+52A9,U+5305,U+533B,U+5355,U+5361,U+53BB,U+53D1,U+53D6,U+53E3,U+53EA-53EB,U+53EF-53F0,U+53F3,U+53F7,U+5403,U+540D,U+5411,U+5417,U+542C,U+5496,U+54EA,U+5561,U+5598,U+56FE,U+5728,U+5730,U+573A,U+5750,U+591A,U+592A,U+5934,U+5976,U+597D,U+5B50,U+5B57,U+5B9C-5B9D,U+5BA2,U+5BC6,U+5BDF,U+5BF9,U+5C0F,U+5C11,U+5C40,U+5DE6,U+5DFE,U+5E26,U+5E2E,U+5E38,U+5E97,U+5F00,U+5F20,U+5F80,U+5F88,U+5FAE,U+600E,U+611F,U+6162,U+61C2,U+6211,U+6216,U+623F,U+624B,U+6253,U+6270,U+62A2,U+62A4-62A5,U+6307,U+63A8,U+652F,U+653E,U+654F,U+6551,U+6587,U+65E0,U+65E9,U+662F,U+6655,U+665A,U+6700,U+6709,U+670D,U+673A,U+674E,U+6765,U+676F,U+68AF,U+6B3E,U+6BDB,U+6C14,U+6C34,U+6D17,U+6D77,U+6E29,U+6E38,U+706B,U+70B9,U+70E7,U+7167,U+73B0,U+751F,U+7528,U+7535,U+75BC,U+7684,U+76F4,U+770B,U+7801,U+7968,U+79DF,U+7A7F,U+7AD9,U+7B49,U+7CD6,U+7D20,U+7EB8,U+7EBF,U+7ED9,U+7F51,U+7FFB,U+8005,U+80FD,U+8212,U+82B1,U+82F1,U+8336,U+8350,U+836F,U+83DC,U+884C,U+8868,U+888B,U+88AB,U+8981,U+89C1,U+8B66,U+8BA2,U+8BA4,U+8BC6,U+8BD1,U+8BD5,U+8BDD,U+8BED,U+8BF4,U+8BF7,U+8C22,U+8D35,U+8D70,U+8D77,U+8DEF,U+8F66,U+8F6C,U+8F86,U+8FA3,U+8FC7,U+8FD1,U+8FD9,U+8FDC,U+8FF7,U+9000-9001,U+904D,U+9152,U+91CC,U+91D1,U+94B1,U+94C1,U+95EE,U+95F4,U+9662,U+9700,U+975E,U+9884,U+9910,U+997F,U+9AD8,U+9C9C,U+FF0C,U+FF1F}@font-face{font-family:Noto Sans HK;font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/noto-sans-hk-BaZm6TOh.woff2)format("woff2");unicode-range:U+2026,U+3002,U+4E00,U+4E0B,U+4EBA,U+4ED8,U+4EE5,U+4F4D-4F4F,U+4F60,U+4F7F,U+4FC2,U+4FE1,U+4FFE,U+500B,U+505C,U+5145,U+5165,U+5169,U+5187,U+518D,U+51B0,U+51FA,U+5230,U+524D,U+52A0,U+5305,U+5347,U+5361,U+53BB,U+53E3,U+53EB,U+53EF-53F0,U+53F3,U+540D,U+5411,U+5462,U+5496-5497,U+54A9-54AA,U+5514,U+5561,U+556B,U+5572,U+5587,U+55AE,U+55BA,U+5605,U+5716,U+5730,U+5750,U+57CB,U+5831,U+5834,U+58EB,U+591A,U+591C,U+592A,U+5931,U+5976,U+597D,U+5BA2,U+5BB6,U+5BC6,U+5BEB,U+5BF6,U+5C0D,U+5C11,U+5DE6,U+5DF4,U+5DFE,U+5E36,U+5E6B,U+5E73,U+5E7E,U+5E97,U+5EA6,U+5EE3,U+5F35,U+5FAE,U+601D,U+610F,U+611F,U+6162,U+6211,U+6216,U+623F,U+624B,U+6253,U+6307,U+63A8,U+63D0,U+642D,U+6436,U+64DA,U+652F,U+6536,U+654F,U+6551,U+6587,U+65E9,U+660E,U+6652,U+665A,U+6668,U+6688,U+6700,U+6708-6709,U+670D,U+672C,U+674E,U+676F,U+6771,U+67B6,U+689D,U+6A5F,U+6B21,U+6B3E,U+6BDB,U+6C23,U+6C34,U+6D17,U+6D77,U+706B,U+7121,U+7167,U+71D2,U+724C,U+73FE,U+751F,U+7528,U+7540,U+75DB,U+767C,U+7684,U+76F4,U+7747,U+78BC,U+7A7F,U+7AD9,U+7B49,U+7CD6,U+7D19,U+7D20,U+7D30,U+7DB2,U+7DDA,U+7F72,U+7FFB,U+8005,U+800C,U+8010,U+807D,U+809A,U+8208,U+8212,U+82B1,U+82F1,U+8336,U+843D,U+8569,U+85A6,U+85E5,U+865F,U+884C,U+888B,U+8981,U+898B,U+8A02,U+8A66,U+8A71-8A72,U+8A8D,U+8B1B,U+8B1D,U+8B58,U+8B66,U+8B6F,U+8B77,U+8CB4,U+8CB7,U+8D70,U+8DEF,U+8ECA,U+8F09,U+8F49,U+8FA3,U+8FD1,U+9000-9001,U+900F,U+904A,U+904E,U+9060,U+9072,U+908A,U+90E8,U+9152,U+91AB,U+91D1,U+9280,U+9322,U+9336,U+9435,U+9580,U+958B,U+9593,U+964D,U+9662,U+96FB,U+9700,U+9810,U+982D,U+98DB,U+98DF,U+9910,U+9913,U+9AD8,U+9BAE,U+9EDE,U+FF0C,U+FF1F}:root{--color-paper:#f3efe6;--color-paper-raised:#faf8f4;--color-ink:#1c1917;--color-ink-muted:#5e574e;--color-line:#e3dbd0;--color-cinnabar:#e24b32;--color-cinnabar-ink:#8f2616;--color-cinnabar-wash:#fde7e1;--color-pine:#1d5c40;--color-bronze:#7d5a30;--color-shadow:#1c191714;--font-cjk:"Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-cjk-hk:"Noto Sans HK", "PingFang HK", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-pinyin:"Noto Sans", "Outfit Variable", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces Variable", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--font-ui:"Outfit Variable", "Avenir Next", "Segoe UI", sans-serif;--radius-md:16px;--radius-lg:22px;--shadow-card:0 1px 0 #1c19170a, 0 14px 34px var(--color-shadow);--topbar-sticky-offset:calc(env(safe-area-inset-top) + 61px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}body{font-family:var(--font-ui);color:var(--color-ink);background-color:var(--color-paper);background-image:radial-gradient(900px 420px at -10% -20%,#e24b3217,#0000 55%),radial-gradient(720px 380px at 110% -10%,#7d5a301f,#0000 50%);margin:0;font-size:17px;line-height:1.45}button,input{font:inherit;color:inherit}a{color:inherit}:focus{outline:none}:focus-visible{outline:2px solid var(--color-cinnabar);outline-offset:3px}::selection{background:#f6c7be}.app{min-height:100vh;overflow-x:clip}.shell{width:min(1120px,100% - 32px);margin-inline:auto}.page{padding-bottom:calc(48px + env(safe-area-inset-bottom))}.narrow{width:100%}.skip-link{z-index:50;background:var(--color-ink);color:var(--color-paper);border-radius:8px;padding:8px 12px;text-decoration:none;position:absolute;top:-48px;left:12px}.skip-link:focus{top:calc(env(safe-area-inset-top) + 8px)}.topbar{z-index:20;padding-top:env(safe-area-inset-top);background:color-mix(in srgb, var(--color-paper) 86%, transparent);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;min-height:60px;display:flex}.topbar-tools{align-items:center;gap:8px;display:flex}.wordmark{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.45rem;font-weight:560;text-decoration:none}.wordmark:after{content:"";background:var(--color-cinnabar);border-radius:2px;width:8px;height:8px;margin-left:8px;display:inline-block;transform:translateY(-2px)}.status{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper-raised) 82%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 10px 6px 8px;font-size:.84rem;display:inline-flex}.status-dot{background:var(--color-bronze);border-radius:99px;width:8px;height:8px}.status[data-tone=ready] .status-dot,.status[data-tone=offline] .status-dot{background:var(--color-pine)}.page-header{gap:10px;padding:28px 0 40px;display:grid}.page-header-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-header-copy{min-width:0}.back-link+.page-header{padding-top:22px}.type-eyebrow,.group-title{color:var(--color-bronze);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.type-display{font-family:var(--font-display);letter-spacing:-.045em;font-variation-settings:"SOFT" 30, "WONK" 1, "opsz" 80;text-wrap:balance;margin:0;font-size:clamp(2.7rem,8vw,4.6rem);font-weight:560;line-height:.96}.type-display-cjk{font-family:var(--font-cjk);letter-spacing:0;font-variation-settings:normal;font-size:clamp(3.2rem,10vw,5rem);font-weight:560;line-height:1.2}.type-display-cjk[lang=zh-HK]{font-family:var(--font-cjk-hk)}.type-display-compact,.type-display-cjk.type-display-compact{margin-top:14px;margin-bottom:28px;font-size:clamp(1.9rem,4.8vw,2.8rem);line-height:1.15}.sync-audio{flex-direction:column;flex:none;align-items:flex-end;gap:6px;padding-top:6px;display:flex}.sync-audio-status{max-width:16rem;color:var(--color-ink-muted);text-align:right;margin:0;font-size:.85rem;line-height:1.35}.sync-audio-status[data-tone=error]{color:var(--color-cinnabar-ink)}.type-lede,.type-muted{color:var(--color-ink-muted);margin:0}.type-lede{max-width:36rem;font-size:1.08rem;line-height:1.5}.back-link{color:var(--color-ink-muted);align-items:center;gap:6px;margin-top:14px;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-ink)}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (width>=800px){.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=1100px){.tool-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.tool-card,.language-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-raised);min-height:220px;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;align-items:flex-start;padding:16px;text-decoration:none;display:flex}.tool-index{color:var(--color-bronze);letter-spacing:.14em;font-size:.75rem;font-weight:600}.tool-icon{background:var(--color-cinnabar-wash);width:44px;height:44px;color:var(--color-cinnabar-ink);border-radius:14px;place-items:center;margin-top:18px;display:grid}.tool-name,.language-native{letter-spacing:-.03em;font-weight:560}.language-native{font-family:var(--font-cjk);letter-spacing:0}.language-native[lang=zh-HK]{font-family:var(--font-cjk-hk)}.tool-name{font-family:var(--font-display);margin-top:16px;font-size:1.65rem;line-height:1.05}.tool-description{color:var(--color-ink-muted);margin-top:8px;font-size:.95rem}.tool-open{align-items:center;gap:6px;margin-top:auto;padding-top:18px;font-size:.92rem;font-weight:550;display:inline-flex}.language-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.language-card{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:16px;min-height:0;padding:22px}.language-copy{gap:6px;display:grid}.language-native{margin:12px 0 14px;font-size:clamp(1.9rem,4.8vw,2.8rem);line-height:1.15}.chip-bar{top:var(--topbar-sticky-offset);z-index:10;background:var(--color-paper);width:100vw;margin:0 0 8px calc(50% - 50vw);padding:8px calc(50vw - 50%) 12px;position:sticky}.phrase-search{margin-bottom:12px;display:block}.phrase-search input{border:1px solid var(--color-line);background:var(--color-paper-raised);width:100%;min-height:48px;font-family:var(--font-cjk-hk), var(--font-cjk), var(--font-pinyin), var(--font-ui);border-radius:999px;padding:10px 16px}.phrase-search input::placeholder{color:var(--color-ink-muted)}.chip-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.button-chip{border:1px solid var(--color-line);background:var(--color-paper-raised);border-radius:999px;flex:none;min-height:44px;padding:8px 14px}.button-chip[aria-pressed=true]{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-paper)}.phrase-groups{gap:26px;display:grid}.group-title{margin-bottom:10px}.phrase-list{gap:10px;display:grid}.phrase-block{display:grid}.phrase{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-paper-raised);text-align:left;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:14px 14px 14px 16px;display:grid}.phrase-copy{gap:2px;min-width:0;display:grid}.phrase-native{font-family:var(--font-cjk);letter-spacing:0;font-size:clamp(1.45rem,2.5vw,1.85rem);font-weight:560;line-height:1.35}.phrase-native[lang=zh-HK]{font-family:var(--font-cjk-hk)}.phrase-roman{color:var(--color-pine);font-family:var(--font-pinyin);letter-spacing:.01em;font-size:1rem;font-weight:520}.phrase-english{color:var(--color-ink-muted);margin-top:4px;font-size:.95rem}.phrase-speaker{border:1px solid var(--color-line);background:var(--color-paper);width:46px;height:46px;color:var(--color-ink);border-radius:999px;place-items:center;display:grid}.phrase[data-playing=true]{background:var(--color-cinnabar-wash);border-color:#f0b2a6}.phrase[data-playing=true] .phrase-speaker{border-color:var(--color-cinnabar);background:var(--color-cinnabar);color:#fff;animation:1.1s ease-in-out infinite speak}.phrase-error,.empty-copy{color:var(--color-cinnabar-ink);margin:8px 4px 0;font-size:.92rem}.empty-copy{color:var(--color-ink-muted)}.not-found{gap:12px;padding-top:12px;display:grid}.not-found a{font-weight:600}.auth-screen{justify-content:center;align-items:center;min-height:100vh;padding:40px 16px;display:flex}.auth-card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-paper-raised);width:min(100%,28rem);box-shadow:var(--shadow-card);text-align:center;gap:24px;padding:32px 24px;display:grid}.auth-mark{background:var(--color-cinnabar);color:#fff;width:48px;height:48px;font-family:var(--font-display);border-radius:14px;place-items:center;margin-inline:auto;font-size:1.5rem;font-weight:560;display:grid}.auth-copy{gap:8px;display:grid}.auth-title{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:clamp(1.9rem,4.8vw,2.4rem);font-weight:560;line-height:1.1}.auth-card .type-lede{text-wrap:balance;margin-inline:auto}.auth-error,.auth-email{margin:0}.auth-error{color:var(--color-cinnabar-ink)}.auth-email{color:var(--color-ink-muted);font-size:.92rem}.auth-actions{gap:12px;display:grid}.install-bar{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;background:var(--color-ink);color:var(--color-paper);border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:14px 14px 14px 18px;display:flex;position:fixed;left:16px;box-shadow:0 16px 40px #1c19173d}.install-copy{gap:2px;display:grid}.install-title{font-weight:600}.install-body{color:color-mix(in srgb, var(--color-paper) 76%, transparent);font-size:.92rem}.install-actions{flex:none;align-items:center;gap:8px;display:flex}.button-inverse,.button-quiet{background:0 0;border:0;border-radius:999px}.button-inverse{background:var(--color-cinnabar);color:#fff;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:inline-flex}.button-quiet{color:var(--color-paper);padding:10px 8px}.button-icon{border:1px solid var(--color-line);background:color-mix(in srgb, var(--color-paper-raised) 82%, transparent);border-radius:999px;place-items:center;width:40px;height:40px;padding:0;display:grid}.button-block{width:100%}.button:disabled{cursor:default;opacity:.65}.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}@media (width>=800px){.tool-card{min-height:248px;padding:20px}}@media (width<=520px){.shell{width:min(1120px,100% - 20px)}.install-bar{flex-direction:column;align-items:stretch}.install-actions{justify-content:flex-end}}@media (hover:hover) and (pointer:fine){.tool-card,.language-card,.phrase{transition:transform .16s,border-color .16s}.tool-card:hover,.language-card:hover{border-color:#d9cfc2;transform:translateY(-2px)}.tool-card:hover .tool-open svg,.language-card:hover .tool-open svg{transform:translate(4px)}.tool-open svg{transition:transform .16s}}.tool-card:active,.language-card:active,.phrase:active{transform:scale(.985)}@keyframes speak{0%,to{box-shadow:0 0 #e24b3273}70%{box-shadow:0 0 0 10px #e24b3200}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.tool-card:hover,.language-card:hover,.tool-card:active,.language-card:active,.phrase:active{transform:none}}