.chat-fab{z-index:350;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;width:54px;height:54px;box-shadow:var(--shadow-lg);transition:transform var(--transition-fast), background var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;bottom:20px;right:20px}.chat-fab:hover{background:var(--color-accent-hover);transform:translateY(-2px)}.chat-fab--open{background:var(--color-bg-elevated);color:var(--color-text-primary)}.chat-fab__badge{border-radius:var(--radius-full);min-width:20px;height:20px;color:var(--color-accent);font-size:11px;font-weight:var(--font-weight-bold);border:2px solid var(--color-accent);background:#fff;justify-content:center;align-items:center;padding:0 5px;display:flex;position:absolute;top:-4px;right:-4px}.chat-panel-wrap{z-index:520;width:min(392px,100vw - 24px);height:min(600px,100dvh - 120px);position:fixed;bottom:86px;right:20px}.chat-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;height:100%;box-shadow:var(--shadow-xl);flex-direction:column;display:flex;overflow:hidden}.chat-panel--embedded{height:min(72vh,680px);box-shadow:var(--shadow-card)}.chat-panel__head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.chat-panel__title{font-weight:var(--font-weight-bold);font-size:var(--font-size-md);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:inline-flex;overflow:hidden}.chat-panel__peer{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-panel__listing-link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;text-decoration:none;display:inline-flex;overflow:hidden}.chat-panel__listing-link:hover{color:var(--color-accent-text)}.chat-panel__head .chat-panel__title{flex:1}.chat-panel__peer .chat-panel__title{font-size:var(--font-size-sm);flex:none}.chat-panel__icon-btn{border-radius:var(--radius-md);width:34px;height:34px;color:var(--color-text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-panel__icon-btn:hover{background:var(--color-bg-card-hover);color:var(--color-text-primary)}.chat-panel__hint{padding:7px var(--space-4);font-size:var(--font-size-xs);color:#0abab5;border-bottom:1px solid var(--color-border);background:#0abab514;align-items:center;gap:6px;display:flex}.chat-panel__scroll{overscroll-behavior:contain;flex:1;overflow-y:auto}.chat-item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);background:0 0;display:flex}.chat-item:hover{background:var(--color-bg-card-hover)}.chat-item__ava{border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);width:40px;height:40px;color:var(--color-text-secondary);font-weight:var(--font-weight-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 0 0 1.5px #d9a4418c}.chat-item__mid{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-item__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-item__listing,.chat-item__last{font-size:var(--font-size-xs);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-item__last{color:var(--color-text-secondary)}.chat-item__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.chat-item__time{color:var(--color-text-muted);font-size:11px}.chat-item__unread{border-radius:var(--radius-full);background:var(--color-accent);color:#fff;min-width:19px;height:19px;font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;padding:0 5px;display:flex}.chat-panel__empty{justify-content:center;align-items:center;gap:var(--space-2);height:100%;min-height:180px;padding:var(--space-6);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);flex-direction:column;display:flex}.chat-panel__empty p{margin:0}.chat-panel__empty-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.chat-panel__empty-ring{width:64px;height:64px;margin-bottom:var(--space-2);background:repeating-radial-gradient(circle,#0000 0 9px,#d9a44159 9px 10px);border-radius:50%}.chat-spin{color:var(--color-text-muted);animation:.9s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-panel__scroll--thread{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.chat-msg{flex-direction:column;align-items:flex-start;max-width:86%;display:flex}.chat-msg--mine{align-self:flex-end;align-items:flex-end}.chat-msg__bubble{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-sm);white-space:pre-wrap;overflow-wrap:break-word;border-radius:14px 14px 14px 4px;max-width:100%;padding:9px 13px;line-height:1.45}.chat-msg--mine .chat-msg__bubble{background:var(--color-accent);color:#fff;border-color:#0000;border-radius:14px 14px 4px}.chat-msg__meta{align-items:center;gap:8px;margin-top:3px;padding:0 4px;display:flex}.chat-msg__time{color:var(--color-text-muted);font-size:10.5px}.chat-msg__orig{color:#0abab5;background:0 0;align-items:center;gap:3px;padding:0;font-size:10.5px;display:inline-flex}.chat-msg__orig:hover{text-decoration:underline}.chat-panel__input{align-items:flex-end;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-bg-elevated);display:flex}.chat-panel__input textarea{resize:none;border-radius:var(--radius-md);background:var(--color-bg-input);border:1px solid var(--color-border);max-height:110px;color:var(--color-text-primary);font-size:var(--font-size-sm);flex:1;padding:10px 12px;font-family:inherit;line-height:1.4}.chat-panel__input textarea:focus{border-color:var(--color-border-accent);outline:none}.chat-panel__send{border-radius:var(--radius-md);background:var(--color-accent);color:#fff;width:40px;height:40px;transition:background var(--transition-fast), opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-panel__send:hover:not(:disabled){background:var(--color-accent-hover)}.chat-panel__send:disabled{opacity:.45;cursor:not-allowed}.messages-page{padding:var(--space-6) 0 var(--space-10);max-width:760px}.messages-page__title{margin-bottom:var(--space-4)}@media (width<=1024px){.chat-fab{bottom:88px}}@media (width<=640px){.chat-panel-wrap{width:100vw;height:100dvh;bottom:0;left:0;right:0}.chat-panel{border:none;border-radius:0}}