:root{color-scheme:light dark;--bg: light-dark(#f7f7f7, #161616);--panel: light-dark(#ffffff, #1e1e1e);--rail: light-dark(#2e2e2e, #1a1a1a);--rail-fg: light-dark(#999999, #8f8f8f);--rail-fg-on: #ffffff;--rail-on: rgba(255, 255, 255, .12);--line: light-dark(#e5e5e5, #343434);--text: light-dark(#1a1a1a, #e8e8e8);--muted: light-dark(#8a8a8a, #909090);--green: #07c160;--green-dk: light-dark(#06ad56, #2bc56e);--danger: #fa5151;--ok: light-dark(#1a7f37, #4ac26b);--accent: var(--green);--on-accent: #ffffff;--hover: light-dark(#f0f0f0, #2c2c2c);--selected: light-dark(#e9e9e9, #373737);--input-bg: light-dark(#ffffff, #262626);--avatar-bg: light-dark(#d5e8d4, #274631);--avatar-fg: light-dark(#4a7c59, #a4d3b2);--link: light-dark(#576b95, #8ea2c7);--link-mine: light-dark(#2b5f8e, #cfe0f5);--mention-bg: light-dark(#fff7e0, #3a331c);--mention-border: light-dark(#f0d78c, #6e5b22);--warn-bg: light-dark(#fef0d5, #3a2f16);--warn-fg: light-dark(#b8811f, #d9a441);--chip-me-bg: light-dark(#e8f5ec, #1e3626);--quote-bg: light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .07));--quote-bg-mine: rgba(255, 255, 255, .18);--overlay: light-dark(rgba(0, 0, 0, .35), rgba(0, 0, 0, .55));--shadow: light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .5));--shadow-soft: light-dark(rgba(0, 0, 0, .06), rgba(0, 0, 0, .35));--code-bg: light-dark(#f3f4f6, #2b2f36);--code-fg: light-dark(#1f2328, #e6e6e6);--dot-off: light-dark(#666666, #555555);--auth-bg-a: light-dark(#e9f9ef, #122019);--auth-bg-b: light-dark(#f7f7f7, #161616);--bubble-other: light-dark(#ffffff, #262626);--bubble-mine: light-dark(#95ec69, #2e6b3a)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);font-size:14px}button,a.btn{border:1px solid var(--line);background:var(--panel);border-radius:4px;padding:6px 14px;cursor:pointer;font-size:13px;color:var(--text)}button:hover,a.btn:hover{background:var(--hover)}button.primary,a.btn.primary{background:var(--green);border-color:var(--green);color:var(--on-accent)}button.primary:hover,a.btn.primary:hover{background:var(--green-dk)}a.btn{display:inline-block;text-decoration:none;align-self:flex-start}button.danger{color:var(--danger)}button:disabled{opacity:.5;cursor:default}input,textarea{border:1px solid var(--line);border-radius:4px;padding:8px 10px;font-size:14px;background:var(--input-bg);color:var(--text);outline:none;font-family:inherit}input:focus,textarea:focus{border-color:var(--green)}.muted{color:var(--muted);font-size:12px}.row{display:flex;align-items:center;gap:8px;margin:6px 0}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.auth-wrap{display:grid;place-items:center;height:100%;background:linear-gradient(160deg,var(--auth-bg-a),var(--auth-bg-b))}.auth-card{width:340px;padding:32px 28px;background:var(--panel);border-radius:10px;box-shadow:0 8px 30px var(--shadow-soft);display:flex;flex-direction:column;gap:12px}.auth-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.auth-title{color:var(--green);margin:0;font-size:26px}.auth-switch{background:none;border:none;color:var(--green);font-size:14px;cursor:pointer;padding:4px 0}.auth-switch:hover{text-decoration:underline}.auth-err{color:var(--danger);font-size:12px}.auth-col{display:flex;flex-direction:column;align-items:center;gap:14px}.auth-server{width:340px;display:flex;justify-content:center}.auth-server input{width:100%}.auth-server .auth-switch{color:var(--muted);font-size:13px}.auth-server-form{width:100%;display:flex;flex-direction:column;gap:8px}.auth-server-list{display:flex;flex-direction:column;gap:2px}.auth-server-item{display:flex;align-items:center;gap:4px}.auth-server-pick{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:6px 8px;border:none;background:transparent;border-radius:6px;font-size:13px;text-align:left;cursor:pointer}.auth-server-pick:hover{background:var(--bg)}.auth-server-pick .muted{font-size:12px;overflow-wrap:anywhere}.auth-server-del{border:none;background:transparent;color:var(--muted);font-size:16px;padding:4px 8px;border-radius:6px;cursor:pointer;flex-shrink:0}.auth-server-del:hover{color:var(--danger);background:var(--bg)}.auth-card button.primary:active,.auth-card button.primary.pressed{filter:brightness(.9)}.auth-head .auth-switch:active,.auth-head .auth-switch.pressed{opacity:.6}.auth-server-pick:active,.auth-server-pick.pressed{background:var(--bg)}.auth-server-del:active,.auth-server-del.pressed{color:var(--danger);background:var(--bg)}.shell{display:flex;height:100%}.rail{width:64px;background:var(--rail);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;flex-shrink:0}.rail-avatar{width:38px;height:38px;border-radius:6px;background:var(--green);color:var(--on-accent);display:grid;place-items:center;font-weight:600;margin-bottom:12px}.rail-btn{width:52px;padding:8px 0;border:none;background:transparent;color:var(--rail-fg);font-size:12px;border-radius:6px;position:relative}.rail-btn.on{color:var(--rail-fg-on);background:var(--rail-on)}.rail-foot{margin-top:auto}.badge{position:absolute;top:-2px;right:-2px;background:var(--danger);color:var(--on-accent);font-size:10px;font-style:normal;border-radius:8px;padding:1px 5px;min-width:14px}.dot{width:8px;height:8px;border-radius:50%;background:var(--dot-off);display:block}.dot.on{background:var(--green)}.conv-list{width:280px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;flex-shrink:0}.conv-head{display:flex;gap:6px;padding:10px;border-bottom:1px solid var(--line)}.offline-banner{padding:6px 10px;text-align:center;font-size:12px;color:var(--warn-fg);background:var(--warn-bg);border-bottom:1px solid var(--line);animation:offline-in .2s ease .8s backwards}@keyframes offline-in{0%{opacity:0}to{opacity:1}}.search{flex:1;background:var(--bg)}.icon-btn{width:34px;padding:0;font-size:18px}.conv-scroll{flex:1;overflow-y:auto}.empty-hint{color:var(--muted);text-align:center;margin-top:60px;line-height:1.8;font-size:13px}.conv-item{display:flex;gap:10px;padding:12px 10px;cursor:pointer;align-items:center}.conv-item:hover{background:var(--hover)}.conv-item.on{background:var(--selected)}.avatar{width:40px;height:40px;border-radius:6px;background:var(--avatar-bg);display:grid;place-items:center;font-weight:600;color:var(--avatar-fg);flex-shrink:0;position:relative}.avatar.sm{width:30px;height:30px;font-size:12px}.avatar.lg{width:56px;height:56px;font-size:22px}.online-dot{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--panel)}.conv-mid{flex:1;min-width:0}.conv-title{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-sub{color:var(--muted);font-size:12px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.conv-time{color:var(--muted);font-size:11px}.unread{background:var(--danger);color:var(--on-accent);font-size:10px;border-radius:8px;padding:1px 6px;min-width:16px;text-align:center}.unread.muted{background:var(--muted)}.conv-tabs{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--line)}.conv-tabs button{flex:1;border:none;background:transparent;padding:5px 0;border-radius:5px;color:var(--muted);font-size:12px}.conv-tabs button.on{background:var(--bg);color:var(--text);font-weight:600}.conv-flag{margin-right:3px;font-size:11px}.conv-menu-btn{display:none;position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;font-size:14px;border:none;background:transparent}.conv-item{position:relative}.conv-item:hover .conv-menu-btn,.conv-menu-btn:focus-visible{display:block}.ctx-item{display:block;width:100%}button.ctx-item{border:none;background:transparent;text-align:left}button.ctx-item:hover{background:var(--bg)}.ctx-err{color:var(--danger);font-size:12px;padding:6px 14px}.toasts{position:fixed;top:14px;right:14px;z-index:300;display:flex;flex-direction:column;gap:8px;max-width:300px}.toast{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px var(--shadow);padding:9px 12px;text-align:left;cursor:pointer}.toast b{font-size:13px}.toast span{color:var(--muted);font-size:12px;max-width:270px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-view{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.chat-view.empty{display:grid;place-items:center}.chat-head{height:56px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.chat-title{font-weight:600;font-size:15px}.chat-back{display:none;border:none;background:transparent;font-size:22px;padding:0 10px 0 0}.chat-status{color:var(--muted);font-size:11px;margin-top:2px}.msg-scroll{flex:1;overflow-y:auto;padding:16px}.msg-sys{text-align:center;color:var(--muted);font-size:11px;margin:12px 0}.msg-row{display:flex;gap:8px;margin:10px 0;align-items:flex-start}.msg-row.mine{flex-direction:row-reverse}.msg-body{max-width:65%}.msg-sender{color:var(--muted);font-size:11px;margin-bottom:3px}.bubble{background:var(--bubble-other);border-radius:6px;padding:9px 12px;line-height:1.5;word-break:break-word;white-space:pre-wrap;box-shadow:0 1px 1px var(--shadow-soft);display:inline-block}.msg-row.mine .bubble{background:var(--bubble-mine)}.bubble.pending{opacity:.6}.send-fail{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:12px;color:var(--danger)}.send-fail button{font-size:12px;padding:1px 8px}.msg-img{display:block;max-width:240px;max-height:240px;border-radius:4px;cursor:zoom-in}.msg-file{display:flex;align-items:center;gap:10px;min-width:180px;color:inherit;text-decoration:none}.msg-file .file-ic{font-size:28px}.msg-file .file-meta{display:flex;flex-direction:column}.msg-file .file-meta b{font-size:14px;word-break:break-all}.msg-file .file-meta i{color:var(--muted);font-size:12px;font-style:normal}.composer{border-top:1px solid var(--line);background:var(--panel);padding:10px 12px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.composer-box{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:var(--input-bg)}.composer-box:focus-within{border-color:var(--green)}.composer-box textarea{border:none;background:transparent;resize:none;padding:10px 12px 4px}.composer-tools{display:flex;align-items:center;gap:2px;padding:4px 8px 8px}.composer-tools>.icon-btn{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);border-radius:6px}.composer-tools>.icon-btn:hover:not(:disabled){background:var(--hover);color:var(--text)}.send-btn{height:32px;margin-left:auto;flex:none;border-radius:6px}.readonly-hint{flex:1;text-align:center;color:var(--muted);padding:10px}.contacts{flex:1;overflow-y:auto;padding:24px}.contacts h2{margin:0 0 16px}.card{background:var(--panel);border-radius:8px;padding:16px;margin-bottom:14px;border:1px solid var(--line)}.card h3{margin:0 0 10px;font-size:14px}.card input:not([type=checkbox]):not([type=radio]){flex:1}.found{background:var(--bg);padding:8px;border-radius:6px}.tag{background:var(--warn-bg);color:var(--warn-fg);font-size:10px;padding:1px 6px;border-radius:4px;margin-left:6px}.group-info{position:absolute;right:0;top:0;bottom:0;width:300px;background:var(--panel);border-left:1px solid var(--line);box-shadow:-4px 0 16px var(--shadow-soft);padding:16px;overflow-y:auto;z-index:10}.gi-head{display:flex;justify-content:space-between;align-items:center}.gi-head h3{margin:0}.gi-name{margin:14px 0;display:flex;align-items:center;gap:10px}.gi-members h4{margin:10px 0 6px}.gi-add{background:var(--bg);border-radius:6px;padding:8px;margin-bottom:8px}.gi-actions{display:flex;flex-direction:column;gap:8px;margin-top:20px}.pick{cursor:pointer}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:grid;place-items:center;z-index:100}.modal{width:380px;max-height:70vh;background:var(--panel);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}.modal h3{margin:0}.pick-list{max-height:300px;overflow-y:auto}@media(max-width:720px){.shell{flex-direction:column}.rail{order:99;flex-direction:row;width:100%;height:56px;padding:0;gap:0}.rail-avatar,.rail-foot{display:none}.rail-btn{flex:1;height:100%;width:auto;border-radius:0;font-size:13px}.rail-btn.on{background:transparent;color:var(--green);font-weight:600}.conv-list{width:100%;flex:1;min-height:0;border-right:none}.chat-view.empty{display:none}.chat-view:not(.empty){position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--bg)}.chat-back{display:inline-flex}}.mt{color:var(--link);font-weight:500}.msg-row.mine .mt{color:var(--link-mine)}.bubble.mentioned{background:var(--mention-bg);border:1px solid var(--mention-border)}.bubble.flash{animation:flashbg 2.2s ease}@keyframes flashbg{0%,60%{box-shadow:0 0 0 3px #f0b13c8c}to{box-shadow:none}}.mention-tag{color:var(--danger);font-weight:500;margin-right:2px}.search-panel{border-bottom:1px solid var(--line);background:var(--panel);padding:8px 12px;display:flex;flex-direction:column;gap:6px;max-height:45%}.search-panel input{width:100%}.search-res{overflow-y:auto}.sr-item{display:flex;gap:8px;align-items:baseline;padding:7px 6px;border-radius:6px;cursor:pointer;font-size:13px}.sr-item:hover{background:var(--bg)}.sr-sender{color:var(--muted);flex-shrink:0;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-content{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-time{color:var(--muted);font-size:11px;flex-shrink:0}.composer{position:relative}.ac-list{position:absolute;bottom:100%;left:52px;margin-bottom:6px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px var(--shadow);min-width:180px;max-height:240px;overflow-y:auto;z-index:30}.ac-item{display:flex;gap:8px;padding:9px 12px;cursor:pointer;font-size:13px}.ac-item:hover{background:var(--bg)}.ac-name{color:var(--link)}.ac-disp{color:var(--muted)}.msg-file{cursor:pointer}.pv-modal{width:min(720px,92vw);height:min(560px,86vh);background:var(--panel);border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.pv-head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}.pv-name{flex:1;font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pv-body{flex:1;overflow:auto;display:grid;place-items:center;padding:12px}.pv-body img{max-width:100%;max-height:100%;object-fit:contain}.pv-body pre{width:100%;height:100%;overflow:auto;margin:0;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre-wrap;word-break:break-all;text-align:left}.pv-body iframe{width:100%;height:100%;border:none}.pv-body video{max-width:100%;max-height:100%}.pv-unsupported{color:var(--muted)}.ctx-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200}.ctx-menu{position:fixed;min-width:96px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px var(--shadow);padding:4px;z-index:201}.ctx-item{padding:8px 14px;border-radius:5px;cursor:pointer;font-size:13px}.ctx-item:hover{background:var(--bg)}.pending-files{display:flex;flex-wrap:wrap;gap:6px;padding:4px 2px;max-height:76px;overflow-y:auto}.pf-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px 10px;font-size:12px;max-width:220px}.pf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.pf-chip i{color:var(--muted);font-style:normal}.pf-chip b{cursor:pointer;color:var(--muted);font-weight:400}.pf-chip b:hover{color:var(--danger)}.ad-cards{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.ad-stat{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:12px 18px;min-width:110px;display:flex;flex-direction:column;gap:2px}.ad-stat b{font-size:20px}.ad-stat span{font-size:12px;color:var(--muted)}.ad-toolbar{display:flex;gap:8px;margin-bottom:10px}.ad-toolbar input{flex:1}.ad-table{display:flex;flex-direction:column}.ad-row{display:grid;grid-template-columns:2fr 1.4fr 1.2fr 1.2fr 2fr;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px solid var(--line);font-size:13px}.ad-row.ad-head{color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}.ad-user{display:flex;align-items:center;gap:8px;min-width:0}.ad-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-size:13px;flex-shrink:0}.ad-user b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-user small{color:var(--muted)}.ad-flags{display:flex;flex-wrap:wrap;gap:4px}.ad-badge{font-style:normal;font-size:11px;padding:1px 8px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--muted)}.ad-badge.ad-admin{color:var(--accent);border-color:var(--accent)}.ad-badge.ad-off{color:var(--danger);border-color:var(--danger)}.ad-badge.ad-on{color:var(--ok);border-color:var(--ok)}.ad-actions{display:flex;flex-wrap:wrap;gap:6px}.ad-actions button{font-size:12px;padding:3px 10px}.ad-actions .danger{color:var(--danger);border-color:var(--danger)}.ad-empty{text-align:center;padding:20px}.ad-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.bubble-wrap{position:relative;display:inline-block;max-width:100%}.msg-actions{position:absolute;top:-15px;left:6px;z-index:20;display:none;align-items:center;gap:1px;padding:2px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 2px 8px var(--shadow)}.msg-row.mine .msg-actions{left:auto;right:6px}.bubble-wrap:hover>.msg-actions,.msg-actions:focus-within,.msg-actions.open{display:flex}.msg-actions button{border:none;background:transparent;cursor:pointer;font-size:13px;padding:4px 7px;border-radius:4px;line-height:1.2}.msg-actions button:hover{background:var(--bg)}.msg-actions button:disabled{opacity:.5;cursor:default}.rx-pick{font-size:15px}.bubble.deleted{color:var(--muted);font-style:italic;background:var(--bg);border:1px dashed var(--line);box-shadow:none}.edited-mark{color:var(--muted);font-size:11px;margin-left:6px}.reply-quote{display:block;width:100%;text-align:left;cursor:pointer;border:none;border-left:3px solid var(--accent, var(--green));background:var(--quote-bg);border-radius:4px;padding:4px 8px;margin-bottom:5px;font-size:12px}.msg-row.mine .reply-quote{background:var(--quote-bg-mine)}.rq-name{display:block;font-weight:600;font-size:11px;color:var(--muted)}.rq-text{display:block;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:340px}.msg-row.mine .rq-name,.msg-row.mine .rq-text{color:inherit;opacity:.75}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.msg-row.mine .reactions{justify-content:flex-end}.rx-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:2px 8px;font-size:12px;cursor:pointer}.rx-chip:hover{background:var(--bg)}.rx-chip.me{border-color:var(--accent, var(--green));background:var(--chip-me-bg)}.rx-chip:disabled{opacity:.55;cursor:default}.rx-count{color:var(--muted);font-size:11px}.rx-chip.me .rx-count{color:inherit}.composer-banner{display:flex;align-items:center;gap:8px;border-left:3px solid var(--accent, var(--green));background:var(--bg);border-radius:4px;padding:6px 10px;font-size:12px}.composer-banner.editing{border-left-color:var(--warn-fg)}.cb-label{font-weight:600;white-space:nowrap}.cb-text{color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mut-err{color:var(--danger);font-size:12px}.poll-card{min-width:220px;max-width:320px}.poll-q{font-weight:600;line-height:1.4;word-break:break-word}.poll-ic{margin-right:4px}.poll-meta{color:var(--muted);font-size:11px;margin:2px 0 8px}.poll-opt{position:relative;display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:1px solid var(--line);border-radius:6px;padding:7px 10px;margin-top:6px;background:var(--panel);overflow:hidden;font-size:13px}.poll-opt:hover:not(:disabled){border-color:var(--green)}.poll-opt:disabled{cursor:default;opacity:.8}.poll-opt.mine{border-color:var(--green)}.poll-fill{position:absolute;inset:0 auto 0 0;background:var(--chip-me-bg);pointer-events:none}.poll-label{position:relative;flex:1;word-break:break-word}.poll-count{position:relative;color:var(--muted);font-size:11px;white-space:nowrap}.poll-foot{display:flex;align-items:center;gap:10px;margin-top:8px;color:var(--muted);font-size:11px}.poll-act{border:none;background:none;padding:0;color:var(--link);font-size:12px;cursor:pointer}.poll-act:hover{background:none;text-decoration:underline}.poll-act:disabled{opacity:.5}.poll-opts-edit{max-height:260px;overflow-y:auto}.poll-opt-row input{flex:1}.poll-add{border:1px dashed var(--line);background:none;width:100%;color:var(--muted);padding:7px;margin-top:4px}.poll-add:hover{color:var(--text);border-color:var(--green)}.msg-row.mine .msg-body{text-align:right}.bubble{max-width:100%;text-align:left}.rt-link{color:var(--link, #576b95);overflow-wrap:anywhere}.msg-row.mine .rt-link{color:var(--link-mine, #2b5f8e)}.rt-code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;background:var(--code-bg, rgba(0,0,0,.06));color:var(--code-fg, inherit);border-radius:4px;padding:1px 5px}.msg-row.mine .rt-code{background:var(--code-bg, rgba(0,0,0,.12))}.rt-block{margin:6px 0;border-radius:6px;overflow:hidden;max-width:100%;background:var(--code-bg, rgba(0,0,0,.06));color:var(--code-fg, inherit)}.rt-block:first-child{margin-top:0}.rt-block:last-child{margin-bottom:0}.msg-row.mine .rt-block{background:var(--code-bg, rgba(0,0,0,.12))}.rt-block-head{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:3px 6px 0;min-height:22px}.rt-lang{color:var(--muted);font-size:11px;font-family:ui-monospace,Consolas,monospace}.rt-copy{border:none;background:transparent;padding:1px 6px;font-size:11px;color:var(--link, #576b95);cursor:pointer;border-radius:4px}.rt-copy:hover{background:var(--hover)}.rt-block pre{margin:0;padding:4px 10px 8px;overflow-x:auto;font:12px/1.5 ui-monospace,Consolas,monospace;white-space:pre;text-align:left}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.draft-tag{color:var(--danger);font-weight:500;margin-right:2px}@supports not (color: light-dark(#000,#fff)){:root{--bg: #f7f7f7;--panel: #ffffff;--rail: #2e2e2e;--rail-fg: #999999;--line: #e5e5e5;--text: #1a1a1a;--muted: #8a8a8a;--green-dk: #06ad56;--ok: #1a7f37;--hover: #f0f0f0;--selected: #e9e9e9;--input-bg: #ffffff;--avatar-bg: #d5e8d4;--avatar-fg: #4a7c59;--link: #576b95;--link-mine: #2b5f8e;--mention-bg: #fff7e0;--mention-border: #f0d78c;--warn-bg: #fef0d5;--warn-fg: #b8811f;--chip-me-bg: #e8f5ec;--quote-bg: rgba(0, 0, 0, .05);--overlay: rgba(0, 0, 0, .35);--shadow: rgba(0, 0, 0, .15);--shadow-soft: rgba(0, 0, 0, .06);--code-bg: #f3f4f6;--code-fg: #1f2328;--dot-off: #666666;--auth-bg-a: #e9f9ef;--auth-bg-b: #f7f7f7;--bubble-other: #ffffff;--bubble-mine: #95ec69}}.sess-row{align-items:flex-start}.sess-info{min-width:0}.sess-head{display:flex;align-items:center;gap:6px}.sess-current{color:var(--green);border:1px solid var(--green);border-radius:4px;font-size:10px;padding:0 4px;flex-shrink:0}.sess-ua{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px}.ok-hint{color:var(--green);font-size:12px}.auth-note{color:var(--muted);font-size:13px}.ad-settings{margin-bottom:14px}.ad-settings h3{margin:4px 0 8px;font-size:14px}.ad-settings h3:not(:first-child){margin-top:18px}.ad-mode{gap:14px;margin-bottom:6px}.ad-radio{display:inline-flex;align-items:center;gap:5px;font-size:13px}.ad-radio input{margin:0;flex:none}.ad-saved{color:var(--green)}.ad-invite-form{display:flex;gap:8px;margin-bottom:10px}.ad-invite-form select{border:1px solid var(--line);border-radius:4px;padding:6px 8px;background:var(--panel);color:var(--text)}.ad-invites{font-size:13px}.ad-invite-row{display:grid;grid-template-columns:1.2fr 1.2fr .9fr 1.3fr .7fr .9fr 1.9fr;gap:8px;align-items:center;padding:7px 4px;border-bottom:1px solid var(--line)}.ad-invite-row.ad-head{color:var(--muted);font-size:12px}.inv-code{font-family:ui-monospace,Consolas,monospace;letter-spacing:1px}.inv-note{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-invite-row .ad-actions button{font-size:12px;padding:3px 10px}.pf-err{color:var(--danger);font-size:12px;margin:4px 0}.ad-quota{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ad-quota-input{width:120px}.ad-row{grid-template-columns:2fr 1.4fr 1.2fr 1.2fr .9fr 2fr}.avatar img,.avatar-preview{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar-pick{padding:0;border:none;background:transparent;cursor:pointer}.avatar-pick:disabled{cursor:default}.avatar-setting{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.avatar-actions{display:flex;flex-wrap:wrap;gap:6px}.avatar-actions button{font-size:12px;padding:4px 8px}.rail-avatar.avatar{margin-bottom:12px;color:var(--on-accent);background:var(--green)}.ad-avatar.avatar{width:30px;height:30px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-size:13px}.voice-btn:disabled{opacity:.45;cursor:not-allowed}.composer-box:has(.voice-bar) textarea,.composer-box:has(.voice-bar) .send-btn{display:none}.voice-bar{display:flex;align-items:center;gap:8px;flex:1;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:6px 10px;min-height:36px}.voice-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 25%,transparent)}.voice-timer{font-variant-numeric:tabular-nums;min-width:3em}.voice-cancel,.voice-send{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:6px;padding:4px 10px;cursor:pointer}.voice-send{background:var(--green);color:var(--on-accent);border-color:transparent}.voice-bubble{display:flex;align-items:center;gap:8px;min-width:140px;max-width:220px;padding:2px 0}.voice-play{height:28px;padding:0 8px;border-radius:14px;border:none;cursor:pointer;background:var(--green);color:var(--on-accent);flex:none;font-size:12px}.voice-track{flex:1;height:4px;border-radius:2px;background:var(--line);overflow:hidden;min-width:24px}.voice-track i{display:block;height:100%;width:0;background:var(--text)}.voice-dur{font-size:12px;color:var(--muted);flex:none}.voice-bubble audio{display:none}.avatar.self-avatar{background:var(--warn-bg);color:var(--warn-fg);font-size:20px}.fwd-avatar{font-size:16px}.fwd-from{font-size:11px;color:var(--muted);margin-bottom:3px}.fwd-modal{width:360px}.fwd-list{max-height:320px;overflow-y:auto;margin:8px 0;display:flex;flex-direction:column;gap:2px}.fwd-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:14px}.fwd-item:hover{background:var(--hover)}.fwd-item.on{background:var(--selected)}.fwd-item.dim{opacity:.45}.fwd-item input{margin:0;flex:none}.fwd-item .avatar{width:30px;height:30px;font-size:14px}.fwd-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fwd-count{text-align:right;margin-bottom:4px}.fwd-result{display:flex;flex-direction:column;gap:6px;margin:8px 0}.fwd-ok{color:var(--green);font-size:14px}.fwd-fail{color:var(--danger);font-size:13px}.conv-scroll.search-mode{padding:4px 6px}.gs-chips{display:flex;flex-wrap:wrap;gap:4px;padding:4px 2px 8px}.gs-chip{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:2px 10px;font-size:12px;cursor:pointer}.gs-chip.on{background:var(--accent);color:var(--on-accent);border-color:transparent}.gs-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:0 2px 8px;font-size:12px;color:var(--muted)}.gs-filters select,.gs-filters input{background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-size:12px;padding:3px 6px;max-width:130px}.gs-sec-title{color:var(--muted);font-size:11px;padding:6px 6px 2px;text-transform:none}.gs-item-main{flex:1;min-width:0}.gs-item-top{display:flex;gap:6px;align-items:baseline}.gs-conv{font-weight:600;font-size:12px;flex-shrink:0;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gs-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:13px}.sr-item mark{background:var(--warn-bg);color:var(--warn-fg);border-radius:2px;padding:0 1px}.gi-tabs{display:flex;gap:4px;padding:0 12px 8px}.cm-panel{display:flex;flex-direction:column;flex:1;min-height:0}.cm-tabs{display:flex;gap:4px;padding:0 12px 8px}.cm-body{flex:1;overflow-y:auto;padding:0 12px 12px}.cm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.cm-thumb{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;cursor:zoom-in;background:var(--bg)}.cm-file{display:flex;align-items:center;gap:8px;padding:7px 4px;border-radius:6px;font-size:13px}.cm-file:hover{background:var(--bg)}.cm-file .file-meta{flex:1;min-width:0}.cm-file .file-meta b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-file .file-meta i{color:var(--muted);font-size:12px;font-style:normal}.cm-dl{flex:none;padding:2px 8px;border-radius:6px;border:1px solid var(--line);color:var(--text);text-decoration:none;font-size:14px}.cm-dl:hover{background:var(--bg)}.cm-audio{padding:6px 4px}.cm-audio-meta{color:var(--muted);font-size:11px;margin-bottom:2px}.cm-empty{color:var(--muted);text-align:center;padding:24px 0;font-size:13px}.push-url{display:flex;align-items:center;gap:8px}.push-url-text{flex:1;min-width:0;word-break:break-all;font-size:12px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.push-actions{display:flex;gap:8px;flex-wrap:wrap}.ad-push{display:flex;flex-direction:column;gap:8px;max-width:560px}.chat-head{gap:8px}.chat-head-main{flex:1;min-width:0}button.icon-btn.chat-head-btn{flex:0 0 auto;width:auto;height:32px;white-space:nowrap;padding:0 8px}.ann-bar,.pin-bar{background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0}.ann-bar.ann-new{background:var(--warn-bg)}.ann-toggle,.pin-toggle{width:100%;display:flex;align-items:center;gap:8px;border:none;background:transparent;text-align:left;padding:8px 16px;cursor:pointer}.ann-preview,.pin-excerpt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ann-badge{background:var(--panel);color:var(--warn-fg);font-size:11px;padding:1px 6px;border-radius:4px;border:1px solid var(--warn-fg)}.ann-body,.pin-panel{padding:0 16px 10px}.ann-text{margin:0;white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:13px}.ann-meta,.pin-row{display:flex;align-items:center;gap:8px;margin-top:6px}.ann-meta{color:var(--muted);font-size:12px}.ann-editor{display:flex;flex-direction:column;gap:8px}.ann-editor textarea{width:100%;resize:vertical}.gi-ann{margin:12px 0}.gi-ann h4{margin:0 0 6px}.pin-row .pin-excerpt{color:var(--text)}.bk-panel h4{margin:14px 0 6px}.bk-toolbar{gap:10px;margin-bottom:10px}.bk-list{display:flex;flex-direction:column}.bk-row{display:flex;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.bk-row:last-child{border-bottom:none}.bk-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:12px}.bk-actions{display:flex;gap:6px}.bk-restore{margin-top:14px;border-top:1px solid var(--line);padding-top:4px}.bk-warn{color:var(--danger);font-size:12px;margin:0 0 8px}.bk-confirm{display:flex;gap:8px;margin-top:8px}.bk-confirm input{flex:1}.bk-progress{margin-top:8px;height:6px;border-radius:3px;background:var(--hover);overflow:hidden}.bk-progress-bar{height:100%;background:var(--accent);transition:width .15s ease-out}.st-shell{flex:1;display:flex;min-width:0;min-height:0}.st-nav{width:200px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--line);padding:12px 8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}button.st-nav-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;padding:10px 12px;border-radius:6px;text-align:left;font-size:14px}button.st-nav-item.on{background:var(--green);color:var(--on-accent)}.st-nav-group{display:flex;flex-direction:column;gap:2px}.st-caret{margin-left:auto;color:var(--muted);transition:transform .15s}.st-nav-parent.open .st-caret{transform:rotate(90deg)}button.st-nav-item.sub{padding-left:40px;font-size:13px}.st-body{flex:1;min-width:0;overflow-y:auto;padding:24px}.st-page{max-width:640px;margin:0 auto}.st-page.wide{max-width:1100px}.st-head{display:flex;align-items:center;margin:0 0 16px}@media(max-width:720px){.st-nav{width:100%;border-right:none}button.st-nav-item,button.st-nav-item.on{background:transparent;color:inherit;padding:14px 12px}button.st-nav-item.sub{padding-left:40px}.st-shell.opened .st-nav,.st-shell:not(.opened) .st-body{display:none}.st-body{padding:16px}}.me-profile{display:flex;gap:16px;align-items:flex-start}.me-name{font-size:16px;font-weight:600}.me-profile input{min-width:0}.me-profile button,.set-row>button,.set-row>a.btn{white-space:nowrap}@media(max-width:720px){.contacts{padding:16px}}.card.set-group{padding:0;overflow:hidden}.set-row,.set-block{padding:12px 16px;border-top:1px solid var(--line)}.set-group>:first-child{border-top:none}.set-row{display:flex;align-items:center;gap:12px;min-height:52px}.set-row>button,.set-row>a.btn{flex-shrink:0;align-self:center}.set-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.set-main>.muted{overflow-wrap:anywhere}.set-value{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;flex-shrink:0}.set-block{display:flex;flex-direction:column;gap:8px}.set-block>.row{margin:0}.set-form>*{max-width:360px}.set-more summary{cursor:pointer;margin-top:4px}.set-more a{color:var(--link)}.bot-detail{background:var(--bg)}.bot-label{font-size:12px;margin-top:4px}.bot-kv{display:flex;align-items:center;gap:8px}.bot-k{width:72px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-kv code{flex:1;min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-kv button{flex-shrink:0}.bot-help{display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:12px}.bot-help p{margin:0}.set-logout-card{margin-top:22px}button.set-logout{width:100%;border:none;border-radius:0;padding:14px;color:var(--danger);font-size:14px}.srv-panel{gap:4px}.srv-item{display:flex;align-items:center;gap:10px;padding:6px 0}.srv-item .grow{flex:1;min-width:0}.srv-item .muted{font-size:12px;overflow-wrap:anywhere}.srv-item button{flex-shrink:0}.srv-add{display:flex;gap:8px;margin-top:6px}.srv-add input{flex:1;min-width:0}input.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;margin:0;padding:0;border:none;width:40px;height:24px;border-radius:12px;background:var(--line);position:relative;cursor:pointer;transition:background .15s}input.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 2px var(--shadow);transition:transform .15s}input.switch:checked{background:var(--green)}input.switch:checked:after{transform:translate(16px)}input.switch:disabled{opacity:.5;cursor:default}input.switch:focus-visible{outline:2px solid var(--green);outline-offset:2px}.seg{display:inline-flex;flex-shrink:0;padding:2px;border:1px solid var(--line);border-radius:6px;background:var(--bg)}.seg-opt{padding:4px 12px;border-radius:4px;font-size:13px;color:var(--muted);cursor:pointer}.seg-opt.on{background:var(--panel);color:var(--text);box-shadow:0 1px 2px var(--shadow-soft)}.seg-opt input{position:absolute;opacity:0;width:0;height:0;margin:0}.seg-opt:has(input:focus-visible){outline:2px solid var(--green)}.ctx-menu{max-height:calc(100vh - 8px);overflow-y:auto}.conv-item:hover .conv-right,.conv-item:focus-within .conv-right{margin-right:30px}@media(max-width:720px){.bubble-wrap:hover>.msg-actions:not(.open),.msg-actions:focus-within:not(.open){display:none}.msg-actions.open{position:static;display:flex;flex-wrap:wrap;max-width:100%;margin-bottom:4px}}