:root{--bg:#f5f6f3;--surface:#fff;--border:#d3dad5;--ink:#0e1f2b;--muted:#5d6c72;--primary:#0f766e;--primary-soft:#d6f0eb;--primary-ink:#0a4f4a;--navy:#10263a;--navy-text:#f4f7f6;--pinyin:#9ccfc5;--danger:#c2410c;--hint-bg:#eef6f3;--radius:14px;--shadow:0 1px 2px rgba(14,31,43,.06),0 4px 12px rgba(14,31,43,.05);--han-sc:"PingFang SC","MiSans","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",var(--font-han),sans-serif;--han-tc:"PingFang TC","Source Han Sans TC","Noto Sans CJK TC","Microsoft JhengHei",var(--font-han),sans-serif;--han-jp:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP",var(--font-han),sans-serif;--lao:"Lao Sangam MN","Noto Sans Lao","Noto Sans Lao UI","Phetsarath OT","Leelawadee UI","Lao UI",var(--font-ui),sans-serif;--deva:"Kohinoor Devanagari","Noto Sans Devanagari","Nirmala UI",var(--font-ui),sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);line-height:1.45;-webkit-font-smoothing:antialiased}button{color:inherit;background:none;border:none;cursor:pointer}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app{--tieng:var(--han-sc);--han:var(--han-tc)}.app[data-tieng=zh-CN]{--han:var(--han-sc)}.app[data-tieng=zh-TW]{--tieng:var(--han-tc)}.app[data-tieng=ja]{--tieng:var(--han-jp)}.app[data-tieng=hi]{--tieng:var(--deva)}.app[data-tieng=lo]{--tieng:var(--lao)}.app[data-tieng=en-SG],.app[data-tieng=en]{--tieng:var(--font-ui)}.app[data-tieng=hi] .micnhac,.app[data-tieng=lo] .micnhac{line-height:1.6}.app{max-width:600px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}main{flex:1 1;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.hdr{background:var(--navy);color:var(--navy-text);padding:calc(14px + env(safe-area-inset-top)) 16px 14px}.hdr h1{font-size:22px;font-weight:700}.hdr .sub{font-family:var(--han);font-size:13px;color:rgba(244,247,246,.7);margin-top:2px}.search{margin-top:12px}.search input{width:100%;min-height:48px;border:none;border-radius:12px;padding:12px 14px;font-size:16px;background:var(--surface);color:var(--ink)}.search input::placeholder{color:var(--muted)}.chips{background:var(--bg);display:flex;flex-wrap:wrap;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}.chip{flex:0 0 auto;min-height:44px;padding:9px 15px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-size:14px;font-weight:600;color:var(--ink)}.chip.on{background:var(--primary);border-color:transparent;color:#fff}.chip.sos{border-color:var(--danger);color:var(--danger)}.chip.sos.on{background:var(--danger);color:#fff}.grphead{display:flex;align-items:baseline;gap:8px;padding:18px 16px 6px}.grphead .gvi{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.grphead .gzh{font-family:var(--han);font-size:13px;color:var(--muted)}.grphead.sos .gvi,.grphead.sos .gzh{color:var(--danger)}.cards{display:flex;flex-direction:column;gap:10px;padding:4px 16px}.card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.card:active{background:var(--primary-soft)}.card.sos{border-color:var(--danger)}.card.sos:active{background:rgba(194,65,12,.08)}.card .vi{font-size:17px;font-weight:600;color:var(--ink)}.card .zh{font-family:var(--han);font-size:25px;font-weight:500;margin-top:3px}.card .py{font-style:italic;font-weight:400;margin-top:2px}.card .py,.placeholder{font-size:15px;color:var(--muted)}.placeholder{padding:48px 24px;text-align:center}.trans{display:flex;flex-direction:column;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.dirrow{display:flex;gap:8px}.dirbtn{flex:1 1;min-height:52px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:16px;font-weight:600;color:var(--ink)}.dirbtn.on{background:var(--primary);border-color:transparent;color:#fff;box-shadow:var(--shadow)}.moderow{display:flex;flex-wrap:wrap;gap:8px}.modechip{flex:0 0 auto;white-space:nowrap;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:15px;font-weight:600;color:var(--ink)}.modechip.on{background:var(--primary);border-color:transparent;color:#fff}.lbl{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:4px}.trans textarea{width:100%;min-height:110px;border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:17px;font-weight:400;background:var(--surface);color:var(--ink);resize:vertical}.crow input::placeholder,.draft textarea::placeholder,.trans textarea::placeholder{color:var(--muted)}.crow input:focus,.draft textarea:focus,.trans textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}.transbtns{display:flex;gap:10px}.ghost{flex:1 1;min-height:56px;border:2px solid var(--primary);border-radius:var(--radius);background:var(--surface);color:var(--primary);font-size:17px;font-weight:600;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.ghost:disabled{opacity:.45}.ghost.listening{background:var(--danger);border-color:var(--danger);color:#fff}.primary{flex:1 1;min-height:56px;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:17px;font-weight:600}.primary:disabled{opacity:.45;cursor:default}.transerr{background:var(--surface);border:1px solid var(--danger);color:var(--danger);border-radius:var(--radius);padding:12px 14px;font-size:14px;line-height:1.5}.result{background:var(--navy);color:var(--navy-text);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.result .rtext{font-size:28px;font-weight:700;line-height:1.25;color:var(--navy-text)}.result .rtext.zh{font-family:var(--tieng);font-size:30px;font-weight:500;color:#fff}.result .rtext.vi{font-family:var(--font-ui)}.result .rpy{margin-top:6px;font-size:15px;font-style:italic;font-weight:400;color:var(--pinyin)}.result .rplay{margin-top:14px;min-height:48px;padding:12px 22px;border-radius:999px;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:15px;font-weight:600}.transnote{background:var(--hint-bg);color:var(--primary-ink);border-radius:var(--radius);padding:12px 14px;font-size:14px;font-weight:400;line-height:1.5}.chat{gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.bubbles,.chat{display:flex;flex-direction:column}.bubbles{gap:10px;min-height:120px}.bubble{max-width:92%;border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.bubble.mine{align-self:flex-end;background:var(--primary-soft);border:1px solid var(--primary)}.bubble.theirs{align-self:flex-start;background:var(--surface);border:1px solid var(--border)}.bubble .bsrc{font-size:17px;line-height:1.4;color:var(--muted)}.bubble .bdst{font-size:25px;font-weight:700;margin-top:4px;line-height:1.3;color:var(--ink)}.bubble.mine .bdst{font-size:28px;font-weight:500}.bubble.mine .bdst,.bubble.theirs .bsrc{font-family:var(--tieng)}.bubble .bpy{font-size:16px;font-style:italic;font-weight:400;color:var(--muted);margin-top:2px}.bubble .bacts{display:flex;gap:8px;margin-top:8px}.bubble .bacts button{min-width:48px;min-height:42px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:18px}.bubble .bacts button.on{background:var(--primary-soft);border-color:var(--primary)}.bubble .bback{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);font-size:15px;line-height:1.4;color:var(--muted)}.bubble .bback b,.result .bback b{font-weight:600;color:var(--primary-ink)}.result .bback{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);font-size:15px;line-height:1.4;color:var(--muted)}.bubble .bback.nocheck{font-style:italic;color:var(--danger)}.bubble .bcheck{margin-top:8px;padding:8px 10px;border-radius:10px;background:var(--hint-bg);font-size:15px;line-height:1.4;color:var(--ink)}.bubble .bcheck b{display:block;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}.bubble.waiting{opacity:.8}.bubble .bwait{margin-top:6px;font-size:15px;font-weight:600;color:var(--muted);animation:bwait 1.2s ease-in-out infinite}@keyframes bwait{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.bubble .bwait{animation:none}}.typing{align-self:flex-start;color:var(--muted);font-size:14px;padding:6px 2px}.benchon{display:flex;gap:6px;align-self:center;padding:4px;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.ben{min-height:48px;min-width:128px;padding:6px 18px;border-radius:999px;color:var(--muted);font-size:16px;font-weight:600;line-height:1.15;touch-action:manipulation}.ben .bennhan{display:block}.ben .bentieng{display:block;font-size:12px;font-weight:500;opacity:.9;margin-top:1px}.ben.on{background:var(--primary);color:#fff}.ben.doc.on{background:var(--danger)}.ben:disabled{opacity:.5;cursor:default}.micvung{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 0 2px}.micto{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;box-shadow:0 6px 18px rgba(15,118,110,.35);touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none}.micto.doc{background:var(--danger);box-shadow:0 6px 18px rgba(194,65,12,.32)}.micto svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.micto.dangnghe{background:var(--navy);box-shadow:0 0 0 10px rgba(16,38,58,.14);animation:micdap 1.3s ease-in-out infinite}.micto.dangmo{opacity:.7}@keyframes micdap{50%{box-shadow:0 0 0 20px rgba(16,38,58,.06)}}.micto:disabled{opacity:.45;cursor:default}.micnhac{font-size:16px;font-weight:600;color:var(--ink);text-align:center;line-height:1.35;min-height:42px;font-family:var(--tieng)}.micphu{display:block;font-family:var(--font-ui);font-size:13px;font-weight:500;color:var(--muted);margin-top:2px}.statuspill{align-self:center;padding:8px 18px;border-radius:999px;background:var(--navy);color:var(--navy-text);font-size:15px;font-weight:600}.statuspill.done{background:var(--primary)}.draft{background:var(--surface);border:2px solid var(--primary);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.draft textarea{width:100%;min-height:96px;max-height:45vh;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:18px;font-weight:400;line-height:1.4;background:var(--bg);color:var(--ink);resize:none;overflow-y:auto;field-sizing:content}.draft textarea.zh{font-family:var(--tieng);font-size:20px}.clearchat{align-self:center;min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:14px;font-weight:600}.cardtab{display:flex;flex-direction:column;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 16px 16px}.cardtitle{text-align:center;padding:8px 0 2px}.cardtitle .ctvi{font-size:20px;font-weight:700;letter-spacing:.04em}.cardtitle .ctzh{font-family:var(--han);font-size:16px;color:var(--muted);margin-top:2px}.crows{gap:10px}.crow,.crows{display:flex;flex-direction:column}.crow{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow)}.crow .cvi{font-size:16px;font-weight:600;color:var(--ink)}.crow .czh{font-family:var(--han);font-size:14px;color:var(--muted);margin-top:1px}.crow input{margin-top:6px;min-height:48px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:18px;font-weight:400;background:var(--bg);color:var(--ink)}.cardnote{background:var(--hint-bg);color:var(--primary-ink);border-radius:var(--radius);padding:12px 14px;font-size:14px;font-weight:400;line-height:1.5}.show{position:fixed;inset:0;z-index:50;background:var(--navy);color:var(--navy-text);display:flex;flex-direction:column;padding:calc(16px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));animation:showin .2s ease;touch-action:manipulation}@keyframes showin{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.show .x{position:absolute;top:calc(8px + env(safe-area-inset-top));right:10px;width:48px;height:48px;font-size:26px;color:rgba(244,247,246,.7)}.show .body{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:14px;text-align:center}.show .svi{font-size:17px;font-weight:400;color:rgba(244,247,246,.72)}.show .szh{font-family:var(--han);font-size:clamp(48px,8.6vw,64px);font-weight:700;line-height:1.25;color:#fff}.show .spy{font-size:19px;font-style:italic;font-weight:400;color:var(--pinyin)}.show .sen{font-size:15px;color:rgba(244,247,246,.55)}.show .btns{display:flex;gap:12px;justify-content:center;margin-top:10px}.show .play{background:var(--primary);border-radius:999px;padding:16px 28px;font-size:18px}.show .play,.show .slow{color:#fff;font-weight:600;min-height:56px}.show .slow{background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:999px;padding:16px 20px;font-size:16px}.show .hint{text-align:center;font-size:13px;color:rgba(244,247,246,.62)}.nav{position:fixed;bottom:0;left:0;right:0;z-index:20;max-width:600px;margin:0 auto;background:var(--surface);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom)}.nav button{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 1px 8px;min-height:60px;color:var(--muted);font-size:clamp(9px,2.6vw,11px);font-weight:500;white-space:nowrap}.nav button.on{color:var(--primary);font-weight:600}.nav svg{width:24px;height:24px;color:inherit}@media (max-width:380px){.nav svg{width:22px;height:22px}}.histbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.histstate{font-size:13px;line-height:1.3;color:var(--muted)}.histstate.syncing{color:var(--primary-ink)}.histstate.error{color:var(--danger)}.histsyncbtn{flex:0 0 auto;min-height:40px;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:14px;font-weight:600}.histsyncbtn:disabled{color:var(--muted)}.histsearch{margin-top:0}.histsearch input{border:1px solid var(--border)}.histtab .histitem{padding:10px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);cursor:pointer}.histtab .histmeta{font-size:12px;color:var(--muted);margin-bottom:3px}.histtab .pinmark{margin-left:6px}.histtab .hvi{font-size:17px;font-weight:600;line-height:1.35;color:var(--ink)}.histtab .hzh{margin-top:2px;font-family:var(--tieng);font-size:15px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.histtab .histitem.open .hzh{white-space:normal;overflow:visible}.histtab .histitem.mine.open .hzh{margin-top:6px;font-size:26px;font-weight:500;line-height:1.3;color:var(--ink)}.histtab .histitem.mine.open .hvi{font-size:16px;font-weight:500;color:var(--muted)}.histtab .histitem.theirs.open .hvi{font-size:23px;font-weight:700;line-height:1.3}.histtab .histitem.theirs.open .hzh{font-size:16px}.histtab .histitem .bpy{margin-top:4px}.histtab .histitem .bacts{display:flex;gap:8px;margin-top:10px}.histtab .histitem .bacts button{min-width:46px;min-height:40px;border-radius:10px;border:1px solid var(--border);background:var(--surface);font-size:17px}.histtab .histitem .bacts button.on{background:var(--primary-soft);border-color:var(--primary)}.caidatnut{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:44px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-size:15px;color:var(--ink);text-align:left}.caidatnut b{font-weight:700}.caidatnut.mo{border-color:var(--primary);background:var(--primary-soft)}.caidatmui{color:var(--muted)}.caidat{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.caidat .lbl{margin-top:4px}.caidatnote{padding:8px 10px;border-radius:10px;background:var(--hint-bg);font-size:14px;line-height:1.45;color:var(--ink)}.caidattk{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--muted)}.caidattk .logout{flex:0 0 auto;margin:0}.rangerow{margin-top:-4px}.rangerow .modechip{min-height:34px;padding:5px 13px;font-size:14px;font-weight:500}.rangerow .modechip.on{font-weight:600}.daypick{display:inline-flex;align-items:center;justify-content:center;min-height:34px;min-width:46px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font-size:15px;cursor:pointer;position:relative}.daypick.on{background:var(--primary);border-color:transparent;color:#fff;font-size:14px;font-weight:600;padding:5px 13px}.rangerow .clearday{min-width:40px;padding:5px 10px;color:var(--muted)}.daypick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;border:none;padding:0}.histtab .bubbles,.histtab .histgroup{gap:6px}.histtab .histitem{align-self:stretch;max-width:none;padding:8px 12px;border-radius:10px;border-left:4px solid var(--primary)}.histtab .histitem.theirs{border-left-color:var(--navy)}.histmore{align-items:center;gap:6px;padding:10px 0 4px}.histgroup,.histmore{display:flex;flex-direction:column}.histgroup{gap:10px}.histday{align-self:center;margin:6px 0 2px;padding:3px 12px;border-radius:999px;background:var(--hint-bg);font-weight:600;letter-spacing:.04em}.bubble .histmeta,.histday{color:var(--muted);font-size:12px}.bubble .histmeta{margin-bottom:4px}.cam{position:fixed;top:0;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));max-width:600px;margin:0 auto;background:#000;overflow:hidden;z-index:5}.camvideo{width:100%;height:100%;object-fit:cover}.camguide,.camvideo{position:absolute;inset:0}.camguide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:calc(24px + env(safe-area-inset-top)) 24px 110px;pointer-events:none}.camframe{width:100%;max-width:360px;aspect-ratio:4/3;border:2px dashed hsla(0,0%,100%,.85);border-radius:var(--radius);box-shadow:0 0 0 100vmax rgba(0,0,0,.35)}.camguide.still .camframe{border-color:var(--primary-soft);border-style:solid}.camhint{font-size:15px;font-weight:600;color:#fff;text-align:center;background:rgba(16,38,58,.72);padding:8px 14px;border-radius:999px}.camoverlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(16,38,58,.35)}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid hsla(0,0%,100%,.35);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cammsg{position:absolute;left:16px;right:16px;top:50%;transform:translateY(-50%);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:16px;font-size:15px;line-height:1.55;box-shadow:var(--shadow)}.cammsg .rplay{margin-top:12px;background:var(--primary);border-color:transparent}.cambar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;padding:14px 16px 18px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent)}.camshot{min-height:56px;padding:14px 28px;border-radius:999px;background:var(--primary);color:#fff;font-size:17px;font-weight:600;box-shadow:var(--shadow)}.camshot:disabled{opacity:.45}.camerr{position:absolute;left:16px;right:16px;bottom:90px;display:flex;flex-direction:column;gap:10px}.camerr .ghost,.sheet{background:var(--surface)}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:78%;display:flex;flex-direction:column;color:var(--ink);border-radius:18px 18px 0 0;box-shadow:0 -6px 24px rgba(14,31,43,.25);animation:sheetup .25s ease}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:none}}.sheetgrip{width:44px;height:5px;border-radius:999px;background:var(--border);margin:10px auto 4px}.sheetbody{overflow-y:auto;padding:8px 18px 6px;display:flex;flex-direction:column;gap:12px}.sheetvi{font-size:22px;font-weight:600;line-height:1.4}.sheetvi,.sheetzh{white-space:pre-wrap}.sheetzh{font-family:var(--tieng);font-size:16px;line-height:1.5;color:var(--muted);border-top:1px solid var(--border);padding-top:10px}.sheetempty{font-size:17px;color:var(--muted)}.sheetwarn{list-style:none;font-size:14px;line-height:1.5;color:var(--danger);background:rgba(194,65,12,.08);border-radius:10px;padding:8px 12px}.sheetbtns{padding:10px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border)}.logout{align-self:center;margin-top:4px}