.chat-content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}
#chat-tabs{justify-self:center}
.topic-toolbar{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:7px;padding:10px 12px 6px;flex:none}
.topic-toolbar h3{font-size:14px;line-height:1.4;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topic-toolbar button{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;font-size:22px;line-height:1}
.topic-toolbar button:hover{background:var(--room-hover)}
.topic-toolbar #rename-topic{font-size:19px}
.topic-origin{flex:none;display:block;text-align:left;margin:0 16px 8px;padding:7px 9px;border-left:2px solid rgb(29 29 31 / .22);background:var(--room-hover);border-radius:0 6px 6px 0;color:var(--room-secondary);font-size:11px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topic-source>.rich-text{font-size:15px;margin-top:10px}
.topic-card{display:flex;flex-direction:column;width:100%;text-align:left;gap:7px;transition:background .2s var(--ease),border-color .2s var(--ease)}
.club-connected .topic-card:hover{background:rgb(255 255 255 / .5);border-color:rgb(29 29 31 / .3);opacity:1}
.topic-card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;line-height:1.4;transition:opacity .2s}
.topic-card-heading strong{flex:1;min-width:0;font-weight:600;overflow-wrap:anywhere}
.topic-card-heading::after{content:'';flex:none;width:6px;height:6px;margin:0 3px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);opacity:.55}
.topic-preview{font-size:13px;line-height:1.5;color:var(--room-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.topic-meta{width:100%;padding-top:9px;margin-top:2px;border-top:1px solid var(--room-divider);font-size:11px;color:var(--room-secondary);line-height:1.5}
.topic-unread{display:grid;place-items:center;flex:none;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--ink);color:var(--paper);font-size:9px}
.topics-list .empty p{font-size:13px;color:var(--room-secondary);line-height:1.6}
.topics-more{display:block;margin:8px auto}
.message-topic{display:inline-flex;align-items:center;gap:7px;max-width:100%;min-height:30px;margin-top:9px;padding:5px 9px;border:1px solid var(--room-line);border-radius:8px;background:rgb(255 255 255 / .38);font-size:11px;font-weight:500;line-height:18px;text-decoration:none;color:var(--ink);transition:background .2s var(--ease),border-color .2s var(--ease)}
.message-topic svg{width:14px;height:14px;flex:none}
.message-topic svg:last-child{width:12px;height:12px;margin-left:1px;opacity:.6}
.message-topic:hover{background:rgb(255 255 255 / .7);border-color:rgb(29 29 31 / .3);opacity:1}
#chat-tabs button{padding-left:9px;padding-right:9px}
@media(max-width:1150px){#chat-tabs button{padding-left:7px;padding-right:7px}.chat-panel .panel-heading .club-online{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.topic-card{animation:member-message-in .22s var(--ease)}}

.chat-content:has(#topics-list:not([hidden])) .club-pins{display:none}