.chat{position:absolute;z-index:4;left:14px;bottom:14px;width:min(360px,calc(100% - 28px));height:170px;display:grid;grid-template-rows:auto 1fr auto;background:#fdfcf7ef;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.chat-title{display:flex;justify-content:space-between;align-items:center;padding:4px 7px;background:var(--yellow);border-bottom:3px solid var(--ink);font-size:.72rem}
.chat-title button{width:25px;height:21px;padding:0;border:2px solid var(--ink);background:#fff;font-weight:900;line-height:1}
.chat-messages{overflow:auto;padding:5px 7px;font:700 .7rem/1.35 Arial,sans-serif;overflow-wrap:anywhere}
.chat-messages div+div{margin-top:3px}.chat-messages b{color:#6d28d9}
.chat-form{display:grid;grid-template-columns:1fr auto;border-top:3px solid var(--ink)}
.chat-form input{min-width:0;border:0;padding:7px;font:700 .7rem Arial,sans-serif;outline:none}
.chat-form button{border:0;border-left:3px solid var(--ink);background:#b9ef9f;font-weight:900}
.chat.minimized{height:auto}.chat.minimized .chat-messages,.chat.minimized .chat-form{display:none}
@media(max-width:700px){.chat{left:7px;bottom:7px;width:min(310px,calc(100% - 14px));height:130px}.chat-messages{font-size:.62rem}}