:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;color:#414956;background:#f4f4f4;font-synthesis:none;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #82bbfa;outline-offset:3px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.app{height:100dvh;height:var(--app-height,100dvh);display:flex;max-width:1400px;margin:auto;background:#f4f4f4}.chat{min-width:0;display:flex;flex:1;flex-direction:column;position:relative}.header{height:73px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:10px 20px;background:linear-gradient(110deg,#3578ef,#168fff);color:white}.avatar{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#3d54ff,#416afa);color:white;flex-shrink:0}.avatar svg{width:30px;height:30px}.large{width:66px;height:66px}.large svg{width:42px;height:42px}.heading{flex:1;min-width:0}.heading h1{font-size:19px;font-weight:500;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.heading #status{font-size:11px;color:#e6efff;display:block;margin-top:3px}.dial{border:0;border-radius:22px;padding:6px 13px;display:flex;align-items:center;gap:7px;color:white;background:#ffffff25;font-size:14px}.dial svg{width:17px;height:17px;fill:currentColor;stroke-width:1}.messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 28px;scroll-behavior:smooth}.day{text-align:center;color:#8f949e;font-size:12px;margin:0 0 25px}.message{display:flex;align-items:flex-start;gap:11px;margin:0 0 22px}.message .avatar{width:38px;height:38px}.message .avatar svg{width:26px;height:26px}.bubble{max-width:min(76%,560px);background:white;border-radius:3px 11px 11px 11px;box-shadow:0 1px 1px #172a3e03;padding:13px 16px;font-size:16px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message.mine{flex-direction:row-reverse}.mine .bubble{background:#dceeff;border-radius:11px 3px 11px 11px}.mine .avatar{background:#e5eaf6;color:#7185aa}.system-message{display:flex;justify-content:center;gap:6px;align-items:center;color:#5d96c5;font-size:13px;margin:20px 0}.system-message svg{width:14px;height:14px}.composer{padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:flex;gap:10px;align-items:flex-end;border-top:1px solid #e9eaed;background:#fafafa;flex-shrink:0}.composer textarea{resize:none;min-height:42px;max-height:120px;flex:1;min-width:0;border:none;background:white;border-radius:5px;padding:10px 12px;line-height:22px;color:#394350}.composer textarea::placeholder{color:#b6b8bc}.composer button[type=submit]{background:#2289f6;color:white;border:0;border-radius:5px;height:40px;padding:0 17px;font-size:15px}.composer button[type=submit]:disabled{background:#c8c9cb;color:white;opacity:1}.icon-button{background:none;border:0;color:#697480;padding:8px 0;display:flex;align-items:center;justify-content:center}.icon-button svg{width:27px;height:27px}.back{color:white}.banner{padding:10px 18px;background:#fff2d9;color:#876329;font-size:13px;line-height:1.5}.sidebar{width:300px;display:flex;flex-direction:column;background:white;border-right:1px solid #e7ebf2}.side-heading{height:85px;padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0f4}.side-heading strong{font-size:18px;color:#2b3c55}.side-heading small{display:block;color:#929aa7;margin-top:5px}.quiet{border:0;background:none;font-size:13px;color:#818b9a}.side-caption{padding:19px 18px 12px;color:#8993a3;font-size:12px;display:flex;justify-content:space-between}.visitors{flex:1;overflow:auto}.visitor{border:0;border-left:3px solid transparent;background:white;display:block;width:100%;padding:15px;text-align:left}.visitor.active{border-left-color:#2289f6;background:#edf5ff}.visitor .visitor-top{display:flex;gap:8px;align-items:center;color:#34435b;font-size:14px;margin-bottom:7px}.dot{height:7px;width:7px;border-radius:50%;background:#bdc5cf}.dot.online{background:#36be8b}.preview{display:block;color:#939dab;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{margin-left:auto;background:#f2686d;color:white;font-size:11px;border-radius:12px;min-width:18px;text-align:center;padding:1px 4px}.side-footer{font-size:11px;color:#9da6b4;padding:16px;text-align:center;border-top:1px solid #eef1f5}.empty{position:absolute;inset:73px 0 72px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a0a9b7;background:#f4f6f9}.empty h2{font-size:19px;color:#637188;margin:20px 0 0}.empty p{font-size:13px}.login{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#e5f1ff,transparent 70%),#f6f8fc}.login-card{background:white;padding:42px 36px 30px;border-radius:18px;box-shadow:0 18px 80px #16376510;width:100%;max-width:390px}.login-card h1{font-size:24px;color:#2b3e5c;margin:24px 0 8px}.login-card p{font-size:13px;color:#929dad;margin:0 0 30px}.login-card label{display:block;font-size:13px;margin-bottom:10px}.login-card input{border:1px solid #dce3ee;border-radius:7px;width:100%;height:46px;padding:10px}.primary{border:0;border-radius:7px;background:#2389fa;color:white;padding:13px;width:100%;margin-top:20px}.login-card .error{color:#cf4b58;margin:16px 0 0;min-height:18px;line-height:1.5}.call-overlay{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#182840b8;backdrop-filter:blur(9px);padding:24px}.call-card{width:min(360px,100%);padding:40px 24px 26px;border-radius:24px;text-align:center;background:linear-gradient(160deg,#f8fbff,white);box-shadow:0 20px 100px #0002}.call-avatar{width:80px;height:80px;box-shadow:0 0 0 12px #eaf2ff;margin:12px auto}.call-avatar svg{width:45px;height:45px}.call-card h2{font-size:21px;margin:28px 0 12px;color:#273b58}.call-card p{font-size:14px;line-height:1.6;color:#8291a4;min-height:23px}.call-card #callClock{font-variant-numeric:tabular-nums;color:#47698d;font-size:28px;margin:20px 0 28px;letter-spacing:2px}.call-actions{display:flex;justify-content:center;gap:32px;margin:15px 0 30px}.call-action{width:68px;display:flex;align-items:center;flex-direction:column;gap:10px;border:0;background:transparent;font-size:13px;color:#758295;padding:0}.call-action svg,.call-action .mic{width:58px;height:58px;padding:17px;border-radius:50%;color:white;background:#ee616b;stroke-width:2;box-shadow:0 5px 15px #ee616b25}.accept svg{background:#37bb8e;box-shadow:0 5px 15px #37bb8e25}.hangup svg{transform:rotate(135deg)}.mute .mic{background:#e8eff7;color:#54708d;font-size:24px;padding:12px}.mute.muted .mic{background:#b0c6e0;color:#fff}.call-card small{font-size:11px;color:#a0acba}.audio-play{border:1px solid #d6e5f8;background:#eff6ff;color:#4583bf;padding:10px 15px;border-radius:7px;margin-bottom:16px}@media(min-width:800px){body{background:#e9edf3}.app:not(.agent){max-width:640px;box-shadow:0 0 60px #1e3e5b08}.app.agent .chat{background:#f4f6f9}.header{height:80px}.app.agent .header{background:white;color:#2b3e5c;border-bottom:1px solid #e6ebf1}.app.agent .header .heading #status{color:#8c9bb0}.app.agent .dial{background:#eaf3ff;color:#2989ef}.app.agent .back{color:#527493}.messages{padding:26px}.composer{padding:15px 22px}.empty{inset:80px 0 73px}}@media(max-width:700px){.app.agent .sidebar{position:absolute;inset:0;z-index:5;width:100%}.app.agent.show-chat .sidebar{display:none}.app.agent .header>.avatar{display:none}.app.agent .back{display:flex}.header{padding:10px 14px}.bubble{font-size:16px}.composer{padding-left:13px;padding-right:13px;gap:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}