:root{--chat-accent:#357F8A;--chat-accent-on:#ffffff;--chat-surface:#faf8f3;--chat-surface-raised:#ffffff;--chat-text:#1f2937;--chat-text-muted:#6b7280;--chat-text-subtle:#9ca3af;--chat-border:#e5e1d8;--chat-bubble-other-bg:#ffffff;--chat-bubble-other-border:rgba(0,0,0,0.06);--chat-bubble-mine-bg:var(--chat-accent);--chat-bubble-mine-on:var(--chat-accent-on);--chat-icon-empty:rgba(0,0,0,0.35);--chat-icon-badge:#dc2626;--chat-icon-unread:#f59e0b;--chat-icon-read:#4a9e87;--chat-shadow:0 8px 24px rgba(0,0,0,0.12);--chat-unread-line:#f59e0b;--chat-pill-bg:var(--chat-accent);--chat-pill-on:#ffffff}html.dark{--chat-accent:#4A8E97;--chat-accent-on:#ffffff;--chat-surface:#1a2228;--chat-surface-raised:#222a30;--chat-text:#e0dfdc;--chat-text-muted:rgba(255,255,255,0.6);--chat-text-subtle:rgba(255,255,255,0.35);--chat-border:rgba(255,255,255,0.08);--chat-bubble-other-bg:#222a30;--chat-bubble-other-border:rgba(255,255,255,0.08);--chat-icon-empty:rgba(255,255,255,0.55);--chat-shadow:0 8px 24px rgba(0,0,0,0.4)}.chat-icon-btn{width:26px;height:26px;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;background:transparent;transition:transform .12s ease}.chat-icon-btn:hover{transform:scale(1.08)}.chat-icon-btn:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-icon-stroke-none{stroke:var(--chat-icon-empty)}.chat-icon-stroke-read{stroke:var(--chat-icon-read);fill:var(--chat-icon-read);fill-opacity:.15}.chat-icon-stroke-unread{stroke:var(--chat-icon-unread);fill:var(--chat-icon-unread);fill-opacity:.15}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;background:var(--chat-icon-badge);color:#fff;border-radius:9999px;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-shadow:0 0 0 2px var(--chat-surface)}.chat-popover-floating{position:fixed;bottom:20px;left:20px;width:340px;height:440px;background:var(--chat-surface);border:1px solid var(--chat-border);border-radius:12px;box-shadow:var(--chat-shadow);z-index:50;display:flex;flex-direction:column;overflow:hidden;animation:chatPop .14s ease-out}@keyframes chatPop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.chat-popover-floating{animation:none}}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--chat-border);background:var(--chat-surface-raised);flex-shrink:0}.chat-header-title{font-size:13px;font-weight:600;color:var(--chat-text);line-height:1.2}.chat-header-chip{font-size:11px;color:var(--chat-text-muted);line-height:1.2;margin-top:2px}.chat-header-close{width:24px;height:24px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:transparent;color:var(--chat-text-muted);border:none}.chat-header-close:hover{background:var(--chat-border);color:var(--chat-text)}.chat-header-close:focus-visible{outline:2px solid var(--chat-accent);outline-offset:1px}.chat-messages{flex:1 1 auto;overflow-y:auto;padding:12px 12px 4px;display:flex;flex-direction:column;gap:4px;position:relative}.chat-message-group{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.chat-message-group.mine{align-items:flex-end}.chat-message-group-author{font-size:11px;font-weight:600;color:var(--chat-text-muted);margin-bottom:2px;padding:0 4px}.chat-message-group.mine .chat-message-group-author{color:var(--chat-accent)}.chat-bubble{max-width:260px;padding:6px 10px;border-radius:12px;font-size:13px;line-height:1.4;word-break:break-word;white-space:pre-wrap;color:var(--chat-text);background:var(--chat-bubble-other-bg);border:1px solid var(--chat-bubble-other-border)}.chat-bubble.mine{background:var(--chat-bubble-mine-bg);color:var(--chat-bubble-mine-on);border-color:transparent}.chat-bubble.pending{opacity:.7}.chat-bubble.failed{border-color:#dc2626}.chat-bubble.deleted{font-style:italic;color:var(--chat-text-subtle);background:transparent;border:1px dashed var(--chat-border)}.chat-bubble-ts{color:var(--chat-text-subtle)}.chat-bubble-retry,.chat-bubble-ts{font-size:10px;margin-top:2px;padding:0 4px}.chat-bubble-retry{display:block;color:#dc2626}.chat-link{color:inherit;text-decoration:underline}.chat-date-sep{font-size:11px;color:var(--chat-text-subtle);text-align:center;margin:10px 0 6px;letter-spacing:.02em}.chat-unread-divider{display:flex;align-items:center;gap:8px;margin:12px 0 4px}.chat-unread-divider-line{flex:1;height:1px;background:var(--chat-unread-line)}.chat-unread-divider-label{font-size:11px;font-weight:600;color:var(--chat-unread-line)}.chat-typing{display:flex;align-items:center;gap:6px;padding:4px 12px 0;font-size:11px;color:var(--chat-text-muted)}.chat-typing-dots{display:inline-flex;gap:3px}.chat-typing-dots span{width:4px;height:4px;border-radius:9999px;background:var(--chat-text-muted);animation:chatBlink .9s infinite}.chat-typing-dots span:nth-child(2){animation-delay:.15s}.chat-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes chatBlink{0%,to{opacity:.2}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.chat-typing-dots span{animation:none;opacity:.6}}.chat-jump-pill{position:absolute;bottom:68px;left:50%;transform:translateX(-50%);background:var(--chat-pill-bg);color:var(--chat-pill-on);border:none;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;box-shadow:var(--chat-shadow);display:inline-flex;align-items:center;gap:4px;z-index:2}.chat-jump-pill:focus-visible{outline:2px solid var(--chat-accent);outline-offset:2px}.chat-composer{display:flex;align-items:flex-end;gap:6px;padding:8px 10px;border-top:1px solid var(--chat-border);background:var(--chat-surface-raised);flex-shrink:0}.chat-composer-textarea{flex:1;resize:none;background:transparent;color:var(--chat-text);border:1px solid var(--chat-border);border-radius:8px;padding:6px 8px;font-size:13px;line-height:1.4;max-height:120px;font-family:inherit}.chat-composer-textarea:focus-visible{outline:2px solid var(--chat-accent);outline-offset:0;border-color:var(--chat-accent)}.chat-composer-send{width:32px;height:32px;border-radius:8px;border:none;background:var(--chat-accent);color:var(--chat-accent-on);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.chat-composer-send:disabled{opacity:.4;cursor:not-allowed}.chat-composer-counter{font-size:10px;color:var(--chat-text-subtle);margin-left:4px}.chat-composer-counter.warn{color:var(--chat-icon-unread)}.chat-composer-counter.max{color:#dc2626}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;color:var(--chat-text-subtle);font-size:12px;text-align:center}.chat-empty-title{color:var(--chat-text-muted);font-size:13px;font-weight:600;margin-bottom:4px}.chat-banner{padding:6px 10px;background:var(--chat-border);color:var(--chat-text-muted);font-size:11px;text-align:center;border-bottom:1px solid var(--chat-border)}.chat-banner-error{background:rgba(220,38,38,.08);color:#b91c1c}