.chat-panel{position:absolute;left:30px;bottom:24px;width:340px;z-index:7;background:#101e19f5;border:1px solid #52614a;border-top:2px solid #b29a64;box-shadow:0 8px 28px #0005;border-radius:5px;overflow:hidden;display:flex;flex-direction:column}
.chat-panel:not(.expanded){width:228px}
.chat-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:8px 12px;text-align:left;background:#243328;color:#e6d6b2;font-size:11px;flex-shrink:0}
.chat-panel.expanded .chat-toggle{padding-right:44px}
.chat-resize{position:absolute;right:0;top:0;width:32px;height:42px;cursor:nesw-resize;touch-action:none;color:#c8ba8e;font-size:21px;user-select:none}
.chat-resize:hover,.chat-resize:focus-visible{background:#40543c;color:#ffe1a6}
.chat-panel.sized.expanded{width:var(--chat-width);height:var(--chat-height);right:auto}
.chat-panel.sized.expanded #chat-body{height:auto;max-height:none;flex:1;min-height:0}
.chat-title{display:flex;align-items:center;gap:8px}.chat-title>span{color:#9cc7a3}.chat-title kbd{font:9px monospace;color:#91a38d;border:1px solid #52614a;padding:2px 4px;border-radius:3px}
.chat-toggle-status{display:flex;align-items:center;gap:10px}.chat-chevron{font-size:24px;line-height:24px;font-weight:400}
.chat-total,.chat-tabs b{background:#bca473;color:#16221b;padding:2px 5px;border-radius:8px;font:10px Tahoma,sans-serif;min-width:18px;text-align:center}
#chat-body{display:flex;flex-direction:column;height:255px;max-height:calc(100dvh - 260px)}
.chat-panel [hidden]{display:none!important}
.chat-tabs{display:flex;gap:2px;border-bottom:1px solid #3c503f;padding:0 10px;flex-shrink:0}
.chat-tabs button{display:flex;gap:7px;align-items:center;justify-content:center;min-height:38px;flex:1;font-size:12px;color:#96ab98;border-bottom:2px solid transparent}
.chat-tabs button[aria-selected=true]{color:#f0d5a1;border-bottom-color:#d6b474;background:#2c3b2b}
.chat-scope{margin:0;padding:7px 12px;font-size:10px;color:#a6b69e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}
.chat-history{position:relative;flex:1;min-height:45px}
.chat-log{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#596d53 #132219;padding:0 12px 8px}
.chat-message{font-size:12px;line-height:1.75;overflow-wrap:anywhere;padding:3px 0;color:#e0e4d4;unicode-bidi:plaintext}
.chat-message time{font:9px monospace;color:#8c9f8c;margin-right:7px;white-space:nowrap}.chat-message strong{color:#dbbf86;font-weight:400}.chat-message.own strong{color:#9fdbb0}
.chat-empty{font-size:11px;line-height:1.8;text-align:center;color:#8fa38d;padding:16px 4px;margin:0}
.chat-latest{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:6px 12px;font-size:10px;border:1px solid #7a8969;border-radius:12px;background:#2f4935;box-shadow:0 2px 8px #0007}
.chat-form{display:flex;gap:6px;padding:7px 10px 0;margin:0;flex-shrink:0;border-top:1px solid #344b39}
.chat-form input[type=text]{flex:1;min-width:0;width:100%;height:38px;padding:8px 9px;margin:0;border:1px solid #4a614b;border-radius:3px;background:#0c1813;color:#e5e6d8;font-size:12px}
.chat-form button[type=submit]{margin:0}
.chat-form input::placeholder{color:#91a18d}.chat-send{flex-shrink:0;min-width:44px;min-height:38px;background:#b8a06c;color:#152019;border:1px solid #d0b57c;border-radius:3px}
.chat-footer{display:flex;gap:8px;justify-content:space-between;padding:6px 11px 8px;min-height:26px;font-size:9px;color:#9aa991;flex-shrink:0}.chat-counter{flex-shrink:0}.chat-footer .chat-error{color:#f0ad94}
.chat-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.chat-open .location{visibility:hidden}
@media(min-width:761px){.chat-open .control-tip{visibility:hidden}.chat-panel.expanded{max-width:calc(100vw - 60px)}}
@media(min-width:761px) and (max-width:1100px){.chat-panel{bottom:125px}#chat-body{height:195px}}
@media(max-width:760px){
  .chat-panel{left:12px;right:12px;bottom:158px;width:auto}
  .chat-panel:not(.expanded){width:186px;right:auto}
  .chat-title kbd{display:none}
  #chat-body{height:clamp(180px,23dvh,210px);max-height:calc(100dvh - 270px)}
  .chat-tabs button{min-height:38px}.chat-scope{padding:5px 10px;font-size:9px}
  .chat-footer{padding:4px 9px 5px;min-height:20px;font-size:8px}
  .chat-form{padding:6px 8px 0}.chat-form input[type=text]{height:44px;font-size:16px}.chat-send{min-height:44px;min-width:48px}
  .chat-panel.chat-keyboard.expanded{bottom:calc(var(--chat-keyboard-inset) + 8px)}
  .chat-keyboard #chat-body{max-height:calc(var(--chat-viewport-height) - 100px)}
}
@media(max-height:600px) and (min-width:761px){.chat-panel,.chat-panel:not(.expanded){bottom:122px}#chat-body{height:230px;max-height:calc(100dvh - 215px)}}