:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f6fa;--panel:#fff;--panel-2:#eef2f7;--border:#dce3ed;--text:#202b3c;--muted:#637086;--accent:#2467d7;--accent-soft:#e8f0ff;--mine:#e1edff;--bubble:#fff;--danger:#c13f45;--online:#32b86a;--away:#e6aa29;--offline:#a9b3c2;--warning-bg:#fff3d5;--warning-text:#785600;--shadow:0 16px 48px #182a461f;--radius:12px;--control-radius:8px;--control-height:36px;--font:system-ui, -apple-system, "Segoe UI", "Microsoft JhengHei", "PingFang TC", sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171c24;--panel:#1e2530;--panel-2:#283140;--border:#354154;--text:#e9eef6;--muted:#a1aec1;--accent:#3979df;--accent-soft:#293e60;--mine:#2a4468;--bubble:#242e3c;--danger:#ff9299;--warning-bg:#3c321e;--warning-text:#f4d184;--shadow:0 16px 48px #0000004d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{height:100dvh;padding-top:env(safe-area-inset-top,0px);background:var(--panel)}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-user-select:none;user-select:none;font-size:14px;line-height:1.5;overflow:hidden}input,textarea,select,button{font:inherit;color:inherit}button{min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--panel);white-space:nowrap;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-weight:500;line-height:1;display:inline-flex}button:hover:not(:disabled){background:var(--panel-2)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:not([type=checkbox]):not([type=file]),textarea,select{min-width:0;min-height:var(--control-height);border:1px solid var(--border);border-radius:var(--control-radius);background:var(--panel-2);color:var(--text);padding:7px 10px;line-height:20px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}input:not([type=checkbox]):focus,textarea:focus,select:focus{border-color:var(--accent)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0}a{color:var(--accent);text-underline-offset:3px}:root[data-theme=dark] a{color:#91bdff}.boot,.pane-empty{text-align:center;height:100%;color:var(--muted);justify-content:center;align-items:center;padding:24px;display:flex}.pane-empty.small{height:auto;padding:40px 16px}.shell{--sidebar-w:240px;height:100%;min-height:0;display:flex}.sidebar{width:min(var(--sidebar-w), 45%);background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;min-width:180px;min-height:0;display:flex;position:relative}.sidebar-resizer{cursor:col-resize;z-index:1;width:6px;height:100%;position:absolute;top:0;right:-3px}.pane{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.shell.narrow .sidebar,.shell.narrow .pane{width:100%;min-width:0}.shell.narrow .sidebar{border-right:0}.shell.popout .pane{height:100%}.me{border-bottom:1px solid var(--border);grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:16px 12px 12px;display:grid}.me-text,.contact-text,.pane-title,.conv-main{min-width:0}.me-name,.pane-name{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.me-controls{grid-column:1/-1;align-items:center;gap:8px;display:flex}.me-controls .presence-select{height:var(--control-height);flex:1;padding-block:0;font-size:12px}.status-text{width:100%;height:24px;min-height:24px;color:var(--muted);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:4px;padding:0;font-size:12px;font-weight:400;line-height:24px;display:block;overflow:hidden}.me-text .status-input{width:100%;height:24px;min-height:24px;padding:1px 4px;font-size:12px}.offline-bar{background:var(--warning-bg);color:var(--warning-text);padding:8px 12px;font-size:12px}.search{padding:12px}.search input{width:100%}.contacts,.conv-list{flex:1;min-height:0;margin:0;padding:0 8px 12px;list-style:none;overflow-y:auto}.contacts li{border-radius:var(--control-radius);cursor:pointer;align-items:center;gap:10px;margin-bottom:4px;padding:10px 8px;display:flex}.contacts li:hover{background:var(--panel-2)}.contacts li.active{background:var(--accent-soft)}.contacts li.empty,.conv-list li.empty{color:var(--muted);cursor:default;text-align:center;justify-content:center}.contact-text,.pane-title{flex:1}.contact-name,.conv-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.contact-sub,.pane-sub,.conv-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.badge{background:var(--accent);color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.avatar{border-radius:50%;flex:none;display:inline-block;position:relative}.avatar img,.avatar-fallback{object-fit:cover;color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-weight:600;display:flex}.avatar .dot{border:2px solid var(--panel);background:var(--offline);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.dot.online{background:var(--online)}.dot.away{background:var(--away)}.pane-header{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;min-height:72px;padding:12px 16px;display:flex}.icon-btn{width:var(--control-height);height:var(--control-height);min-height:var(--control-height);color:var(--muted);background:0 0;border-color:#0000;padding:0;font-size:18px}.icon-btn:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.danger,.icon-btn.danger:hover:not(:disabled),.link.danger:hover:not(:disabled){color:var(--danger)}.primary{background:var(--accent);color:#fff;border-color:#0000}.primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.link{min-height:28px;color:var(--muted);background:0 0;border-color:#0000;padding:0 4px;font-size:12px}.link:hover:not(:disabled){color:var(--accent)}.assistant-list{flex-direction:column;height:100%;min-height:0;display:flex}.conv-list{padding:12px}.conv-list li{border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;margin-bottom:4px;padding:12px;display:flex}.conv-list li:hover,.conv-list li:focus-within{background:var(--panel)}.conv-main{flex:1}.conv-main input{width:100%}.conv-side{flex:none;align-items:center;gap:8px;display:flex}.conv-time{color:var(--muted);white-space:nowrap;font-size:11px}.conv-actions{opacity:0;pointer-events:none;gap:4px;display:inline-flex}.conv-list li:hover .conv-actions,.conv-list li:focus-within .conv-actions{opacity:1;pointer-events:auto}.chat{flex-direction:column;height:100%;min-height:0;display:flex;position:relative}.messages{overscroll-behavior:contain;flex:1;min-height:0;padding:16px 20px;overflow:hidden auto}.load-more{text-align:center;color:var(--muted);padding:8px;font-size:12px}.day-sep{color:var(--muted);align-items:center;gap:12px;margin:20px 0 16px;font-size:12px;display:flex}.day-sep:before,.day-sep:after{content:"";background:var(--border);flex:1;height:1px}.msg{align-items:flex-start;gap:8px;max-width:min(82%,680px);margin-top:14px;display:flex}.msg.grouped{margin-top:4px}.msg.mine{flex-direction:row-reverse;margin-left:auto}.msg-avatar{flex:none;width:28px;padding-top:4px}.msg-body{flex-direction:column;align-items:flex-start;min-width:0;max-width:100%;display:flex}.msg.mine .msg-body{align-items:flex-end}.bubble{background:var(--bubble);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;max-width:100%;padding:10px 12px;line-height:1.6}.msg.mine .bubble{background:var(--mine);border-color:#0000}.bubble.deleted{color:var(--muted);font-style:italic}.bubble.streaming:after{content:"▍";color:var(--muted);animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.bubble.md{white-space:normal}.bubble.md p{margin:0 0 8px}.bubble.md>:first-child{margin-top:0}.bubble.md>:last-child{margin-bottom:0}.bubble.md pre{background:var(--panel-2);border:1px solid var(--border);border-radius:var(--control-radius);max-width:100%;padding:12px;font-size:13px;overflow-x:auto}.bubble.md code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}.bubble.md :not(pre)>code{background:var(--panel-2);border-radius:4px;padding:1px 5px}.bubble.md table{border-collapse:collapse;max-width:100%;margin:8px 0;display:block;overflow-x:auto}.bubble.md th,.bubble.md td{border:1px solid var(--border);padding:6px 10px}.bubble.md ul,.bubble.md ol{margin:8px 0;padding-left:20px}.bubble.md img{border-radius:var(--control-radius);max-width:100%;height:auto}.bubble.md blockquote{border-left:3px solid var(--border);color:var(--muted);margin:8px 0;padding-left:12px}.bubble .edit-box{resize:vertical;background:0 0;border:0;width:100%;min-width:0;min-height:64px;padding:0;display:block}.msg-meta{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;max-width:100%;margin-top:2px;padding:0 2px;font-size:11px;line-height:20px;display:flex}.msg-side{height:100%;max-height:44px;color:var(--muted);white-space:nowrap;opacity:0;pointer-events:none;align-items:center;gap:2px;font-size:11px;display:flex;position:absolute;top:0}.msg.mine .msg-side{flex-direction:row-reverse;right:calc(100% + 6px)}.msg:not(.mine) .msg-side{left:calc(100% + 6px)}.msg:hover .msg-side,.msg:focus-within .msg-side{opacity:1;pointer-events:auto}.msg-side .link{min-height:20px;padding:0 4px;font-size:11px}.msg-side>span{padding:0 4px}.msg-body{position:relative}.msg.mine .msg-meta{justify-content:flex-end}.attachments{white-space:normal;flex-wrap:wrap;align-items:flex-start;gap:8px;min-width:0;margin-top:8px;display:flex}.attachments:first-child,.bubble>span:empty+.attachments{margin-top:0}.att-image{border-radius:var(--control-radius);background:var(--panel-2);cursor:zoom-in;border:0;flex-shrink:1;min-width:0;max-width:100%;min-height:0;padding:0;display:block;overflow:hidden}.att-image img{object-fit:contain;width:auto;max-width:min(320px,100%);height:auto;max-height:260px;display:block}.att-file{background:var(--panel-2);flex-shrink:1;gap:8px;min-width:0;max-width:min(320px,100%);min-height:40px;padding:8px 10px}.att-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.att-icon,.att-size{flex:none}.att-size{color:var(--muted);font-size:12px}.uploads{border-top:1px solid var(--border);background:var(--panel);flex-direction:column;flex:none;gap:6px;max-height:min(28vh,200px);padding:10px 12px;display:flex;overflow-y:auto}.upload{border:1px solid var(--border);border-radius:var(--control-radius);background:var(--panel-2);flex:none;align-items:center;gap:8px;min-height:40px;padding:4px 8px;font-size:12px;display:flex;position:relative;overflow:hidden}.upload.error{color:var(--danger)}.upload-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.upload-status{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;max-width:50%}.upload .icon-btn{--control-height:28px;font-size:14px}.upload-bar{background:var(--accent);height:3px;position:absolute;bottom:0;left:0}.composer{--control-height:40px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);flex:none;align-items:flex-end;gap:8px;display:flex}.composer textarea{width:0;min-height:var(--control-height);resize:none;flex:1;max-height:180px;padding:9px 12px;line-height:20px;display:block}.composer .primary{height:var(--control-height)}.drop-hint{border:2px dashed var(--accent);border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);pointer-events:none;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:8px}.login{justify-content:center;align-items:center;height:100%;padding:24px;display:flex;overflow-y:auto}.login-card{--control-height:40px;background:var(--panel);border:1px solid var(--border);width:340px;max-width:100%;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:16px;margin-block:auto;padding:28px;display:flex}.login-card h1{text-align:center;letter-spacing:-.5px;margin:0 0 8px;font-size:24px;font-weight:650;line-height:1.3}.login-card label,.modal label{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:500;display:flex}.login-card input{width:100%;font-size:14px}.login-card .primary{width:100%;margin-top:4px}.error{color:var(--danger);overflow-wrap:anywhere;font-size:12px}.modal-backdrop{z-index:10;background:#08101e7a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);width:400px;max-width:100%;max-height:100%;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.modal header{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal h2{margin:0;font-size:18px;font-weight:650}.modal section{flex-direction:column;gap:10px;display:flex}.modal label.check{min-height:28px;color:var(--text);flex-direction:row;align-items:center;gap:10px;font-size:14px;font-weight:400}.modal select{width:100%;font-size:14px}.modal .row{align-items:center;gap:8px;display:flex}.modal .row input{width:0;height:var(--control-height);flex:1}.modal .advanced{border-top:1px solid var(--border);padding-top:16px}.modal footer{border-top:1px solid var(--border);justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.version{min-width:0;color:var(--muted);overflow-wrap:anywhere;cursor:default;flex:1;font-size:11px}.viewer{z-index:20;-webkit-user-select:none;user-select:none;background:#05080ef0;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{color:#e9eef6;background:#151c28;border-bottom:1px solid #354154;flex-wrap:wrap;flex:none;align-items:center;gap:8px 16px;padding:12px 16px;font-size:13px;display:flex}.viewer-name{white-space:nowrap;text-overflow:ellipsis;flex:160px;min-width:0;overflow:hidden}.viewer-details{color:#a1aec1}.viewer-controls{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.viewer-zoom{text-align:center;font-variant-numeric:tabular-nums;color:#bdc9da;flex:none;width:52px}.viewer-btn{height:var(--control-height);color:#e9eef6;background:#283140;border:1px solid #43516a;padding:0 10px;font-size:13px}.viewer-icon{width:var(--control-height);padding:0;font-size:18px}.viewer-btn:hover:not(:disabled){background:#354154}.viewer-btn:focus-visible{outline-color:#91bdff}.viewer-stage{cursor:zoom-in;touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.viewer-stage.zoomed{cursor:grab}.viewer-stage.dragging{cursor:grabbing}.viewer-stage img{transform-origin:50%;will-change:transform;flex:none;max-width:none;max-height:none}.viewer-hint{text-align:center;color:#a1aec1;pointer-events:none;flex:none;padding:8px 12px 12px;font-size:12px}@media (max-width:559px){.pane-header{gap:8px;padding:12px}.messages{padding:12px}.msg{max-width:92%}.composer{gap:6px;padding:10px}.composer .primary{padding-inline:10px}.conv-list{padding:8px}.conv-list li{gap:8px;padding:10px 8px}.conv-side{flex-wrap:wrap;justify-content:flex-end;gap:4px;max-width:100px}.viewer-bar{padding:10px}.viewer-name{flex-basis:100%}.viewer-controls{margin-inline:auto}.modal{padding:16px}}@media (hover:none){.msg-side,.conv-actions{opacity:1;pointer-events:auto}}@media (prefers-reduced-motion:reduce){.bubble.streaming:after{animation:none}.viewer-stage img{transition:none!important}}@media (pointer:coarse){input:not([type=checkbox]):not([type=file]),textarea,select,.me-text .status-input,.me-controls .presence-select,.login-card input{font-size:16px}}