*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e8ecf0;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#101418;font-family:-apple-system,PingFang SC,Noto Sans SC,sans-serif}.app{height:100%;padding-top:env(safe-area-inset-top,0px);flex-direction:column;display:flex}.topbar{border-bottom:1px solid #232a32;flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.on{background:#34d399;animation:1.6s infinite pulse;box-shadow:0 0 8px #34d39988}.dot.idle{background:#fbbf24}.dot.off{background:#6b7280}.status-label{color:#9aa4af;white-space:nowrap;font-size:13px}.conv-id{color:#4b5563;font-family:monospace;font-size:11px}.lag-chip{color:#fbbf24;white-space:nowrap;background:#3a2f14;border-radius:999px;padding:2px 8px;font-size:11px}.spacer{flex:1}.icon-btn{color:#9aa4af;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.new-conv-btn{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:#2563eb;border:none;border-radius:12px;flex-shrink:0;padding:11px 14px;font-size:15px;font-weight:600;line-height:1}.new-conv-btn:active{background:#1d4ed8;transform:scale(.97)}.stream{flex-direction:column;flex:1;gap:6px;padding:12px 14px 20px;display:flex;overflow-y:auto}.seg{color:#8b96a1;padding:2px 4px;font-size:13px;line-height:1.5}.seg.marked{color:#e8ecf0;background:#1d2b3a;border-left:3px solid #38bdf8;border-radius:4px;padding:4px 8px}.seg.partial{opacity:.7;font-style:italic}.chip{color:#06202e;vertical-align:1px;background:#38bdf8;border-radius:4px;margin-right:6px;padding:0 4px;font-size:10px;font-weight:700;display:inline-block}.cursor{color:#38bdf8;animation:1s infinite blink}.msg{word-break:break-word;border-radius:14px;max-width:88%;margin:4px 0;padding:9px 12px;font-size:15px;line-height:1.55}.msg.user{color:#fff;background:#2563eb;border-bottom-right-radius:4px;align-self:flex-end}.msg.agent{background:#1c232b;border:1px solid #2a333d;border-bottom-left-radius:4px;align-self:flex-start}.msg.agent .m-body :is(p,ul,ol,pre,table){margin:6px 0}.msg.agent .m-body pre{background:#10161c;border-radius:8px;padding:8px;font-size:13px;overflow-x:auto}.msg.agent .m-body code{font-family:ui-monospace,monospace;font-size:13px}.msg.agent .m-body table{border-collapse:collapse}.msg.agent .m-body :is(td,th){border:1px solid #2a333d;padding:3px 8px;font-size:13px}.msg.err{color:#f0a5ad;background:#3a1d21;align-self:center;font-size:13px}.face-view{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:16px;display:flex;overflow-y:auto}.rf-face{flex-shrink:0;width:200px;height:138px;position:relative}.rf-head{background:#0b0f13;border:1px solid #232a32;border-radius:44px;position:absolute;inset:0;box-shadow:inset 0 0 36px #0009}.rf-eyes{justify-content:center;gap:36px;transition:transform .4s;display:flex;position:absolute;top:40px;left:0;right:0}.rf-eye{width:36px;height:46px;position:relative}.rf-eye i{background:#7cd6ff;border-radius:17px;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:block;position:absolute;inset:0;box-shadow:0 0 18px #5ec9ff8c,0 0 4px #5ec9ff8c}.rf-eye u{opacity:0;background:#0b0f13;border-radius:50%;transition:opacity .2s,transform .28s;position:absolute;inset:21px -8px -25px;transform:translateY(14px)}.rf-extras{justify-content:center;align-items:flex-end;gap:5px;height:18px;display:flex;position:absolute;bottom:17px;left:0;right:0}.rf-extras s{opacity:0;background:#7cd6ff;border-radius:3px;width:5px;height:6px;transition:opacity .2s;box-shadow:0 0 8px #5ec9ff8c}.rf-rec{opacity:0;background:#ff6b7a;border-radius:50%;width:10px;height:10px;transition:opacity .2s;position:absolute;top:15px;right:20px;box-shadow:0 0 10px #ff6b7ab3}.rf-blush{opacity:0;filter:blur(1px);background:#ff84a480;border-radius:8px;width:18px;height:8px;transition:opacity .3s;position:absolute;top:78px}.rf-blush.l{left:28px}.rf-blush.r{right:28px}.rf-face.idle .rf-eye i{animation:4.2s infinite rf-blink}.rf-face.idle{animation:3.4s ease-in-out infinite rf-bob}.rf-face.listen .rf-eye i{height:50px;animation:5s infinite rf-blink;top:-2px}.rf-face.listen .rf-extras s{opacity:1;animation:1s ease-in-out infinite rf-wave}.rf-face.mark .rf-eye i{border-radius:10px;height:23px;top:12px}.rf-face.mark .rf-rec{opacity:1;animation:1.1s infinite rf-pulse}.rf-face.think .rf-eyes{transform:translate(14px,-8px)}.rf-face.think .rf-eye i{height:38px;animation:3.6s infinite rf-blink}.rf-face.think .rf-extras s{opacity:1;width:6px;height:6px;animation:1.2s infinite rf-dots}.rf-face.think .rf-extras s:nth-child(n+4){display:none}.rf-face.speak .rf-eye u{opacity:1;transform:translateY(0)}.rf-face.speak .rf-extras s{opacity:1;animation:.55s ease-in-out infinite rf-wave}.rf-face.done .rf-eye u{opacity:1;transform:translateY(0)}.rf-face.done .rf-blush{opacity:1}.rf-face.done{animation:.6s cubic-bezier(.34,1.56,.64,1) rf-hop}.rf-face.error .rf-eye.l i{height:8px;top:19px;transform:rotate(18deg)}.rf-face.error .rf-eye.r i{height:8px;top:19px;transform:rotate(-18deg)}.rf-face.error{animation:.5s rf-shake}.rf-extras s:nth-child(2){animation-delay:.15s!important}.rf-extras s:nth-child(3){animation-delay:.3s!important}.rf-extras s:nth-child(4){animation-delay:.45s!important}.rf-extras s:nth-child(5){animation-delay:.6s!important}@keyframes rf-blink{0%,94%,to{transform:scaleY(1)}96.5%{transform:scaleY(.08)}}@keyframes rf-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes rf-wave{0%,to{height:6px}50%{height:17px}}@keyframes rf-dots{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}@keyframes rf-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes rf-hop{0%{transform:translateY(0)}40%{transform:translateY(-12px)}70%{transform:translateY(2px)}to{transform:translateY(0)}}@keyframes rf-shake{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@media (prefers-reduced-motion:reduce){.rf-face,.rf-face *{animation:none!important}}.face-wrap{position:relative}.face-bubble{color:#e8ecf0;cursor:pointer;-webkit-line-clamp:6;white-space:pre-wrap;z-index:2;background:#1c232b;border:1px solid #2e4a63;border-radius:16px;-webkit-box-orient:vertical;width:max-content;max-width:min(78vw,420px);margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.55;animation:.3s cubic-bezier(.34,1.56,.64,1) bubble-pop;display:-webkit-box;position:absolute;bottom:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 24px #0006}.face-bubble:after{content:"";border:8px solid #0000;border-top-color:#2e4a63;position:absolute;top:100%;left:50%;transform:translate(-50%)}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.face-partial{color:#8b96a1;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:480px;min-height:44px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.face-partial.marked{color:#7cd6ff}.face-status{color:#4b5563;font-size:13px}.dock-bar{color:#6b7280;cursor:pointer;-webkit-user-select:none;user-select:none;border-top:1px solid #232a32;justify-content:center;align-items:center;gap:8px;padding:8px;font-size:13px;display:flex}.dock-bar:active{background:#171d24}.dock-chevron{font-size:10px}.dock-badge{color:#fff;text-align:center;background:#2563eb;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:11px;line-height:18px}.step{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;background:#171d24;border:1px solid #232a32;border-radius:999px;align-self:flex-start;max-width:92%;padding:4px 12px;font-size:12px;overflow:hidden}.step.run{color:#9aa4af;border-color:#2e4a63}.step.err{color:#f0a5ad;white-space:normal;border-color:#7f1d1d}.step .s-name{color:#7cc7f0;font-family:ui-monospace,monospace}.step .s-brief{color:#4b5563}.msg-live{color:#9aa4af;background:#1c232b;border:1px solid #2a333d;border-radius:14px;align-self:flex-start;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:flex}.pulse{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulse}.live-no{font-family:monospace;font-size:12px}.dots i{font-style:normal;animation:1.2s infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}.live-time{color:#6b7280;font-family:monospace;font-size:12px}.input-row{border-top:1px solid #232a32;gap:8px;padding:8px 14px;display:flex}.input-row textarea{color:#e8ecf0;resize:none;background:#1c232b;border:1px solid #2a333d;border-radius:10px;flex:1;padding:8px 10px;font-size:16px}.send-btn{color:#fff;background:#2563eb;border:none;border-radius:10px;padding:8px 16px;font-size:15px}.bottombar{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid #232a32;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.listen-btn{color:#9aa4af;background:#1c232b;border:2px solid #2a333d;border-radius:50%;width:64px;height:64px;font-size:14px}.listen-btn.active{color:#34d399;border-color:#34d399}.mark-btn{color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#2563eb,#38bdf8);border:none;border-radius:38px;flex:1;height:76px;font-size:19px;font-weight:600;transition:transform 80ms,box-shadow 80ms}.mark-btn.pressed{background:linear-gradient(135deg,#1d4ed8,#0ea5e9);transform:scale(.96);box-shadow:0 0 24px #38bdf8aa}.mark-btn.disabled{opacity:.35;pointer-events:none}.stop-btn{color:#f0a5ad;background:#3a1d21;border:2px solid #7f1d1d;border-radius:50%;width:64px;height:64px;font-size:13px;line-height:1.2}.icon-btn.kb{width:64px;height:64px;font-size:24px}.stream [data-raw],.stream a{-webkit-touch-callout:none}@media (pointer:coarse){.stream{-webkit-user-select:none;user-select:none}}.msg.agent .m-body a{color:#7cc7f0;word-break:break-all}.copy-toast{color:#7ee2a8;z-index:20;pointer-events:none;background:#14321f;border:1px solid #1f5231;border-radius:999px;padding:8px 18px;font-size:13px;animation:.25s cubic-bezier(.34,1.56,.64,1) bubble-pop;position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.picker{flex-direction:column;flex:1;gap:12px;padding:48px 22px;display:flex;overflow-y:auto}.picker-title{font-size:26px;font-weight:700}.picker-sub{color:#8b96a1;margin-bottom:8px;font-size:14px}.wf-card{color:#e8ecf0;text-align:left;background:#1c232b;border:1px solid #2a333d;border-radius:16px;align-items:center;gap:14px;padding:18px 16px;font-size:15px;display:flex}.wf-card:active{background:#232d38}.wf-icon{font-size:30px}.wf-info{flex-direction:column;gap:3px;display:flex}.wf-name{font-size:17px;font-weight:600}.wf-desc{color:#8b96a1;font-size:13px}.picker-gear{align-self:center;margin-top:auto;font-size:14px}.wf-tag{color:#c6cdd4;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;overflow:hidden}@media (width<=400px){.topbar .status-label{display:none}}.wf-btns{gap:8px;padding:8px 14px 0;display:flex;overflow-x:auto}.wf-chip{color:#7cc7f0;white-space:nowrap;background:#1d2b3a;border:1px solid #2e4a63;border-radius:999px;padding:8px 14px;font-size:14px}.wf-chip:disabled{opacity:.4}.wf-chip:active{background:#24384d}.msg.report{color:#7ee2a8;background:#14321f;border:1px solid #1f5231;align-self:flex-start;font-size:14px;text-decoration:none}.drawer-mask{z-index:9;background:#00000080;position:fixed;inset:0}.drawer{width:min(82vw,340px);padding-top:env(safe-area-inset-top,0px);background:#171d24;border-right:1px solid #232a32;flex-direction:column;animation:.18s ease-out slide-in;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes slide-in{0%{opacity:.5;transform:translate(-30%)}to{opacity:1;transform:translate(0)}}.drawer-head{border-bottom:1px solid #232a32;justify-content:space-between;align-items:center;padding:14px;font-size:15px;font-weight:600;display:flex}.drawer-list{flex:1;padding:8px;overflow-y:auto}.conv-item{cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.conv-item:active{background:#1c232b}.conv-item.active{background:#1d2b3a;border-left:3px solid #38bdf8}.conv-info{flex-direction:column;gap:2px;min-width:0;display:flex}.conv-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.conv-time{color:#6b7280;font-size:11px}.del-btn{color:#4b5563;background:0 0;border:none;flex-shrink:0;padding:4px 6px;font-size:15px}.blank-hint{text-align:center;color:#4b5563;width:100%;max-width:340px;margin:auto;font-size:14px;line-height:2}.blank-recent{flex-direction:column;gap:8px;margin-top:18px;display:flex}.blank-label{color:#6b7280;font-size:12px}.recent-item{color:#c6cdd4;text-align:left;background:#1c232b;border:1px solid #2a333d;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.recent-item:active{background:#232d38}.auth-input{color:#e8ecf0;background:#1c232b;border:1px solid #2a333d;border-radius:10px;padding:12px;font-size:16px}.auth-btns{gap:10px;display:flex}.auth-btns .send-btn{flex:1;padding:12px}.send-btn.ghost{color:#9aa4af;background:#1c232b;border:1px solid #2a333d}.acct-row{flex-wrap:wrap;gap:8px;display:flex}.admin-list{flex-direction:column;gap:6px;max-height:200px;display:flex;overflow-y:auto}.admin-row{background:#1c232b;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.wf-chip.ok{color:#7ee2a8;background:#14321f;border-color:#1f5231}.sheet-mask{z-index:10;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;padding:20px 18px calc(20px + env(safe-area-inset-bottom,0px));background:#171d24;border-radius:16px 16px 0 0;flex-direction:column;gap:10px;display:flex}.sheet h3{font-size:16px}.terms-box{resize:vertical;width:100%;font:inherit;color:#e8ecf0;background:#1c232b;border:1px solid #2a333d;border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.5}.terms-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sheet label{color:#9aa4af;font-size:12px}.sheet input{color:#e8ecf0;background:#1c232b;border:1px solid #2a333d;border-radius:8px;padding:8px 10px;font-size:16px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}