.chat-toggle{position:fixed;right:max(15px,env(safe-area-inset-right));bottom:calc(15px + env(safe-area-inset-bottom));z-index:35;min-height:46px;padding:10px 18px;border-radius:24px;background:#e6c48a;color:#173327;border:1px solid #f7dfa9;box-shadow:0 5px 22px #0006;font-weight:600;font-size:13px}
.chat-mute{position:fixed;left:max(15px,env(safe-area-inset-left));bottom:calc(15px + env(safe-area-inset-bottom));z-index:35;min-height:46px;padding:10px 15px;border-radius:24px;background:#19372b;color:#ead6aa;border:1px solid #b8c0a744;box-shadow:0 5px 22px #0006;font-size:12px}.chat-mute[aria-pressed=true]{background:#25332e;color:#aab8ad}.chat-enable-audio{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(73px + env(safe-area-inset-bottom));z-index:45;max-width:90vw;min-height:44px;padding:10px 15px;border:1px solid #e0c17e;background:#f2d49b;color:#183227;border-radius:10px;box-shadow:0 5px 25px #0006}.chat-enable-audio[hidden]{display:none}
.sender-bubble{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translateX(-50%);width:160px;max-width:45vw;padding:9px 11px;border-radius:12px;background:#f1e4c5;color:#193327;box-shadow:0 6px 20px #0006;z-index:25;text-align:left;pointer-events:none;overflow-wrap:anywhere}.sender-bubble strong{display:block;font:600 10px/1.3 Arial,sans-serif;color:#597052;margin-bottom:4px}.sender-bubble>span{display:block;font:12px/1.4 Arial,sans-serif;color:#193327;white-space:pre-wrap}.seat.left .sender-bubble{left:0;transform:none}.seat.right .sender-bubble{left:auto;right:0;transform:none}.seat.top .sender-bubble{bottom:auto;top:calc(100% + 7px)}.seat:has(.sender-bubble){z-index:26}
.chat-panel{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(72px + env(safe-area-inset-bottom));width:min(380px,calc(100vw - 24px));height:min(540px,76svh);z-index:40;display:flex;flex-direction:column;background:#142b23;border:1px solid #c7b77b55;border-radius:18px;box-shadow:0 15px 60px #0009;overflow:hidden;color:#e7eddf}
.chat-panel[hidden]{display:none}.chat-panel-heading{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #ffffff12}.chat-panel-heading strong{font-size:15px}.chat-panel-heading small{display:block;margin-top:4px;font-size:10px;color:#a9bbaa}.chat-panel button{min-height:44px;border-radius:9px;font-size:12px}.chat-panel-heading button{min-width:44px;background:transparent;border:0;color:#dce5d8;font-size:24px}
.chat-messages{overflow:auto;overscroll-behavior:contain;flex:1;min-height:70px;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-messages:empty:before{content:'Say hello to your table. Messages are shared with everyone in this room.';font-size:12px;color:#a3b5a6;line-height:1.7;padding:10px}
.chat-message{max-width:94%;align-self:flex-start;background:#ffffff08;border:1px solid #ffffff09;border-radius:11px;padding:9px 11px;flex-shrink:0;min-width:120px}.chat-message.mine{align-self:flex-end;background:#315443;border-color:#a3bf9820}.chat-message-heading{display:flex;gap:14px;justify-content:space-between;align-items:center}.chat-message-heading strong{font-size:11px;color:#e7cc94;overflow-wrap:anywhere}.chat-message time{font-size:9px;color:#a9bead;white-space:nowrap}.chat-message p{font-size:13px;line-height:1.5;margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message audio{display:block;width:245px;max-width:100%;height:38px;margin-top:7px}
.chat-compose{padding:10px 12px;border-top:1px solid #ffffff12;background:#10241c}.chat-compose form{display:flex;gap:7px;align-items:flex-end}.chat-compose textarea{resize:none;width:100%;min-width:0;min-height:46px;max-height:110px;background:#071b13;border:1px solid #aabd9c33;border-radius:9px;color:#eceddd;padding:10px;font:16px/1.35 Arial,sans-serif}.chat-compose .primary{padding:10px 13px}.voice-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.voice-tools button{background:#ffffff07;border:1px solid #b9ccad33;color:#e9e2ca;padding:8px 12px}.voice-tools small{font-size:10px;color:#a9bdab}.chat-status{font-size:11px;line-height:1.4;color:#e2c98d;margin:6px 0 0;min-height:15px}.voice-draft{margin-top:9px;padding-top:9px;border-top:1px solid #ffffff12}.voice-draft[hidden]{display:none}.voice-draft audio{width:100%;height:38px}.voice-draft>div{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.voice-draft .quiet{padding:8px 12px}.table-history{margin-bottom:60px}
@media(max-height:500px){.chat-panel{height:calc(100svh - 90px);bottom:70px}.chat-panel-heading{padding:5px 12px}.chat-messages{min-height:40px}.chat-compose{padding:6px 10px}.voice-tools{margin-top:3px}.chat-status{margin-top:3px}}