.approved-room{position:relative}.user-bubbles{position:absolute;inset:0;pointer-events:none;z-index:20}.user-bubble{position:absolute;transform:translate(-50%,-50%);max-width:55%;padding:7px 10px;border:1px solid #9d8f7d;border-radius:10px;background:#fffef9;color:#4e4338;box-shadow:1px 2px 0 #0001;font-size:12px;line-height:1.5;overflow-wrap:anywhere;white-space:pre-wrap;pointer-events:auto;touch-action:none;cursor:grab;user-select:none}.user-bubble:before,.user-bubble:after{content:'';position:absolute;left:50%;width:0;height:0;border-style:solid;transform:translateX(-50%);pointer-events:none}.user-bubble:before{bottom:-8px;border-width:8px 7px 0;border-color:#9d8f7d transparent transparent}.user-bubble:after{bottom:-6px;border-width:7px 6px 0;border-color:#fffef9 transparent transparent}.user-bubble.dragging{cursor:grabbing;z-index:2}.user-bubble:focus-visible{outline:2px solid #638e83;outline-offset:3px}#newUserBubble,.bubble-edit-list form{display:flex;gap:6px;margin:10px 0}.bubble-edit-list input,#newUserBubble input{min-width:0;flex:1}.bubble-edit-list{max-height:45vh;overflow:auto}@media(max-width:600px){.user-bubble{font-size:10px;padding:5px 7px}}
