.slop-chat{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:65;font-family:var(--body);color:var(--ink)}
.slop-chat button,.slop-chat input,.slop-chat textarea{font:inherit}
.chat-toggle{display:flex;align-items:center;gap:9px;border:1px solid #e5ffa5;background:var(--lime);color:var(--lime-ink);padding:12px 19px;border-radius:999px;font-size:16px;font-weight:900;box-shadow:0 6px 24px #08021460;cursor:pointer;margin-left:auto;min-height:48px}
.chat-toggle svg{width:21px;height:21px}.chat-toggle[aria-expanded=true]{display:none}
.chat-panel{width:min(380px,calc(100vw - 24px));height:min(560px,calc(100dvh - 100px));display:flex;flex-direction:column;background:#20133f;border:1px solid #644a94;border-radius:20px;overflow:hidden;box-shadow:0 20px 80px #0009}.chat-panel[hidden]{display:none}
.chat-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line);background:#2d1d51}.chat-head h2{margin:0;font-family:var(--display);font-size:24px}.chat-head p{font-size:13px;color:var(--muted);margin:1px 0 0}.chat-close{width:40px;height:40px;border:0;border-radius:50%;background:#ffffff12;color:var(--ink);font-size:24px!important;cursor:pointer}
.chat-log{overflow-y:auto;flex:1;padding:14px 16px;min-height:100px;overscroll-behavior:contain}.chat-empty{font-size:15px;color:var(--muted);text-align:center;margin:30px 10px}.chat-message{margin:0 0 13px;overflow-wrap:anywhere}.chat-message header{display:flex;align-items:baseline;gap:8px}.chat-message strong{font-size:14px;color:var(--lime)}.chat-message time{font-size:12px;color:var(--dim)}.chat-message p{margin:3px 0 0;font-size:16px;line-height:1.45;white-space:pre-wrap}.chat-compose{border-top:1px solid var(--line);padding:12px 14px;display:grid;gap:8px}.chat-name-row{display:flex;align-items:center;gap:10px;font-size:14px}.chat-compose input,.chat-compose textarea{background:#150c2c;color:var(--ink);border:1px solid #594078;border-radius:9px;padding:9px 11px;min-width:0;width:100%;font-size:16px}.chat-compose textarea{resize:none;height:72px}.chat-compose input:focus,.chat-compose textarea:focus{outline:2px solid var(--lime);outline-offset:1px}.chat-send-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-status{font-size:13px;color:var(--muted);margin:0;flex:1}.chat-status.error{color:#ffba9e}.chat-send{background:var(--lime);color:var(--lime-ink);border:0;border-radius:999px;padding:10px 20px;font-weight:900;cursor:pointer;font-size:16px;min-height:42px}.chat-send:disabled{opacity:.55;cursor:wait}.chat-note{margin:0;color:var(--dim);font-size:12px}
body:has(.player:not([hidden])) .slop-chat{display:none}
@media(max-width:600px){.slop-chat{right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px))}.chat-panel{height:min(560px,calc(100dvh - 32px));width:calc(100vw - 24px)}.chat-toggle{padding:11px 16px}}
.slop-chat .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}