#room-chat{max-width:720px;margin:24px auto 32px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}#room-chat[hidden]{display:none}.chat-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.chat-heading h2{font-size:17px;margin:0;color:var(--purple)}#chat-count{font-size:10px;color:var(--muted)}#chat-messages{max-height:260px;overflow-y:auto;overscroll-behavior:contain;margin:18px 0;padding:5px 4px;scrollbar-width:thin}.chat-message{max-width:88%;width:fit-content;margin:10px 0;padding:10px 13px;background:var(--lavender);border-radius:12px;overflow-wrap:anywhere}.chat-message.own{margin-left:auto;background:var(--mint)}.chat-message small{font-size:10px;color:#8d819b}.chat-message p{font-size:13px;line-height:1.7;white-space:pre-wrap;margin:5px 0 0}.chat-empty,.chat-tip{font-size:11px;color:var(--muted);line-height:1.8}.chat-empty{text-align:center}#chat-form label{display:block;color:#92879d;font-size:11px;margin-bottom:8px}.chat-compose{display:flex;gap:10px;align-items:stretch}#chat-input{resize:vertical;min-width:0;width:100%;max-height:180px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fcfbfe;color:var(--ink);font:inherit;font-size:13px}#chat-send{flex-shrink:0;min-width:66px}.chat-tip{margin-bottom:0}@media(max-width:700px){#room-chat{padding:17px;margin:22px auto}.chat-heading{align-items:flex-start}.chat-heading h2{font-size:15px}#chat-count{max-width:125px;text-align:right}.chat-compose{gap:7px}#chat-send{padding:10px}#chat-input{font-size:16px}}
#room-chat{position:relative;z-index:65}
#app>.room-page{margin-bottom:0}#room-chat{max-width:850px;margin:22px auto}.room-secondary{margin:0 auto 45px}.chat-heading h2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#chat-unread{font-size:10px;color:#985929;background:#fff0cf;border-radius:12px;padding:4px 8px;font-weight:500}#chat-unread[hidden],#chat-notification[hidden]{display:none}#chat-notification{position:fixed;right:16px;bottom:max(18px,env(safe-area-inset-bottom));z-index:74;max-width:150px;min-height:40px;padding:10px 12px;border:1px solid #d9c8f0;border-radius:20px;background:#8062c5;color:white;box-shadow:0 4px 18px #543c7330;font-size:12px;line-height:1.5}#chat-notification:hover{background:#6546aa}#chat-notification:focus-visible{outline:3px solid #cbb6ed;outline-offset:3px}@media(max-width:700px){#chat-notification{right:12px;font-size:11px;max-width:145px}#room-chat{margin:18px auto}}