#community-chat{--chat-primary:var(--primary-container,#f40819);font-family:var(--font-body,Arial,sans-serif);font-size:14px;position:relative;z-index:1040}
#community-chat [hidden]{display:none!important}
#community-chat #chat-panel{border-radius:16px!important}
#community-chat button,#community-chat textarea,#community-chat input{border-radius:9px!important}
#community-chat .chat-text{border-radius:12px!important}
#community-chat .chat-avatar,#community-chat .chat-dot{border-radius:50%!important}
#community-chat #chat-badge{border-radius:20px!important}
#community-chat #chat-emojis{border-radius:12px!important}
#community-chat button{cursor:pointer;font:inherit;border:1px solid var(--border-neutral);border-radius:9px;background:var(--surface-container-lowest);color:var(--on-surface-variant);padding:5px 9px}
#community-chat button:focus-visible,#community-chat textarea:focus-visible,#community-chat input:focus-visible{outline:3px solid var(--chat-primary);outline-offset:2px}
#community-chat button:disabled{opacity:.5;cursor:wait}
#chat-launch{position:fixed;bottom:22px;right:22px;background:var(--chat-primary)!important;color:white!important;border:0!important;padding:12px 16px!important;border-radius:28px!important;box-shadow:0 4px 18px #49202025;display:flex;align-items:center;gap:8px}
.chat-dot{width:8px;height:8px;border-radius:50%;background:#ccc;display:inline-block}.chat-connected .chat-dot{background:#9bf0a8}.chat-connecting .chat-dot{background:#ffdf45}
#chat-badge{background:white;color:#b5122b;border-radius:20px;min-width:20px;font-weight:bold}
#chat-panel{position:fixed;right:22px;bottom:82px;width:370px;height:520px;max-height:calc(100dvh - 105px);display:flex;flex-direction:column;border:1px solid var(--border-neutral);border-radius:16px;box-shadow:0 10px 36px #49202025;background:var(--surface);overflow:hidden;animation:chat-open .16s ease-out}
.chat-header{display:flex;align-items:center;gap:8px;background:var(--chat-primary);color:white;padding:12px}.chat-header div{flex:1}.chat-header small{display:block;font-size:11px;margin-top:2px}.chat-header button{background:transparent!important;color:white!important;border:0!important;font-size:23px!important;line-height:1}
.chat-rules{padding:7px 12px;background:var(--surface-container);font-size:11px;line-height:1.4}.chat-identity{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:11px;border-bottom:1px solid var(--border-neutral)}#chat-name{flex:1;overflow-wrap:anywhere}.chat-identity button{font-size:10px!important;padding:3px!important}
#chat-name-form{padding:8px;display:flex;flex-wrap:wrap;gap:5px}#chat-name-form label{width:100%;font-size:12px}#chat-name-input{min-width:0;flex:1}
#chat-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:10px;overflow-anchor:none;scrollbar-width:thin}#chat-history{display:block;margin:0 auto 12px;font-size:11px!important}#chat-empty{color:var(--on-surface-variant);text-align:center;font-size:12px;padding:15px}
.chat-message{margin:10px 0;display:flex;gap:6px;align-items:flex-start}.chat-message.mine{flex-direction:row-reverse}.chat-avatar{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.chat-body{max-width:83%;min-width:0}.chat-meta{font-size:10px;color:var(--on-surface-variant);margin-bottom:3px;overflow-wrap:anywhere}.mine .chat-meta{text-align:right}.chat-text{padding:8px 10px;border-radius:12px;background:var(--surface-container);white-space:pre-wrap;overflow-wrap:anywhere}.mine .chat-text{background:#ffe1df}.chat-grouped{margin-top:3px}.chat-grouped .chat-avatar{visibility:hidden}.chat-grouped .chat-meta{display:none}.chat-tools{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.chat-tools button{font-size:10px!important;padding:2px 4px!important;border-color:transparent!important}.chat-tools button[aria-pressed=true]{background:#ffe1df!important;border-color:var(--chat-primary)!important}.chat-delivery{font-size:10px;color:#9d1726}
#chat-new{align-self:center;background:var(--surface-container)!important;font-size:12px!important;margin:3px}#chat-error{margin:0;padding:5px 10px;background:#fff0e8;color:#9d1726;font-size:12px}#chat-compose{border-top:1px solid var(--border-neutral);padding:8px;background:var(--surface-container-lowest);position:relative}#chat-input{display:block;width:100%;resize:none;max-height:100px;border:1px solid var(--border-neutral);border-radius:9px;padding:8px;font:inherit;background:var(--surface);color:var(--on-surface)}.chat-compose-actions{display:flex;align-items:center;gap:8px;margin-top:5px}#chat-count{margin-left:auto;font-size:11px}#chat-send{margin-left:auto;background:var(--chat-primary)!important;color:white!important}#chat-emojis{position:absolute;left:8px;right:8px;bottom:100%;padding:8px;display:flex;flex-wrap:wrap;gap:4px;background:var(--surface);border:1px solid var(--border-neutral);border-radius:12px;box-shadow:0 2px 12px #0002}#chat-emojis button{font-size:20px!important}
@keyframes chat-open{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:991.98px){#chat-launch{bottom:calc(76px + env(safe-area-inset-bottom));right:12px;font-size:12px;padding:10px 12px!important}#chat-panel{right:8px;bottom:calc(132px + env(safe-area-inset-bottom));width:min(370px,calc(100vw - 16px));max-height:calc(var(--chat-vh,100dvh) - 144px - env(safe-area-inset-bottom));height:520px}body:has(#community-chat){padding-bottom:130px}#chat-input{font-size:16px}}
@media(prefers-reduced-motion:reduce){#chat-panel{animation:none}}