.chat-page{flex:1;height:100%;display:flex;overflow:hidden}.chat-window{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex:1;min-width:0;height:calc(100vh - 32px);margin:1rem;display:flex;overflow:hidden}.chat-convo-panel{border-right:1px solid var(--border);background:#0d0b1a80;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.chat-convo-header{flex-shrink:0;padding:1.25rem 1rem .75rem}.chat-convo-title{color:var(--text);margin-bottom:.75rem;font-family:Fraunces,serif;font-size:1.15rem;font-style:italic;font-weight:700}.chat-tabs{flex-shrink:0;gap:.25rem;margin-bottom:.6rem;padding:0 1rem;display:flex}.chat-tab{text-transform:uppercase;letter-spacing:.06em;color:var(--text-subtle);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:.45rem .5rem;font-family:Syne,sans-serif;font-size:.72rem;font-weight:700;transition:all .18s}.chat-tab:hover{color:var(--text-muted);background:#8b5cf60d}.chat-tab.active{color:var(--accent);background:var(--accent-dim);border-color:#8b5cf633}.chat-search{flex-shrink:0;margin-bottom:.5rem;padding:0 1rem;position:relative}.chat-search-icon{color:var(--text-subtle);pointer-events:none;position:absolute;top:50%;left:1.6rem;transform:translateY(-50%)}.chat-search-input{background:var(--surface-hi);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;outline:none;padding:.5rem .75rem .5rem 2.1rem;font-family:Syne,sans-serif;font-size:.82rem;transition:border-color .2s}.chat-search-input:focus{border-color:var(--accent)}.chat-search-input::placeholder{color:var(--text-subtle)}.chat-convo-list{flex:1;padding:.35rem .5rem;overflow-y:auto}.chat-convo-item{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .75rem;font-family:Syne,sans-serif;transition:background .2s,border-color .2s;display:flex}.chat-convo-item:hover{background:#8b5cf60f}.chat-convo-item.active{background:var(--accent-dim);border-color:var(--accent)}.chat-convo-avatar{background:var(--surface-hi);border:1px solid var(--border);width:38px;height:38px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:700;display:flex;position:relative;overflow:visible}.chat-convo-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-convo-online{background:var(--success);border:2px solid var(--surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}.chat-convo-info{flex:1;min-width:0}.chat-convo-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;overflow:hidden}.chat-convo-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.72rem;overflow:hidden}.chat-convo-time{color:var(--text-subtle);flex-shrink:0;align-self:flex-start;margin-top:.15rem;font-size:.62rem}.chat-convo-meta{flex-direction:column;flex-shrink:0;align-self:flex-start;align-items:flex-end;gap:.25rem;margin-top:.1rem;display:flex}.chat-unread-badge{background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-family:Syne,sans-serif;font-size:.6rem;font-weight:700;line-height:1;display:flex}.chat-convo-item.has-unread .chat-convo-name{color:var(--text);font-weight:800}.chat-convo-item.has-unread .chat-convo-preview{color:var(--text-muted);font-weight:600}.chat-convo-empty{text-align:center;color:var(--text-subtle);padding:2rem 1rem;font-size:.82rem;line-height:1.6}.chat-convo-item.locked{opacity:.45;cursor:not-allowed;pointer-events:none}.chat-convo-lock-icon{color:var(--text-subtle);flex-shrink:0;margin-left:auto;font-size:.78rem}.chat-locked-hint{font-style:italic;color:var(--text-subtle)!important}.chat-msg-panel{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.chat-msg-welcome{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.85rem;display:flex}.chat-msg-welcome-icon{background:var(--accent-dim);width:68px;height:68px;color:var(--accent);border:1px solid #8b5cf633;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-msg-welcome-title{color:var(--text);font-family:Fraunces,serif;font-size:1.35rem;font-style:italic;font-weight:700}.chat-msg-welcome-text{max-width:260px;font-size:.85rem;line-height:1.6}.chat-msg-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0b1acc;flex-shrink:0;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.chat-msg-header-avatar{background:var(--surface-hi);border:1px solid var(--border);width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.72rem;font-weight:700;display:flex;overflow:hidden}.chat-msg-header-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.chat-msg-header-name{color:var(--text);font-size:.92rem;font-weight:700}.chat-msg-header-status{font-size:.72rem;font-weight:500}.chat-messages{flex-direction:column;flex:1;gap:.45rem;min-height:0;padding:1.25rem 1.25rem 90px;display:flex;overflow-y:auto}.chat-date-sep{text-align:center;color:var(--text-subtle);text-transform:uppercase;letter-spacing:.08em;padding:.75rem 0 .35rem;font-size:.65rem;font-weight:700;position:relative}.chat-date-sep:before,.chat-date-sep:after{content:"";background:var(--border);width:35%;height:1px;position:absolute;top:calc(50% + 4px)}.chat-date-sep:before{left:0}.chat-date-sep:after{right:0}.chat-msg-row{align-items:flex-end;gap:.45rem;max-width:70%;display:flex}.chat-msg-row.mine{flex-direction:row-reverse;align-self:flex-end;margin-left:auto}.chat-msg-row.mine .chat-msg-col{align-items:flex-end}.chat-msg-row.theirs{align-self:flex-start}.chat-msg-avatar{background:var(--surface-hi);border:1px solid var(--border);width:24px;height:24px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.58rem;font-weight:700;display:flex;overflow:hidden}.chat-msg-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.chat-msg-col{flex-direction:column;gap:.15rem;max-width:100%;display:flex}.chat-bubble{word-break:break-word;border-radius:16px;padding:.6rem 1rem;font-size:.88rem;line-height:1.5}.chat-msg-row.theirs .chat-bubble{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:16px 16px 16px 4px}.chat-msg-row.mine .chat-bubble{background:var(--accent);color:#fff;border-radius:16px 16px 4px}.chat-msg-ts{color:var(--text-subtle);font-size:.6rem}.chat-msg-row.mine .chat-msg-ts{text-align:right}.chat-msg-row.theirs .chat-msg-ts{text-align:left}.chat-messages-empty{text-align:center;color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.6rem;padding:2rem 2rem 90px;display:flex}.chat-messages-empty-icon{opacity:.3;font-size:2rem}.chat-messages-empty-text{max-width:220px;font-size:.85rem;line-height:1.6}.chat-input-bar{border-top:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;padding:.85rem 1.1rem;position:absolute;bottom:0;left:0;right:0}.chat-input-row{background:var(--surface-hi);border:1px solid var(--border);border-radius:12px;align-items:flex-end;gap:.6rem;padding:.5rem .5rem .5rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.chat-input-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.chat-input{color:var(--text);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:100px;padding-top:.2rem;font-family:Syne,sans-serif;font-size:.9rem;line-height:1.5}.chat-input::placeholder{color:var(--text-subtle)}.chat-emoji-btn{color:var(--text-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:.3rem;font-size:1.15rem;transition:all .18s;display:flex}.chat-emoji-btn:hover{color:var(--text-muted);background:#8b5cf614}.chat-send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,transform .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:#7c3aed;transform:scale(1.06)}.chat-send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-emoji-picker-wrap{position:relative}.chat-emoji-picker{z-index:50;border-radius:12px;animation:.15s both emoji-pop;position:absolute;bottom:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 40px #00000080}@keyframes emoji-pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-right-sidebar{flex-direction:column;flex-shrink:0;width:240px;padding:1rem 0;display:flex;overflow:hidden}.chat-right-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-subtle);flex-shrink:0;padding:.5rem 1rem .75rem;font-size:.68rem;font-weight:700}.chat-right-list{flex:1;padding:0 .5rem;overflow-y:auto}.chat-online-user{cursor:pointer;text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .6rem;font-family:Syne,sans-serif;transition:background .18s;display:flex}.chat-online-user:hover{background:#8b5cf60f}.chat-online-avatar{background:var(--surface-hi);border:1px solid var(--border);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;display:flex;position:relative;overflow:visible}.chat-online-avatar img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.chat-online-dot{background:var(--success);border:2px solid var(--bg);border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.chat-online-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}@media (max-width:1024px){.chat-right-sidebar{display:none}}@media (max-width:860px){.chat-convo-panel{width:240px}}@media (max-width:680px){.chat-window{border:none;border-radius:0;height:100%;margin:0}.chat-msg-header{z-index:100;border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.85rem;height:64px;padding:.75rem 1rem;position:relative;background:var(--surface-hi)!important;visibility:visible!important;opacity:1!important;display:flex!important}.chat-msg-header-name{color:var(--text);font-size:.95rem;display:block!important}.chat-msg-back{color:var(--accent);margin-right:2px;display:flex!important}.chat-convo-panel{border-right:none;width:100%}.chat-convo-panel.mobile-hidden{display:none}.chat-msg-panel{width:100%;min-height:0;overflow:hidden}.chat-msg-panel.mobile-hidden{display:none}.chat-msg-back{display:flex}}.chat-msg-back{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.3rem;transition:all .18s;display:none}.chat-msg-back:hover{color:var(--text);background:#8b5cf614}.chat-loading{justify-content:center;align-items:center;padding:3rem;display:flex}.chat-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.6s linear infinite chat-spin}@keyframes chat-spin{to{transform:rotate(360deg)}}.chat-group-icon{background:var(--gold-dim);width:38px;height:38px;color:var(--gold);border:1px solid #d4a84333;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.chat-msg-header .chat-group-icon{width:32px;height:32px;font-size:.85rem}.chat-bubble-sender{color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem;font-size:.65rem;font-weight:700}.chat-msg-row.mine .chat-bubble-sender{display:none}