.chat-peek-dialog{width:min(540px,calc(100vw - 24px));max-width:540px;max-height:calc(100dvh - 32px);padding:0;border:1px solid var(--border,#425363);border-radius:16px;background:var(--panel,#17232e);color:var(--text,#eef4f8);box-shadow:0 20px 70px #0007;overflow:hidden}
.chat-peek-dialog[open]{display:flex;flex-direction:column}.chat-peek-dialog::backdrop{background:#0005}
.chat-peek-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid var(--border,#425363)}
.chat-peek-dialog h2{font-size:17px;margin:0;overflow-wrap:anywhere}.chat-peek-dialog header p{font-size:12px;margin:5px 0 0;opacity:.75}.chat-peek-dialog header button{flex-shrink:0}
.chat-peek-body{height:min(550px,60dvh);min-height:120px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:14px 18px;background:var(--bg,#101c26);display:flex;flex-direction:column;gap:9px}
.chat-peek-message{flex-shrink:0;align-self:flex-start;max-width:92%;padding:10px 12px;border-radius:12px;background:var(--panel,#1d2c3a);border:1px solid var(--border,#425363);overflow-wrap:anywhere;white-space:normal}
.chat-peek-message.outbound{align-self:flex-end;background:color-mix(in srgb,var(--accent,#3390ec) 18%,var(--panel,#1d2c3a))}
.chat-peek-message p{white-space:pre-wrap;margin:5px 0;font-size:14px;line-height:1.65}.chat-peek-message time{font-size:10px;opacity:.7;display:block;text-align:end;margin-top:5px}.chat-peek-sender{font-weight:600;opacity:.8}.chat-peek-media,.chat-peek-reactions{font-size:12px;margin-top:5px}.chat-peek-media{opacity:.7}.chat-peek-day{align-self:center;font-size:11px;opacity:.75;padding:3px 8px;flex-shrink:0}.chat-peek-note{font-size:12px;line-height:1.7;opacity:.8;text-align:center;flex-shrink:0}
.chat-peek-dialog>footer{padding:12px 18px;display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border,#425363)}.chat-peek-dialog footer small{font-size:11px;opacity:.75;line-height:1.6}.chat-peek-dialog footer button{flex-shrink:0;min-height:36px}.chat-peek-dialog :focus-visible{outline:2px solid var(--accent,#3390ec);outline-offset:2px}
@media(max-width:480px){.chat-peek-dialog>header,.chat-peek-dialog>footer,.chat-peek-body{padding:12px}.chat-peek-dialog footer{flex-wrap:wrap}.chat-peek-dialog footer button{margin-inline-start:auto}}