[data-chat="history"]{height:48vh;min-height:220px;max-height:580px;overflow-y:auto;padding:8px 3px;overscroll-behavior:contain;display:flex;flex-direction:column;gap:8px}[data-chat="history"] .message-bubble{flex-shrink:0;padding:10px 13px}[data-chat="conversation"] [hidden]{display:none}[data-chat="older"],[data-chat="new"]{margin:8px 0}[data-chat="history"]:focus-visible{outline:2px solid var(--accent)}.room-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}.room-list{padding:14px;position:sticky;top:12px}.room-list h2{font-size:17px}.room-list nav{max-height:56vh;overflow-y:auto}.room-link{display:block;padding:10px;border-radius:8px;margin:5px 0;text-decoration:none;background:var(--surface,#161a24)}.room-link small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.room-link.selected{outline:1px solid var(--accent);background:#282139}.room-conversation{min-width:0}.room-conversation h1{font-size:24px}.room-conversation .post-body{margin:7px 0}.room-conversation [data-chat="composer"] textarea{min-height:58px}.room-conversation [data-chat="conversation"]>.panel{padding:12px;margin-top:10px}.inbox-list{max-width:740px;display:grid;gap:8px}.inbox-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px}.private-chat{position:fixed;z-index:1000;width:360px;max-width:calc(100vw - 16px);border:1px solid var(--accent);border-radius:12px;background:#141823;color:#f2f4fc;box-shadow:0 14px 48px #0008;overflow:hidden;font-size:12px}.private-chat[hidden],.private-chat [hidden]{display:none!important}.private-chat-bar{display:flex;align-items:center;gap:4px;padding:6px;background:#252d43;min-height:42px}.private-chat-bar button{padding:5px 8px;margin:0;color:#e6edff;background:transparent;border:0;font-size:15px}.private-chat-bar .chat-drag{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:move;touch-action:none;font-size:13px}.private-chat-content{padding:10px;max-height:calc(100dvh - 70px);overflow-y:auto}.private-chat [data-chat="history"]{height:240px;min-height:120px;max-height:34dvh}.private-chat .message-bubble{width:92%;padding:9px;background:#1c2435;font-size:12px}.private-chat .post-body{margin:5px 0;overflow-wrap:anywhere}.private-chat .small{font-size:10px}.private-chat summary{font-size:10px}.private-chat [data-chat="connection"]{font-size:10px;margin:7px 0}.private-chat [data-chat="composer"] textarea{min-height:48px;height:58px;padding:8px;font-size:12px}.private-chat [data-chat="conversation"]>.panel{padding:9px;margin:8px 0 0;background:#1c2435}.private-chat label{font-size:11px}.private-chat button{font-size:11px;padding:7px 10px}.private-chat .chat-full-page{font-size:10px}.private-chat [data-chat="older"]{font-size:10px;padding:4px 7px}.private-chat .post-actions{gap:6px}.private-chat .chat-window-status:empty{display:none}.private-chat :focus-visible{outline:2px solid #c4b5fd;outline-offset:2px}@media(max-width:900px){.room-layout{grid-template-columns:170px minmax(0,1fr)}}@media(max-width:600px){.room-layout{display:block}.room-list{position:static;padding:10px}.room-list nav{display:flex;gap:8px;overflow:auto;max-height:110px}.room-link{min-width:130px}.room-list h2{margin:0 0 8px}.private-chat{left:8px!important;right:8px;bottom:8px;top:auto!important;width:auto;max-height:calc(100dvh - 16px)}.private-chat [data-chat="history"]{height:29dvh}.inbox-row{flex-wrap:wrap}}

.private-chat-bar{height:42px;flex-wrap:nowrap}.private-chat-bar button{min-height:28px}.private-chat .post-actions{border:0;padding-top:0}.private-chat .message-bubble details{margin-top:5px}.room-conversation [data-chat="history"]{border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:6px 12px;gap:0}.room-conversation [data-chat="history"] .message-bubble{width:100%;border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;padding:9px 3px;align-self:stretch}.room-message-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-message-header .small{font-size:10px}.room-message-header .room-message-tools{margin:0 0 0 auto;font-size:11px}.room-message-tools>summary{padding:0 5px}.room-message-tools button{min-height:28px;padding:4px 8px;font-size:11px}.room-message-tools>div{padding:6px;max-width:240px}.room-conversation .message-bubble .post-body{margin:3px 0 0}.room-conversation>.section-heading{margin-top:0}.room-list nav .room-link{display:block;white-space:normal;overflow-wrap:anywhere}.room-conversation>.badge{white-space:normal}