/* Closed chat is just a few translucent lines; readable controls appear on demand. */
.cp .cp-chat{position:absolute;left:calc(8% + 225px);bottom:168px;width:min(300px,35%);z-index:7;pointer-events:none;letter-spacing:0}
.cp.is-chat-open .cp-chat{left:8%;bottom:210px;width:310px}
.cp .cp-chat-preview{font-size:11px;line-height:1.8;color:rgba(221,243,239,.54);text-shadow:0 1px 4px #03070b,0 0 8px #03070b;max-height:60px;overflow:hidden;mask-image:linear-gradient(transparent,#000 15%);-webkit-mask-image:linear-gradient(transparent,#000 15%)}
.cp .cp-chat-whisper{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp .cp-chat-author{font-size:10px;color:#9fbab7;margin-right:8px;white-space:nowrap}
.cp .cp-chat-preview .cp-chat-author{color:rgba(163,210,203,.55);font-size:9px}
.cp .cp-chat-toggle{pointer-events:auto;min-height:44px;padding:2px 4px;font-size:11px;color:#b9d7d0b8;letter-spacing:.025em;text-shadow:0 1px 5px #03070b}
.cp .cp-chat-toggle:hover,.cp .cp-chat-toggle:focus-visible{color:#edfff9}
.cp .cp-chat-panel{pointer-events:auto;display:flex;flex-direction:column;width:100%;max-height:min(390px,var(--cp-chat-room,390px));padding:12px 14px 10px;border:1px solid #b5e2d82c;border-radius:15px;background:linear-gradient(135deg,#0e222bbf,#050d14d9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 10px 30px #0004;color:#dce9e5}
.cp .cp-chat-heading{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:32px}
.cp .cp-chat-heading strong{font-weight:450;font-size:13px;flex:1}
.cp .cp-chat-heading button{font-size:11px;min-height:44px;padding:4px;color:#a4bdb9}
.cp .cp-chat-heading .cp-chat-close{font-size:21px;min-width:36px}
.cp .cp-chat-identity{font-size:10px;color:#b2c7c2;margin:0 0 10px}
.cp .cp-chat-log{list-style:none;padding:0 2px 0 0;margin:0;min-height:44px;max-height:175px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#63888155 transparent;flex:1}
.cp .cp-chat-message{font-size:14px;line-height:1.65;padding:7px 0;border-bottom:1px solid #d9f7e90b;overflow-wrap:anywhere}
.cp .cp-chat-message time{font-size:9px;color:#8da3a0;margin-left:8px;white-space:nowrap}
.cp .cp-chat-empty{font-size:12px;color:#b0c6c1;padding:12px 0 20px;line-height:1.8}
.cp .cp-chat-latest{font-size:11px;color:#c2eee3;min-height:36px;background:#b3e5d918;border-radius:5px;margin:3px 0}
.cp .cp-chat-form{display:block;flex-shrink:0;border-top:1px solid #c8eee422;margin-top:8px;padding-top:10px}
.cp .cp-chat-label{font-size:11px;color:#b3c9c3;display:block;margin:0 0 5px}
.cp .cp-chat-compose{display:flex;align-items:center;gap:6px}
.cp .cp-chat-input{width:100%;min-width:0;min-height:44px;max-height:80px;resize:none;border:1px solid #bce4d535;border-radius:8px;background:#020a106b;color:#f0f7f3;font-family:inherit;font-size:16px;line-height:1.5;padding:9px 10px;box-shadow:none;letter-spacing:-.02em}
.cp .cp-chat-input::placeholder{color:#92aaa4;font-size:12px}
.cp .cp-chat-send{min-height:44px;min-width:52px;flex:0 0 52px;padding:0;white-space:nowrap;border:1px solid #d0f3e550;border-radius:8px;color:#d0f3e5;font-size:12px;background:#b5ead21a}
.cp .cp-chat-send:disabled{opacity:.35;cursor:default}
.cp .cp-chat-footnote{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:10px;color:#8ca7a1}
.cp .cp-chat-count.is-over{color:#ffbaa7}
.cp .cp-chat-status{font-size:11px;line-height:1.5;color:#d4ded6;min-height:0;margin-top:5px}
.cp .cp-chat-status:empty{margin:0}
.cp .cp-chat-input:focus-visible{outline:1px solid #bae9dc;outline-offset:2px}
.cp .cp-chat button:focus-visible{outline:1px solid #bae9dc;outline-offset:2px}
@media(max-width:760px){
 .cp .cp-chat{left:max(22px,env(safe-area-inset-left));bottom:calc(var(--cp-dock-height,160px) + 25px);width:min(270px,calc(100% - 44px))}
 .cp .cp-chat-preview{font-size:11px;line-height:1.7;max-height:55px}
 .cp .cp-chat-toggle{padding:0 3px;min-height:44px;font-size:10px}
 .cp.is-chat-open .cp-chat{left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));width:auto;bottom:calc(10px + var(--cp-chat-keyboard,0px));z-index:8}
 .cp.is-chat-open .cp-chat-toggle{display:none}
 .cp.is-chat-open .cp-controls{visibility:hidden;pointer-events:none}
 .cp .cp-chat-panel{max-height:min(350px,var(--cp-chat-room,350px))}
 .cp .cp-chat-log{max-height:145px}
 .cp .cp-chat-input{max-height:58px}
 .cp.is-details-open:not(.is-chat-open) .cp-chat-preview{visibility:hidden}
}
@media(max-height:500px){.cp .cp-chat-panel{padding:5px 12px}.cp .cp-chat-identity,.cp .cp-chat-label{display:none}.cp .cp-chat-log{min-height:25px}.cp .cp-chat-heading{min-height:24px}.cp .cp-chat-heading button{min-height:32px}.cp .cp-chat-form{margin-top:3px;padding-top:4px}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.cp .cp-chat-panel{background:#091821;backdrop-filter:none;-webkit-backdrop-filter:none}.cp .cp-chat-preview{color:#e1f1ed}.cp .cp-chat-preview .cp-chat-author{color:#aee0d6}.cp .cp-chat-toggle{color:#d5ece5}}

@media(max-width:760px){.cp .cp-chat.has-keyboard .cp-chat-identity,.cp .cp-chat.has-keyboard .cp-chat-label{display:none}.cp .cp-chat.has-keyboard .cp-chat-heading button{min-height:32px}.cp .cp-chat.has-keyboard .cp-chat-panel{padding:5px 12px}.cp .cp-chat.has-keyboard .cp-chat-log{min-height:24px}.cp .cp-chat.has-keyboard .cp-chat-form{margin-top:4px;padding-top:5px}}