/* Bottom conversation dock. Room movement controls sit above its measured height. */
#room-chat{position:absolute;z-index:17;bottom:calc(max(8px,env(safe-area-inset-bottom)) + var(--room-chat-keyboard,0px));left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 32px));padding:9px 12px 7px;border:1px solid #c9d4bb;border-radius:16px;background:#f6f3e9f2;color:#2c493b;box-shadow:0 4px 24px #18362d26;font:12px/1.45 Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;pointer-events:auto;touch-action:pan-y}
#room-chat [hidden]{display:none!important}.room-chat-top{display:flex;gap:7px;align-items:center;min-height:30px}.room-chat-label{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-chat-self{font-size:11px;color:#536b5c;white-space:nowrap}.room-chat-toggle{margin-left:auto;flex:none;border:0;background:transparent;color:#365944;padding:5px;min-height:32px;font-size:11px;border-radius:7px}.room-chat-preview{display:block;width:100%;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:0;background:transparent;color:#556b5a;padding:4px 0 7px;font-size:11px;min-height:28px}
.room-chat-log{list-style:none;margin:5px 0 9px;padding:0 5px 0 0;max-height:min(150px,22dvh);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b2c5ac transparent}.room-chat-message{display:grid;grid-template-columns:1fr auto;gap:2px 8px;margin:5px 0;padding:6px 9px;background:#e6ecdfee;border-radius:10px}.room-chat-message.is-mine{background:#d9e6cf}.room-chat-message strong{font-size:11px;font-weight:700}.room-chat-message time{font-size:10px;color:#697d6b}.room-chat-text{grid-column:1/-1;overflow-wrap:anywhere;white-space:pre-wrap;unicode-bidi:plaintext;line-height:1.5}.room-chat-empty{font-size:12px;color:#5f7662;text-align:center;padding:10px 4px}.room-chat-form{display:flex;gap:6px;align-items:center}.room-chat-input{flex:1;width:0;min-width:0;min-height:40px;padding:8px 10px;border:1px solid #bdccb5;border-radius:11px;background:#fffdf6;color:#294637;font:inherit;font-size:14px;line-height:1.4}.room-chat-input::placeholder{color:#7b8979}.room-chat-send{min-height:40px;min-width:58px;padding:8px 10px;border:1px solid #5c7c56;border-radius:11px;background:#50764f;color:white;font-size:12px}.room-chat-send:disabled{opacity:.5;cursor:default}.room-chat-note{margin:5px 0 0;font-size:10px;line-height:1.4;color:#73816d;overflow-wrap:anywhere}.room-chat-note.is-error{color:#9c4b2f}#room-chat :focus-visible{outline:2px solid #527b47;outline-offset:2px}
body.has-room-chat .hint,body.has-room-chat .keyboard-move{display:none!important}
body.has-room-chat #whisper{bottom:calc(var(--room-chat-height,124px) + 18px)!important}
@media(max-width:650px){#room-chat{width:calc(100% - 16px);padding:6px 10px;border-radius:14px}.room-chat-input{font-size:16px}.room-chat-top{gap:5px}.room-chat-label{font-size:11px}.room-chat-self{font-size:10px}.room-chat-toggle{font-size:10px}body.has-room-chat.calm-ui .move-control{bottom:calc(var(--room-chat-height,124px) + 5px)!important}body.has-room-chat.calm-ui .right-controls{bottom:calc(var(--room-chat-height,124px) + 58px)!important}body.has-room-chat.calm-ui #calm-walking-tools{bottom:calc(var(--room-chat-height,124px) + 5px)!important}body.has-room-chat #whisper{bottom:calc(var(--room-chat-height,124px) + 110px)!important}body.has-room-chat #mother-note{display:none!important}}
@media(max-height:450px){#room-chat{width:min(420px,calc(100% - 270px));padding:4px 9px}.room-chat-note{display:none}.room-chat-log{max-height:85px}.room-chat-preview{min-height:22px;padding:1px 0 4px}body.has-room-chat #whisper{display:none!important}body.has-room-chat.calm-ui .move-control{bottom:24px!important}body.has-room-chat.calm-ui .right-controls{bottom:65px!important}body.has-room-chat.calm-ui #calm-walking-tools{bottom:14px!important}}

@media(min-width:651px) and (max-width:900px) and (min-height:451px){body.has-room-chat.calm-ui .move-control{bottom:calc(var(--room-chat-height,124px) + 5px)!important}body.has-room-chat.calm-ui .right-controls{bottom:calc(var(--room-chat-height,124px) + 58px)!important}body.has-room-chat.calm-ui #calm-walking-tools{bottom:calc(var(--room-chat-height,124px) + 5px)!important}}
