:root{--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-lg: 18px;--fs-xl: 20px;--fs-2xl: 24px;--fs-3xl: 30px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--brand-red-900: #6d1618;--brand-red-800: #8a1c1e}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-feature-settings:"cv11","ss01";font-variant-numeric:tabular-nums;background-color:#f8fafc;color:#0f172a}.tabular-nums,.font-mono{font-variant-numeric:tabular-nums}@keyframes di-fade-in{0%{opacity:0}to{opacity:1}}@keyframes di-slide-from-bottom-4{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes di-slide-from-top-2{0%{transform:translateY(-.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes di-zoom-in-95{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-in{animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:both}.fade-in{animation-name:di-fade-in}.slide-in-from-bottom-4{animation-name:di-slide-from-bottom-4}.slide-in-from-top-2{animation-name:di-slide-from-top-2}.zoom-in-95{animation-name:di-zoom-in-95}.animate-in.fade-in.slide-in-from-bottom-4{animation-name:di-fade-in,di-slide-from-bottom-4}.animate-in.fade-in.slide-in-from-top-2{animation-name:di-fade-in,di-slide-from-top-2}.animate-in.fade-in.zoom-in-95{animation-name:di-fade-in,di-zoom-in-95}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-500{animation-duration:.5s}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid transparent;outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid #f8fafc}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chat-root{--chat-accent: #7f1d1d;--chat-accent-hover: #991b1b;--chat-accent-soft: #fdecec;--chat-accent-soft-bd: #f7d4d4;--chat-bg: #ffffff;--chat-bg-alt: #f6f7f9;--chat-text: #0f172a;--chat-muted: #64748b;--chat-faint: #94a3b8;--chat-border: #e6e8ec;--chat-theirs: #ffffff;--chat-online: #22c55e;--chat-offline: #b6bcc6;--chat-shadow: 0 12px 34px rgba(15, 23, 42, .16);--chat-shadow-sm: 0 2px 8px rgba(15, 23, 42, .1);--chat-radius: 12px;--chat-fab-size: 56px;--chat-z: 2147483000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--chat-text)}.chat-root,.chat-root *{box-sizing:border-box}.chat-fab{position:fixed;bottom:20px;right:20px;width:var(--chat-fab-size);height:var(--chat-fab-size);border-radius:50%;background:var(--chat-accent);color:#fff;border:none;box-shadow:var(--chat-shadow);cursor:pointer;z-index:var(--chat-z);display:flex;align-items:center;justify-content:center;transition:background .15s ease,transform .15s ease}.chat-fab:hover{background:var(--chat-accent-hover);transform:translateY(-1px)}.chat-fab:active{transform:translateY(0)}.chat-fab svg{display:block}.chat-fab-dot{position:absolute;right:6px;bottom:6px;width:10px;height:10px;border-radius:50%;border:2px solid var(--chat-accent);background:var(--chat-offline)}.chat-fab-dot[data-status=online]{background:var(--chat-online)}.chat-fab-dot[data-status=reconnecting]{background:#facc15}.chat-fab-dot[data-status=offline]{background:#ef4444}.chat-fab-dot[data-status=connecting]{background:#facc15}.chat-fab-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.chat-panel{position:fixed;bottom:88px;right:20px;width:384px;max-width:calc(100vw - 40px);height:min(600px,calc(100vh - 120px));background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:var(--chat-radius);box-shadow:var(--chat-shadow);display:flex;flex-direction:column;overflow:hidden;z-index:var(--chat-z)}@media(max-width:480px){.chat-panel{right:10px;left:10px;bottom:84px;width:auto;max-width:none;height:calc(100vh - 96px);border-radius:14px}}.chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--chat-bg);border-bottom:1px solid var(--chat-border);flex-shrink:0}.chat-head-logo{color:var(--chat-accent);flex-shrink:0}.chat-head-id{display:flex;flex-direction:column;min-width:0;margin-right:auto}.chat-head-name{font-size:14px;font-weight:700;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-status{font-size:11.5px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-head-status.on{color:var(--chat-online);font-weight:600}.chat-head-status.off{color:var(--chat-muted)}.chat-head-status.muted{color:var(--chat-faint)}.chat-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;background:transparent;border:none;color:var(--chat-muted);cursor:pointer;border-radius:8px;transition:background .12s ease,color .12s ease}.chat-icon-btn:hover{background:var(--chat-bg-alt);color:var(--chat-text)}.chat-icon-btn.chat-back{margin-left:-4px}.chat-roster{flex:1;display:flex;flex-direction:column;min-height:0}.chat-search{position:relative;display:flex;align-items:center;padding:10px 12px 8px;flex-shrink:0}.chat-search-icon{position:absolute;left:24px;color:var(--chat-faint);pointer-events:none}.chat-search-input{flex:1;height:38px;padding:0 34px 0 36px;border:1px solid var(--chat-border);border-radius:999px;background:var(--chat-bg-alt);font-size:13px;color:var(--chat-text);outline:none;transition:border-color .12s ease,background .12s ease}.chat-search-input:focus{border-color:var(--chat-accent-soft-bd);background:var(--chat-bg)}.chat-search-input::placeholder{color:var(--chat-faint)}.chat-search-clear{position:absolute;right:22px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:transparent;color:var(--chat-faint);cursor:pointer;border-radius:50%}.chat-search-clear:hover{background:var(--chat-border);color:var(--chat-text)}.chat-roster-scroll{flex:1;overflow-y:auto;padding-bottom:8px}.chat-empty{padding:32px 20px;text-align:center;color:var(--chat-muted);font-size:13px}.chat-sect{padding:6px 0 2px}.chat-sect-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--chat-muted);padding:8px 16px 6px;margin:0}.chat-sect-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-sect-dot.on{background:var(--chat-online)}.chat-sect-dot.off{background:var(--chat-offline)}.chat-sect-count{margin-left:2px;font-weight:600;color:var(--chat-faint);letter-spacing:0}.chat-sect-hint{font-weight:500;text-transform:none;letter-spacing:0;color:var(--chat-faint)}.chat-list{list-style:none;padding:0;margin:0}.chat-row{display:flex;align-items:center;gap:11px;padding:9px 14px;cursor:pointer;transition:background .1s ease}.chat-row:hover{background:var(--chat-bg-alt)}.chat-av{position:relative;width:42px;height:42px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.chat-av.sm{width:34px;height:34px;font-size:13px}.chat-av.online{background:var(--chat-accent-soft);color:var(--chat-accent)}.chat-av.off{background:#eef1f4;color:var(--chat-muted);border:1px solid var(--chat-border)}.chat-av-ini{line-height:1}.chat-av-dot{position:absolute;right:-1px;bottom:-1px;width:12px;height:12px;border-radius:50%;border:2px solid var(--chat-bg)}.chat-av.sm .chat-av-dot{width:10px;height:10px}.chat-av-dot.on{background:var(--chat-online)}.chat-av-dot.off{background:var(--chat-offline)}.chat-row-main{flex:1;min-width:0}.chat-row-top{display:flex;align-items:baseline;gap:8px}.chat-row-name{font-size:14px;font-weight:600;color:var(--chat-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chat-row-app{font-weight:400;color:var(--chat-faint);font-size:12px}.chat-row-time{font-size:11px;color:var(--chat-faint);flex-shrink:0}.chat-row-bottom{display:flex;align-items:center;gap:8px;margin-top:2px}.chat-row-sub{flex:1;min-width:0;font-size:12.5px;color:var(--chat-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row-badge{min-width:19px;height:19px;padding:0 6px;background:var(--chat-accent);color:#fff;font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-conv{flex:1;display:flex;flex-direction:column;min-height:0}.chat-msgs{flex:1;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;gap:10px;background:var(--chat-bg-alt)}.chat-load-more{align-self:center;margin:2px 0 4px;padding:5px 14px;font-size:12px;color:var(--chat-accent);background:var(--chat-bg);border:1px solid var(--chat-border);border-radius:999px;cursor:pointer;box-shadow:var(--chat-shadow-sm)}.chat-load-more:hover:not(:disabled){background:var(--chat-accent-soft)}.chat-load-more:disabled{opacity:.6;cursor:default}.chat-day{align-self:center;margin:2px 0}.chat-day span{display:inline-block;padding:3px 12px;font-size:11px;font-weight:600;color:var(--chat-muted);background:#0f172a0f;border-radius:999px}.chat-grp{display:flex;flex-direction:column;gap:2px;max-width:82%}.chat-grp.mine{align-self:flex-end;align-items:flex-end}.chat-grp.theirs{align-self:flex-start;align-items:flex-start}.chat-bubble{position:relative;padding:7px 11px;font-size:13.5px;line-height:1.38;word-wrap:break-word;overflow-wrap:anywhere;border-radius:16px;box-shadow:var(--chat-shadow-sm)}.chat-bubble.theirs{background:var(--chat-theirs);border:1px solid var(--chat-border);color:var(--chat-text)}.chat-bubble.mine{background:var(--chat-accent-soft);border:1px solid var(--chat-accent-soft-bd);color:#5f1414}.chat-grp.theirs .chat-bubble:last-child{border-bottom-left-radius:5px}.chat-grp.mine .chat-bubble:last-child{border-bottom-right-radius:5px}.chat-bubble-text{white-space:pre-wrap}.chat-bubble.failed{opacity:.72}.chat-bubble.pending{opacity:.9}.chat-img-link{display:block;line-height:0}.chat-bubble-text+.chat-img-link,.chat-img-link+.chat-bubble-text{margin-top:5px}.chat-img{display:block;max-width:230px;max-height:250px;width:auto;height:auto;border-radius:10px;cursor:zoom-in;object-fit:cover}.chat-img-expired{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--chat-muted)}.chat-del{position:absolute;top:-8px;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--chat-border);border-radius:50%;background:var(--chat-bg);color:var(--chat-muted);box-shadow:var(--chat-shadow-sm);cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease}.chat-grp.mine .chat-del{left:-10px}.chat-grp.theirs .chat-del{right:-10px}.chat-bubble:hover .chat-del,.chat-del:focus-visible{opacity:1}.chat-del:hover{color:#b91c1c;background:#fff5f5}.chat-grp-meta{display:flex;align-items:center;gap:6px;padding:0 4px;margin-top:1px;font-size:10.5px;color:var(--chat-faint)}.chat-grp-name{font-weight:600;color:var(--chat-muted)}.chat-via{display:inline-flex;align-items:center;gap:3px;color:#2563eb;font-weight:600}.chat-via svg{transform:translateY(-.5px)}.chat-ack{display:inline-flex;align-items:center;gap:3px}.chat-ack svg{flex-shrink:0}.chat-ack.ok{color:var(--chat-accent);font-weight:600}.chat-ack.pending{color:var(--chat-faint)}.chat-ack.failed{color:#b91c1c;font-weight:600}.chat-typing{padding:4px 16px;font-size:11.5px;color:var(--chat-muted);font-style:italic;background:var(--chat-bg-alt)}.chat-note{display:flex;align-items:center;gap:6px;padding:4px 16px;font-size:11.5px;color:var(--chat-muted);background:var(--chat-bg-alt)}.chat-note.error{color:#b91c1c;font-weight:600}.chat-spin{animation:chat-spin .9s linear infinite}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-input-row{display:flex;align-items:center;gap:8px;padding:9px 10px;border-top:1px solid var(--chat-border);background:var(--chat-bg);flex-shrink:0}.chat-attach{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:transparent;color:var(--chat-muted);border:none;border-radius:50%;cursor:pointer;transition:background .12s ease,color .12s ease}.chat-attach:hover:not(:disabled){background:var(--chat-bg-alt);color:var(--chat-text)}.chat-attach:disabled{opacity:.6;cursor:default}.chat-input{flex:1;height:38px;padding:0 14px;border:1px solid var(--chat-border);border-radius:999px;background:var(--chat-bg-alt);font-size:13.5px;color:var(--chat-text);outline:none;transition:border-color .12s ease,background .12s ease}.chat-input:focus{border-color:var(--chat-accent-soft-bd);background:var(--chat-bg)}.chat-input::placeholder{color:var(--chat-faint)}.chat-send{display:flex;align-items:center;justify-content:center;width:38px;height:38px;flex-shrink:0;background:var(--chat-accent);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .12s ease,transform .1s ease}.chat-send:hover{background:var(--chat-accent-hover)}.chat-send:active{transform:scale(.94)}.chat-send svg{transform:translate(1px)}.chat-offline-hint{padding:7px 14px;font-size:11.5px;color:var(--chat-muted);background:#fff9ec;border-top:1px solid #f4e6c8;text-align:center}.chat-toast-stack{position:fixed;left:20px;bottom:20px;display:flex;flex-direction:column-reverse;gap:8px;z-index:var(--chat-z);max-width:calc(100vw - 40px)}.chat-toast{background:var(--chat-text);color:#fff;padding:10px 14px;border-radius:10px;box-shadow:var(--chat-shadow);font-size:13px;max-width:320px;cursor:pointer;animation:chat-toast-in .2s ease}.chat-toast-head{font-weight:600;font-size:12px;margin-bottom:2px}.chat-toast-head span{opacity:.7;font-weight:400}.chat-toast-body{font-weight:400;white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}