.assistant-dialog[open]{display:flex;flex-direction:column;overflow:hidden;height:min(780px,90dvh)}
.assistant-dialog>.dialog-head,.assistant-dialog>.chat-chips,.assistant-dialog>.chat-form{flex-shrink:0}
.assistant-dialog>.chat-content{flex:1;min-height:0;max-height:none;padding:22px 24px;gap:18px;overscroll-behavior:contain;scrollbar-gutter:stable}
.chat-message{max-width:100%;padding:17px 19px;font-size:14px;line-height:1.7;color:#533f5d}
.chat-message.user{max-width:85%;font-size:13px;padding:12px 16px}
.chat-message.formatted{white-space:normal}
.chat-message.formatted p{margin:0 0 .8em}
.chat-message.formatted h3,.chat-message.formatted h4,.chat-message.formatted h5,.chat-message.formatted h6{font:650 15px/1.5 var(--sans);letter-spacing:-.15px;color:#4f315e;margin:1.2em 0 .55em}
.chat-message.formatted strong{font-weight:650;color:#513449}
.chat-message.formatted ul,.chat-message.formatted ol{margin:.55em 0 1em;padding-left:1.45em}
.chat-message.formatted li{padding-left:.2em;margin:.4em 0}
.chat-message.formatted li::marker{color:#a36591;font-weight:600}
.chat-message.formatted li>p{margin:.4em 0}
.chat-message.formatted li>ul,.chat-message.formatted li>ol{margin:.35em 0 .6em}
.chat-message.formatted blockquote{margin:.9em 0;padding:.2em 0 .2em 13px;border-left:3px solid #ddbad0;color:#76627c}
.chat-message.formatted code{font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eedee866;border-radius:5px;padding:2px 4px;overflow-wrap:anywhere}
.chat-message.formatted pre{max-width:100%;overflow:auto;border:1px solid #ecdae8;border-radius:10px;padding:12px;margin:.8em 0;background:#fcf7fb;white-space:pre}
.chat-message.formatted pre code{background:none;padding:0}
.chat-message.formatted hr{border:0;border-top:1px solid #e8d5e2;margin:1em 0}
.chat-message.formatted .chat-money{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:0}
.chat-message.formatted .chat-table-wrap{max-width:100%;overflow-x:auto;margin:.8em 0;border:1px solid #eadce6;border-radius:10px}
.chat-message.formatted table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}
.chat-message.formatted th,.chat-message.formatted td{text-align:left;vertical-align:top;padding:9px 11px;border-bottom:1px solid #eadce6;min-width:92px}
.chat-message.formatted th{background:#f3e5ef;color:#624365;font-weight:650}
.chat-message.formatted tr:last-child td{border-bottom:0}
.chat-message.formatted>:first-child{margin-top:0}
.chat-message.formatted>:last-child{margin-bottom:0}
.assistant-dialog .chat-form{padding:15px 22px calc(15px + env(safe-area-inset-bottom))}
.assistant-dialog .chat-chips{padding:0 24px 14px;gap:7px}
.assistant-dialog .chat-chips button{padding:7px 10px;font-size:11px}
@media(max-width:760px){
  .assistant-dialog[open]{height:90dvh;max-height:90dvh}
  .assistant-dialog>.dialog-head{padding:19px 19px 16px}
  .assistant-dialog>.chat-content{padding:17px 14px;gap:14px;scrollbar-gutter:auto}
  .chat-message{font-size:13px;line-height:1.7;padding:14px 15px}
  .chat-message.user{max-width:90%;font-size:12px;padding:11px 14px}
  .chat-message.formatted h3,.chat-message.formatted h4,.chat-message.formatted h5,.chat-message.formatted h6{font-size:14px}
  .assistant-dialog .chat-chips{padding:0 16px 11px;gap:6px}
  .assistant-dialog .chat-chips button{font-size:10px;padding:6px 9px}
  .assistant-dialog .chat-form{padding:12px 15px calc(12px + env(safe-area-inset-bottom))}
  .assistant-dialog .chat-form input{font-size:16px}
}