.room-chat-trigger{position:relative;gap:5px!important}.room-chat-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#dfb56d;color:#173e31;font:600 10px/1 sans-serif}.room-chat-dialog{width:min(540px,calc(100% - 32px));height:min(680px,80dvh);max-height:calc(var(--chat-viewport,100dvh) - 24px);padding:22px;overflow:hidden;color:#253d30;background:#faf9f1}.room-chat-dialog[open]{display:flex;flex-direction:column}.room-chat-heading{flex:none;margin-bottom:14px}.room-chat-heading h2{font-size:21px}.room-chat-heading p{font-size:11px;color:#819072;margin:6px 0 0;line-height:1.6}.room-chat-messages{flex:1;min-height:70px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;list-style:none;margin:0;padding:12px 2px;display:flex;flex-direction:column;gap:14px;border-top:1px solid #d9dfcd;border-bottom:1px solid #d9dfcd;overflow-anchor:none;-webkit-overflow-scrolling:touch}.room-chat-message{max-width:90%;align-self:flex-start;min-width:0;list-style:none;padding:0!important}.room-chat-message.own{align-self:flex-end}.room-chat-message-meta{display:flex;align-items:baseline;gap:10px;font-size:10px;line-height:1.5;color:#7f8d70;margin:0 3px 5px}.room-chat-message-meta span{overflow-wrap:anywhere}.room-chat-message-meta time{white-space:nowrap;font-size:9px}.room-chat-message.own .room-chat-message-meta{justify-content:flex-end}.room-chat-message p{padding:10px 13px;border:1px solid #d9e0cb;border-radius:4px 12px 12px 12px;background:#edf0e4;margin:0;font:14px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;color:#284330;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.room-chat-message.own p{background:#28553f;color:#f7f2de;border-color:#28553f;border-radius:12px 4px 12px 12px}.room-chat-empty{padding:30px 8px!important;color:#879477;text-align:center;font-size:12px;line-height:1.8;list-style:none}.room-chat-quick{display:flex;flex:none;gap:7px;padding:13px 0 10px;flex-wrap:wrap}.room-chat-quick button{border:1px solid #d1d9c3;border-radius:20px;color:#667951;background:#f4f5eb;font-size:11px;padding:7px 12px;min-height:34px;cursor:pointer}.room-chat-quick button:disabled{opacity:.4}.room-chat-form{flex:none;margin:0}.room-chat-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7d8d6c;margin-bottom:7px}.room-chat-label span{font-size:10px}.room-chat-compose{display:flex;align-items:stretch;gap:9px}.room-chat-compose textarea{flex:1;min-width:0;max-height:96px;resize:none;min-height:62px;border:1px solid #bfcdb0;border-radius:7px;background:#fffef8;color:#27472f;padding:10px 12px;font:14px/1.5 "PingFang SC","Microsoft YaHei",sans-serif}.room-chat-compose textarea:focus{outline:2px solid #b3c29b;outline-offset:1px}.room-chat-compose textarea:read-only{background:#f1f1e6;color:#77816a}.room-chat-compose .button{flex:none;align-self:stretch;padding:12px 16px;font-size:12px;min-width:64px;justify-content:center}.room-chat-form>p{font-size:11px;color:#a45e39;line-height:1.7;margin:8px 0 0}.room-chat-new{flex:none;align-self:center;background:#dce5cd;border:1px solid #bacaa5;border-radius:18px;color:#496338;font-size:11px;padding:8px 14px;margin:9px 0 0;cursor:pointer;min-height:34px}.room-chat-dialog button:focus-visible{outline:2px solid #aa8b51;outline-offset:3px}.room-chat-dialog [hidden]{display:none!important}
@media(max-width:560px){.room-chat-dialog{width:100%;max-width:100vw;height:min(74dvh,620px);max-height:calc(var(--chat-viewport,100dvh) - 10px);margin:auto 0 var(--chat-bottom,0px);padding:16px 16px calc(14px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.room-chat-heading{margin-bottom:11px}.room-chat-heading h2{font-size:20px}.room-chat-heading p{font-size:10px}.room-chat-heading button{width:38px;height:38px}.room-chat-messages{gap:12px;padding-top:10px}.room-chat-message p{font-size:13px;padding:9px 12px}.room-chat-compose textarea{font-size:16px;min-height:62px;padding:8px 10px}.room-chat-quick{padding:10px 0 8px;gap:6px}.room-chat-quick button{font-size:10px;padding:6px 10px;min-height:32px}.room-chat-compose .button{padding:10px 12px;min-width:60px}.room-focus .room-share{gap:4px}.room-focus .room-share .button{padding:7px 7px;font-size:10px}.room-focus .room-heading>div.room-identity{gap:5px}.room-focus .room-home{min-width:38px;padding:6px 4px}.room-focus .room-heading h1{font-size:0}.room-focus .room-heading h1 span{font-size:16px;margin-left:0}.room-focus .room-heading-label .eyebrow{max-width:76px;font-size:8px}.room-chat-badge{position:absolute;right:-4px;top:-6px;min-width:16px;height:16px;font-size:9px}.room-chat-trigger{overflow:visible!important}}
@media(max-width:350px){.room-focus .room-heading{padding:9px 8px}.room-focus .room-share .button{padding:7px 6px}.room-focus .room-connection{display:none}.room-focus .room-share{gap:3px}.room-chat-compose .button{padding:10px;min-width:55px}.room-chat-dialog{padding-left:13px;padding-right:13px}}
.room-chat-dialog.room-chat-compact{padding-top:11px;padding-bottom:11px}.room-chat-compact .room-chat-heading{margin-bottom:8px}.room-chat-compact .room-chat-heading p,.room-chat-compact .room-chat-quick{display:none}.room-chat-compact .room-chat-heading h2{font-size:18px}.room-chat-compact .room-chat-messages{min-height:36px}.room-chat-compact .room-chat-compose textarea{min-height:44px;max-height:64px;height:44px}.room-chat-compact .room-chat-form{padding-top:8px}.room-chat-compact .room-chat-label{margin-bottom:5px}.room-chat-compact .room-chat-form>p{font-size:10px;line-height:1.5;margin-top:5px}