:root{--chat-thread-bg-top:#0a141ef5;--chat-thread-bg-bottom:#060c12fa;--chat-separator-bg:#78a0c81a;--chat-separator-text:#e6f5fff2;--chat-separator-border:#aad2ff29;--chat-bubble-me-bg:linear-gradient(180deg, #386df03d, #2451be38);--chat-bubble-me-text:var(--text-main,#f5fbff);--chat-bubble-me-border:#4c8cff4d;--chat-bubble-other-bg:#ffffff14;--chat-bubble-other-text:var(--text-main,#f5fbff);--chat-bubble-other-border:#ffffff1a;--chat-sender-text:var(--accent,#8fd3ff);--chat-reply-bg:#ffffff14;--chat-reply-accent:#8fd3ffe6;--chat-reply-name:var(--accent,#8fd3ff);--chat-reply-text:var(--text-muted,#bfd0dd);--chat-time-text:var(--text-muted,#a8b7c4)}.light,[data-theme-mode=light]{--chat-thread-bg-top:#f4f7fa;--chat-thread-bg-bottom:#ebf0f5;--chat-separator-bg:#d2dfeb80;--chat-separator-text:#415468;--chat-separator-border:#b4c6d8e6;--chat-bubble-me-bg:linear-gradient(180deg, #d1e4ff, #c5d8fd);--chat-bubble-me-text:#1c232a;--chat-bubble-me-border:#8cb2ff;--chat-bubble-other-bg:#fffffffa;--chat-bubble-other-text:#22303e;--chat-bubble-other-border:#dbe3eb;--chat-sender-text:#266ba6;--chat-reply-bg:#f4f7fb;--chat-reply-accent:#266ba6;--chat-reply-name:#266ba6;--chat-reply-text:#5d6d7e;--chat-time-text:#677684}.chat-thread{background:linear-gradient(180deg, var(--chat-thread-bg-top), var(--chat-thread-bg-bottom));flex-direction:column;gap:8px;padding:12px 14px 18px;display:flex}.chat-day-separator-wrap{justify-content:center;margin:10px 0 6px;display:flex}.chat-day-separator{background:var(--chat-separator-bg);color:var(--chat-separator-text);border:1px solid var(--chat-separator-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:999px;padding:7px 12px;font-size:12px;line-height:1;box-shadow:0 4px 12px #0000001f}.chat-row{width:100%;display:flex}.chat-row--mine{justify-content:flex-end}.chat-row--theirs{justify-content:flex-start}.chat-bubble{word-break:break-word;border:1px solid #0000;border-radius:16px;max-width:min(72%,640px);padding:10px 12px 8px;transition:transform .15s,box-shadow .15s;animation:.25s cubic-bezier(.34,1.56,.64,1) both bubblePopIn;position:relative;box-shadow:0 6px 18px #00000024}@keyframes bubblePopIn{0%{opacity:0;transform:scale(.9)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-bubble:hover{transform:scale(1.01);box-shadow:0 8px 24px #0000002e}.chat-bubble--mine{background:var(--chat-bubble-me-bg);color:var(--chat-bubble-me-text);border-color:var(--chat-bubble-me-border);border-bottom-right-radius:6px}.chat-bubble--theirs{background:var(--chat-bubble-other-bg);color:var(--chat-bubble-other-text);border-color:var(--chat-bubble-other-border);border-bottom-left-radius:6px}.chat-bubble__sender{color:var(--chat-sender-text);letter-spacing:.01em;margin-bottom:6px;font-size:12px;font-weight:700}.chat-bubble__reply{border-left:3px solid var(--chat-reply-accent);background:var(--chat-reply-bg);border-radius:10px;margin-bottom:8px;padding:8px 10px}.chat-bubble__reply-name{color:var(--chat-reply-name);margin-bottom:3px;font-size:12px;font-weight:700}.chat-bubble__reply-text{color:var(--chat-reply-text);opacity:.95;font-size:12px}.chat-bubble__content{white-space:pre-wrap;font-size:14px;line-height:1.45}.chat-bubble__meta{justify-content:flex-end;margin-top:6px;display:flex}.chat-bubble__time{color:var(--chat-time-text);opacity:.9;font-size:11px}.chat-panel{background:var(--panel-bg,#0f1720);border-left:1px solid var(--panel-border,#ffffff14);flex-direction:column;height:100%;display:flex}.chat-header{z-index:2;background:var(--panel-bg,#0f1720);border-bottom:1px solid #ffffff14;position:sticky;top:0}.chat-scroll-area{background:radial-gradient(circle at top left, #ffffff08, transparent 35%), radial-gradient(circle at bottom right, #386df00d, transparent 30%), linear-gradient(180deg, var(--chat-thread-bg-top), var(--chat-thread-bg-bottom));flex:1;overflow-y:auto}.board-chat-online-popover{opacity:0;pointer-events:none;background:var(--panel-bg,#1a2332);z-index:400;border:1px solid #ffffff1f;border-radius:10px;min-width:200px;max-height:300px;padding:6px;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 6px);left:80%;overflow-y:auto;transform:translate(-50%)scale(.95);box-shadow:0 8px 24px #0006}.board-chat-online-popover.visible{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.board-chat-online-user{border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.board-chat-online-user:hover{background:#ffffff0f}.board-chat-online-avatar{color:#fff;background-color:var(--accent,#a78bfa);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.board-chat-online-name{color:var(--text,#e5e7eb);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}