#chat-page{display:flex;position:relative;margin-top:64px;height:calc(100dvh - 80px);min-height:0;overflow:hidden;color:#e5e5e8;font-size:14px;background:#23252e}
#chat-page *{box-sizing:border-box}#chat-page button{cursor:pointer}#chat-page [hidden]{display:none!important}
#chat-page .conversation{display:flex;flex:1;min-width:0;flex-direction:column;overflow:hidden}
#chat-page h1,#chat-page h2,#chat-page p{margin:0}#chat-page h1{font-size:16px;font-weight:600}#chat-page h2{font-size:14px;font-weight:600}
.conversation-header{display:flex;align-items:center;gap:16px;padding:12px 16px;min-height:48px;border-bottom:1px solid #30323c;background:#22252d}
.chat-presence{margin-left:auto;border:1px solid #354742;background:#283b35;border-radius:24px;padding:2px 10px;color:#3fda83;font-size:12px;white-space:nowrap}
#chat-info-open{font-size:22px;color:#b6b7bd}.chat-pinned{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#2c2f39;min-height:64px}.pin-controls{display:flex;flex-direction:column;color:#b6b7bd}.chat-pinned>div:nth-child(2){flex:1;min-width:0}.chat-pinned strong{color:#ff1748;font-size:12px}.chat-pinned #pin-count{color:#b6b7bd;font-size:12px}.chat-pinned #pin-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
#page-chat-messages{flex:1;min-height:0;overflow-y:auto;padding:16px;scrollbar-width:none}#page-chat-messages::-webkit-scrollbar{display:none}
.chat-message{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px}.chat-avatar{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#9855e9;color:white}.chat-avatar img{width:100%;height:100%;object-fit:cover}.chat-message.grouped .chat-avatar{visibility:hidden}.chat-bubble{padding:8px 12px;border:1px solid #353741;border-radius:12px;max-width: min(100% - 32px, 400px);min-width:100px;background:#2c2f39;overflow-wrap:anywhere}.chat-message.grouped .chat-bubble{border-bottom-left-radius:0}.chat-sender{color:#b6b7bd}.chat-mod{color:#22c55e}.chat-role{font-size:12px;padding:2px 8px;margin-left:8px;background:#283b35;border-radius:24px}.chat-text{white-space:pre-wrap}.chat-bubble time{display:block;text-align:right;font-size:11px;color:#90919a;margin-top:4px}.chat-reply{padding:4px 8px;margin:4px 0;border-left:2px solid #ff1748;background:#343741;border-radius:4px;font-size:12px}.chat-message-image{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:8px;margin-top:8px}.chat-day{text-align:center;color:#9295a0;font-size:12px;margin:16px}.chat-status{text-align:center;color:#9295a0;padding:24px}.chat-text a,.chat-link a{color:#ff526e}
.conversation-composer{display:flex;gap:16px;align-items:center;padding:20px 16px 24px;border-top:1px solid #30323c;background:#22252d}.conversation-composer button{color:#9295a0}.conversation-composer input{height:42px;width:100%;min-width:0;border:1px solid #353741;background:transparent;border-radius:8px;padding:12px;color:#b6b7bd}.conversation-composer input::placeholder{color:#5f626d}
#chat-info{width:320px;flex-shrink:0;display:flex;flex-direction:column;background:#1a1d26;border-left:1px solid #252832;overflow:hidden}#chat-info>header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;min-height:48px;border-bottom:1px solid #252832}#chat-info-close{font-size:20px;color:#9295a0}.chat-description{padding:20px 24px;text-align:center;border-bottom:1px solid #252832;color:#9295a0;font-size:12px;line-height:20px}.chat-description img{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 12px}.chat-tabs{display:flex;border-bottom:1px solid #252832;flex-shrink:0}.chat-tabs button{flex:1;padding:12px 8px;color:#9295a0;font-size:12px;border-bottom:2px solid transparent}.chat-tabs button[aria-selected=true]{border-color:#ff1748;color:#ff1748}.chat-info-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}#chat-media-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}#chat-media-content img{display:block;width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}#chat-media-content>a{min-width:0;overflow:hidden}#chat-media-content .chat-status,#chat-media-content .chat-more{grid-column:1/-1}#chat-links-content{padding:12px}.chat-link{padding:8px;border-bottom:1px solid #30323c;font-size:12px;overflow-wrap:anywhere}.chat-link small{color:#9295a0}.chat-link p{padding:4px 0}.chat-more{padding:12px;color:#9295a0;font-size:12px;width:100%}
@media(max-width:1279px){#chat-page{height:calc(100dvh - 128px)}#chat-info{position:absolute;right:0;top:0;bottom:0;width:min(320px,100%);z-index:20;box-shadow:-4px 0 20px #15161d55}.chat-presence{font-size:11px;padding:2px 6px}.conversation-header{gap:8px}}@media(prefers-reduced-motion:reduce){#chat-page *{scroll-behavior:auto}}
.chat-badge{display:inline-block;width:16px;height:16px;object-fit:contain;margin-left:4px;vertical-align:middle}
body:has(#chat-page) #chatToggleBtn{display:none}body:has(#chat-page) .site-sidebar-offset>div{min-height:0}
#chat-info-open,#chat-info-close{line-height:1;height:24px}#chat-page .conversation-header{height:48px;flex-shrink:0}#chat-info>header{height:48px;flex-shrink:0}#chat-page .chat-pinned{flex-shrink:0}
#chat-media-content>a{display:block;aspect-ratio:1}#chat-media-content img{height:100%}
.conversation-composer button{width:20px;flex-shrink:0}