.live-message-notice { position:fixed; z-index:1800; top:max(12px,env(safe-area-inset-top)); right:16px; width:360px; max-width:calc(100vw - 24px); display:flex; align-items:flex-start; padding:10px; border:1px solid var(--border-color); border-radius:18px; background:var(--card-background); color:var(--text-primary); box-shadow:0 12px 40px rgba(0,0,0,.22); }
.live-message-open { display:flex; align-items:center; gap:12px; flex:1; min-width:0; padding:4px; color:inherit; background:transparent; border:0; text-align:left; cursor:pointer; }
.live-message-open img { width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none; }
.live-message-open > span { display:flex; flex-direction:column; gap:5px; min-width:0; }
.live-message-open strong { font-size:14px; }
.live-message-open span span { color:var(--text-secondary); font-size:13px; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-word; }
.live-message-close { color:var(--text-secondary); flex:none; font-size:22px; width:28px; height:28px; border:0; border-radius:50%; background:transparent; cursor:pointer; }
.live-message-open:focus-visible,.live-message-close:focus-visible { outline:2px solid var(--primary-blue); outline-offset:2px; }
.chat-review-card { min-width:180px; max-width:260px; padding:8px 2px; }
.chat-review-card strong { display:block; font-size:15px; margin-bottom:8px; }
.chat-review-card p { font-size:13px; margin:0 0 12px; line-height:1.6; }
.chat-review-card button { border:0; border-radius:14px; padding:9px 14px; color:#fff; background:var(--primary-blue); cursor:pointer; }
@media(max-width:767px) { .live-message-notice { right:12px; width:calc(100vw - 24px); } }