:root{--bg:#f6f5f2;--surface:#fff;--surface-2:#efede8;--surface-3:#e6e3dc;--border:#e2ded5;--text:#1b1b1d;--text-2:#57554f;--text-3:#8c8981;--me:#2c56c9;--me-strong:#2347ad;--me-tint:#e9eefc;--them:#b8430f;--them-strong:#9a370b;--them-tint:#fcece3;--ask:#6b4fbb;--ask-tint:#f1edfb;--note:#8a6100;--note-tint:#fff6dc;--danger:#c0352b;--ok:#2e7d4f;--radius:18px;--shadow:0 1px 2px #14120c0f,0 6px 20px #14120c0d;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Noto Sans SC","Microsoft YaHei",sans-serif;--font-zh:"PingFang SC","Hiragino Sans GB","Noto Sans SC","Source Han Sans SC","Microsoft YaHei",-apple-system,sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial;--bg:#121316;--surface:#1b1c20;--surface-2:#24252a;--surface-3:#2e3036;--border:#2f3137;--text:#f1f0ec;--text-2:#b9b7b0;--text-3:#85837d;--me:#7c9cff;--me-strong:#9bb3ff;--me-tint:#1e2640;--them:#ff9a62;--them-strong:#ffb48a;--them-tint:#3a2419;--ask:#b39cff;--ask-tint:#272140;--note:#f2c75c;--note-tint:#322a14;--danger:#ff7a6e;--shadow:0 1px 2px #0000004d,0 6px 20px #00000040}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-size:16px;line-height:1.45}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}p{margin:0}.muted{color:var(--text-3)}.small{font-size:13px}.pad{padding:16px}.zh{font-family:var(--font-zh)}.btn{display:inline-flex;border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:12px;justify-content:center;align-items: center;gap:6px;padding:9px 14px;font-size:15px;font-weight:550}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.btn.primary:hover{opacity:.9}.btn.danger{color:var(--danger)}.btn.big{border-radius:16px;padding:14px 22px;font-size:17px}.icon-btn{display:inline-grid;color:var(--text-2);background:0 0;border:0;border-radius:12px;flex:none;place-items: center;width:44px;height:44px}.icon-btn:hover{background:var(--surface-2)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.on{color:var(--me);background:var(--me-tint)}.icon-spacer{flex:none;width:44px}@media (pointer:coarse){.icon-btn,.send-btn{width:48px;height:48px}.btn{min-height:44px}}.splash{height:100%}.layout{display:flex;height:100%}.layout.narrow{flex-direction:column}.main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.banner{background:var(--note-tint);color:var(--note);padding:10px 16px;font-size:14px}.sidebar{display:flex;background:var(--bg);flex-direction:column;height:100%;min-height:0}.layout.wide .sidebar{border-right:1px solid var(--border);flex:none;width:320px}.layout.narrow .sidebar{flex:1}.sidebar-head{display:flex;padding:max(12px,env(safe-area-inset-top))12px 8px 16px;justify-content:space-between;align-items: center}.brand{display:flex;align-items: center;gap:10px;font-size:18px;font-weight:700}.logo{display:inline-grid;background:linear-gradient(135deg,var(--me),var(--them));color:#fff;font-family:var(--font-zh);border-radius:16px;place-items: center;width:56px;height:56px;font-size:30px;font-weight:700}.logo.small{border-radius:9px;width:30px;height:30px;font-size:17px}.logo.big{border-radius:22px;width:76px;height:76px;font-size:42px}.new-conv{display:flex;background:var(--text);color:var(--bg);border:0;border-radius:14px;justify-content:center;align-items: center;gap:8px;margin:4px 12px 10px;padding:12px;font-size:15px;font-weight:600}.search{display:flex;background:var(--surface-2);color:var(--text-3);border-radius:12px;align-items: center;gap:8px;margin:0 12px 8px;padding:0 12px}.search input{outline:none;color:var(--text);background:0 0;border:0;flex:1;min-width:0;padding:10px 0}.conv-list{overflow-y:auto;padding:0 8px calc(16px + var(--safe-bottom));flex:1}.conv-item{display:flex;text-align:left;background:0 0;border:0;border-radius:12px;flex-direction:column;gap:2px;width:100%;padding:10px}.conv-item:hover{background:var(--surface-2)}.conv-item.selected{background:var(--surface-3)}.conv-item-top{display:flex;justify-content:space-between;gap:8px}.conv-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.conv-item-time{color:var(--text-3);flex:none;font-size:13px}.conv-item-sub{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.home{display:flex;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:14px;padding:24px}.home h1{margin:6px 0 0;font-size:28px}.home p{color:var(--text-2);max-width:380px}.login{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:12px;height:100%;padding:24px}.login h1{margin:0}.login p{margin-bottom:8px}.account{display:flex;align-items: center;gap:12px}.account img{border-radius:50%;width:40px;height:40px}.account>div{flex:1;min-width:0}.login input{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;width:min(280px,100%);padding:12px 14px}.conversation{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.conversation.empty-state{justify-content:center;align-items: center;gap:12px}.conv-head{display:flex;padding:max(8px,env(safe-area-inset-top))8px 8px;border-bottom:1px solid var(--border);background:var(--bg);align-items: center;gap:4px}.conv-title{display:flex;text-align:left;background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;align-items: flex-start;min-width:0;padding:4px 8px}button.conv-title:hover{background:var(--surface-2)}.conv-title .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:16px;font-weight:650}.conv-title .subtitle{color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:13px}.messages{overflow-y:auto;display:flex;flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px 14px 24px}.intro{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);align-self: center;max-width:560px;margin:auto 0;padding:20px}.intro h2{margin:0 0 8px;font-size:19px}.intro p{color:var(--text-2)}.intro ul{color:var(--text-2);display:flex;flex-direction:column;gap:6px;margin:12px 0 0;padding-left:18px;font-size:14px}.intro svg{vertical-align:-2px}.intro-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.turn{display:flex;flex-direction:column;max-width:min(640px,92%)}.turn.me{align-self: flex-end;align-items: flex-end}.turn.them{align-self: flex-start;align-items: flex-start}.turn-meta{display:flex;color:var(--text-3);align-items: center;gap:6px;padding:0 6px 4px;font-size:12px}.turn-meta .status{color:var(--text-2);font-weight:550}.turn-row{display:flex;align-items: flex-end;gap:4px;max-width:100%}.turn.me .turn-row{flex-direction:row-reverse}.bubble{position:relative;border-radius:var(--radius);display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px 15px}.bubble.playable{cursor:pointer;padding-right:38px;transition:box-shadow .15s,transform .12s}.bubble.playable:active{transform:scale(.99)}.bubble.playable:focus-visible{outline:2px solid var(--me);outline-offset:2px}.play-cue{position:absolute;display:grid;color:var(--text-3);border-radius:50%;place-items: center;width:24px;height:24px;top:10px;right:10px}.bubble.playing .play-cue{color:#fff;background:var(--me);animation:1.2s ease-in-out infinite pulse}.turn.them .bubble.playing .play-cue{background:var(--them)}@keyframes pulse{50%{transform:scale(1.15)}}.turn.me .bubble{background:var(--me-tint);border-bottom-right-radius:6px}.turn.them .bubble{background:var(--surface);box-shadow:var(--shadow);border-bottom-left-radius:6px}.source{color:var(--text-2);font-size:15px}.source.zh{font-family:var(--font-zh);font-size:17px}.source.placeholder{color:var(--text-3);font-style:italic}.turn.listening .source{color:var(--text)}.translation{color:var(--text);font-size:19px;font-weight:550;line-height:1.4}.translation.zh{font-family:var(--font-zh);letter-spacing:.01em;font-size:22px;font-weight:600}.turn.me .translation{color:var(--me-strong)}.pinyin{color:var(--text-2);font-size:14px;font-style:italic}.back{color:var(--text-2);font-size:14px}.back span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-right:4px;font-size:11px}.note{color:var(--note);background:var(--note-tint);border-radius:10px;margin-top:2px;padding:7px 10px;font-size:14px}.note svg{vertical-align:-2px}.error{color:var(--danger);display:flex;flex-wrap:wrap;align-items: center;gap:8px;font-size:14px}.turn-row .more .icon-btn{color:var(--text-3)}.private{color:var(--text-3);margin-right:auto;font-size:13px}.ask-foot{display:flex;align-items: center;margin:4px -8px -8px 0}.more{position:relative;flex:none}.menu{position:absolute;z-index:30;background:var(--surface);border:1px solid var(--border);display:flex;border-radius:14px;flex-direction:column;min-width:200px;padding:6px;bottom:calc(100% + 4px);box-shadow:0 10px 30px #0000002e}.menu.down{top:calc(100% + 4px);bottom:auto}.menu.end{right:0}.menu.start{left:0}.menu button{text-align:left;background:0 0;border:0;border-radius:10px;min-height:44px;padding:12px 14px;font-size:16px}.menu button:hover{background:var(--surface-2)}.menu button.danger{color:var(--danger)}.menu-info{color:var(--text-3);border-top:1px solid var(--border);margin-top:4px;padding:8px 14px 6px;font-size:13px}.dots{display:inline-block;vertical-align:middle;opacity:.45;animation:1.1s linear infinite dots;-webkit-mask:linear-gradient(90deg,#000 30%,#0000 40%,#000 60%) 0 0/300% 100%;mask:linear-gradient(90deg,#000 30%,#0000 40%,#000 60%) 0 0/300% 100%;background:radial-gradient(circle,currentColor 2.5px,#0000 3px) 0/12px 100% repeat-x;width:36px;height:1em}@keyframes dots{to{-webkit-mask-position:-100% 0;mask-position:-100% 0}}.ask{display:flex;flex-direction:column;align-self:stretch;gap:8px;max-width:720px}.ask-q{display:flex;background:var(--ask-tint);color:var(--ask);border-radius:14px;align-self: flex-end;align-items: flex-start;gap:6px;max-width:88%;padding:8px 12px;font-size:15px}.ask-q svg{flex:none;margin-top:3px}.ask-img{object-fit:cover;border-radius:14px;align-self: flex-end;max-width:min(260px,70%);max-height:260px}.ask-a{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--ask);padding:12px 15px}.markdown{display:flex;flex-direction:column;gap:8px;font-size:15.5px}.markdown strong{font-family:var(--font-zh);font-weight:650}.say-phrase{display:inline;background:var(--me-tint);color:var(--me-strong);text-align:left;border:0;border-radius:7px;margin:0 -2px;padding:1px 6px;line-height:1.6}.say-phrase:hover{background:color-mix(in srgb,var(--me-tint)70%,var(--me)30%)}.say-phrase svg{vertical-align:-2px;opacity:.7}.markdown ul,.markdown ol{margin:0;padding-left:20px}.markdown code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.9em}.drop-overlay{position:absolute;z-index:40;display:grid;border:2px dashed var(--ask);border-radius:var(--radius);background:color-mix(in srgb,var(--bg)82%,transparent);backdrop-filter:blur(2px);pointer-events:none;place-items: center;inset:8px}.drop-card{display:flex;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);color:var(--ask);text-align:center;flex-direction:column;align-items: center;gap:6px;padding:20px 28px}.drop-card b{color:var(--text);font-size:17px}.drop-card span{color:var(--text-2);font-size:14px}.assistant{border-top:2px solid var(--ask);background:var(--bg);display:flex;overflow-y:auto;flex-direction:column;gap:8px;max-height:46vh;padding:6px 12px 4px}.assistant-head{display:flex;color:var(--ask);align-items: center;gap:10px;padding-left:4px}.assistant-head>div{display:flex;flex-direction:column;flex:1;min-width:0}.assistant-head b{color:var(--text);font-size:15px}.assistant-head span{color:var(--text-3);font-size:13px}.pad-x{padding:0 4px 8px;font-size:14px}.suggestion{display:flex;text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:3px;padding:12px 14px}.suggestion:hover{border-color:var(--me)}.suggestion .zh{font-family:var(--font-zh);color:var(--me-strong);font-size:18px;font-weight:600}.suggestion .pinyin{font-size:13px}.suggestion .en{color:var(--text-2);font-size:14px}.suggestion .tone{text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-size:11px}.composer{border-top:1px solid var(--border);background:var(--bg);padding:10px 12px calc(10px + var(--safe-bottom));display:flex;flex-direction:column;gap:10px}.live{display:flex;background:var(--surface);box-shadow:var(--shadow);border-radius:14px;align-items: center;gap:10px;padding:8px 8px 8px 14px}.live-dot{background:var(--ok);transform:scale(calc(1 + min(var(--level,0)*12,1.2)));border-radius:50%;flex:none;width:10px;height:10px;transition:transform 80ms linear}.live-text{color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px}.mics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mic{position:relative;display:flex;color:#fff;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow:hidden;isolation:isolate;border:0;border-radius:18px;justify-content:center;align-items: center;gap:10px;padding:14px 12px;transition:transform .12s}.mic.me{background:var(--me)}.mic.them{background:var(--them)}.mic.active{transform:scale(.97)}.mic-ring{position:absolute;z-index:-1;border-radius:inherit;background:#fff0;transition:transform 80ms linear,background .15s;inset:0}.mic.active .mic-ring{transform:scale(calc(1 + min(var(--level,0)*10,.6)));background:#ffffff2e}.mic.active{box-shadow:inset 0 0 0 3px #ffffff59}.mic.me.active{background:var(--me-strong)}.mic.them.active{background:var(--them-strong)}.mic-label{display:flex;flex-direction:column;align-items: flex-start;line-height:1.15}.mic-lang{font-size:17px;font-weight:700}.mic-hint{opacity:.85;font-size:12px}.compose-row{display:flex;background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items: flex-end;gap:2px;padding:4px}.compose-row.asking{border-color:var(--ask)}.compose-row.asking .send-btn{background:var(--ask);color:#fff}.compose-row textarea{resize:none;outline:none;field-sizing:content;background:0 0;border:0;flex:1;align-self: center;min-width:0;max-height:140px;padding:11px 6px;font-size:16px;line-height:1.35}.icon-btn.assist{color:var(--ask)}.send-btn{display:grid;background:var(--text);color:var(--bg);border:0;border-radius:12px;flex:none;place-items: center;width:44px;height:44px}.send-btn:disabled{opacity:.25;cursor:default}.f2f{position:fixed;z-index:50;display:grid;grid-template-rows:1fr 1fr;background:var(--bg);inset:0}.f2f-half{position:relative;display:flex;padding:20px 20px calc(20px + var(--safe-bottom));flex-direction:column;justify-content:flex-end;gap:16px;min-height:0}.f2f-half.them{background:var(--them-tint);padding-bottom:calc(20px + env(safe-area-inset-top,0px));transform:rotate(180deg)}.f2f-half.me{background:var(--me-tint);border-top:1px solid var(--border)}.f2f-text{overflow-y:auto;display:flex;flex:1;align-items: center;min-height:0;font-size:clamp(22px,4.6vh,40px);font-weight:600;line-height:1.3}.f2f-text.zh{font-family:var(--font-zh)}.f2f-half.me .f2f-text{padding-right:36px}.f2f-sub{color:var(--text-2);font-size:16px;font-style:italic}.f2f .mic{padding:18px}.f2f-close{position:absolute;top:10px;right:10px}.sheet-backdrop{position:fixed;z-index:60;display:flex;background:#00000059;justify-content:center;align-items: flex-end;inset:0}.sheet{display:flex;background:var(--bg);box-shadow:var(--shadow);border-radius:22px 22px 0 0;flex-direction:column;width:min(560px,100%);max-height:90vh}@media (min-width:700px){.sheet-backdrop{align-items: center}.sheet{border-radius:22px}}.sheet-head{display:flex;justify-content:space-between;align-items: center;padding:14px 10px 6px 20px}.sheet-head h2{margin:0;font-size:18px}.sheet-body{overflow-y:auto;padding:6px 20px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:12px}.sheet-actions{display:flex;justify-content:space-between;gap:10px;padding-top:6px}.hint{color:var(--text-3);font-size:13px}.toasts{position:fixed;left:50%;bottom:calc(150px + var(--safe-bottom));z-index:70;display:flex;pointer-events:none;flex-direction:column;gap:8px;width:min(440px,100% - 32px);transform:translate(-50%)}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow);text-align:center;border-radius:12px;padding:10px 14px;font-size:14px}.toast.error{background:var(--danger);color:#fff}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>span{color:var(--text-2);font-size:13px;font-weight:600}.field input,.field select,.field textarea,.glossary input{border:1px solid var(--border);background:var(--surface);outline:none;border-radius:11px;width:100%;min-width:0;padding:10px 12px}.field input:focus,.field select:focus,.field textarea:focus,.glossary input:focus{border-color:var(--me)}.field textarea{resize:vertical}.field input[type=range]{accent-color:var(--me);background:0 0;border:0;padding:0}.field-group{display:flex;background:var(--surface-2);border-radius:14px;flex-direction:column;gap:10px;padding:12px}.row{display:flex;align-items: center;gap:8px}.row select{flex:1}.row.end{justify-content:flex-end}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:480px){.grid2{grid-template-columns:1fr}}.toggle{display:flex;cursor:pointer;align-items: center;gap:10px;padding:4px 0;font-size:15px}.toggle input{position:absolute;opacity:0;pointer-events:none}.switch{position:relative;background:var(--surface-3);border-radius:12px;flex:none;width:40px;height:24px;transition:background .15s}.switch:after{content:"";position:absolute;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle input:checked+.switch{background:var(--me)}.toggle input:checked+.switch:after{transform:translate(16px)}.toggle input:focus-visible+.switch{outline:2px solid var(--me);outline-offset:2px}.settings{display:flex;flex-direction:column;flex:1;min-height:0}.settings-body{overflow-y:auto;padding:8px 16px calc(40px + var(--safe-bottom));display:flex;flex-direction:column;flex:1;gap:8px}.settings-body section{display:flex;border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-self: center;gap:10px;width:min(720px,100%);padding:16px}.settings-body section.muted{box-shadow:none;background:0 0}.settings-body h3{margin:0;font-size:16px}.glossary{display:flex;flex-direction:column;gap:6px}.glossary-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items: center;gap:6px}@media (max-width:520px){.glossary-row{grid-template-columns:1fr 1fr auto}.glossary-row input:nth-child(3){display:none}}.people{display:flex;flex-direction:column;align-items: flex-start;gap:8px}.person{display:block;text-align:left;background:var(--surface-2);border:0;border-radius:12px;width:100%;padding:12px 14px}.person:hover{background:var(--surface-3)}.row.spread{justify-content:space-between}.person .zh{color:var(--text-2);margin-left:4px}.person-edit{display:flex;background:var(--surface-2);border-radius:12px;flex-direction:column;gap:10px;width:100%;padding:12px}