/* A quiet light in the bottom-right corner of the room. */
.room-presence{position:absolute;z-index:2;right:22px;bottom:76px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 44px);padding:8px 12px;border:1px solid rgba(242,230,204,.13);border-radius:999px;background:rgba(17,23,26,.56);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f3e9d7;font-size:12px;font-weight:400;line-height:1.5;letter-spacing:.01em;box-shadow:0 2px 14px rgba(0,0,0,.1);opacity:0;transform:translateY(3px);transition:opacity .6s ease,transform .6s ease;pointer-events:auto}
.room-presence[hidden]{display:none!important}
.room-presence.is-visible{opacity:1;transform:translateY(0)}
.room-presence-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#dac292;box-shadow:0 0 7px rgba(218,194,146,.4)}
.room-presence-text{min-width:0;overflow-wrap:anywhere;word-break:keep-all;transition:opacity .24s ease}
.room-presence.is-changing .room-presence-text{opacity:0}
@container (max-width:680px){.room-presence{right:13px;bottom:16px;max-width:calc(100% - 26px);padding:7px 10px;font-size:11px;gap:7px}}
@media(prefers-reduced-motion:reduce){.room-presence,.room-presence-text{transition:none;transform:none}}