body{font-family:Arial,sans-serif;background:tomato}#site-wrap{display:flex;gap:1vmax;justify-content:stretch;align-items:stretch;flex-direction:column;position:absolute;inset:9vmax;min-height:300px}.style-block{background:#fff0f5;border:5px solid thistle;border-radius:3vmax;box-sizing:border-box}#chat-heading{padding:0 3vmax;color:#d8bfd8;align-self:end}#chat-heading:hover{background:#fff;color:unset;cursor:default}#chat-heading h1{margin:0;font-size:6vmax}#chat-wrap{overflow-y:scroll;padding:3vmax;flex-grow:9}#chat-wrap p{border:1px solid thistle;border-radius:3vmax;padding:6px 9px;margin:6px;width:fit-content;background:#fff}#input-wrap{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:stretch;flex-grow:1;gap:1vmax;max-height:6vmax}#input-text{font-family:Arial,sans-serif;pointer-events:auto;padding:1%;box-sizing:border-box;flex-grow:9;padding:0 3vmax;outline:none}#input-text:focus-visible{background:#fff}#submit-text{font-family:Arial,sans-serif;font-size:2vmax;aspect-ratio:1;align-self:end;flex-grow:1;max-width:6vmax;font-weight:700;color:#d8bfd8}#submit-text:hover{cursor:pointer}#submit-text:active{background:#fff;color:unset}@media only screen and (max-width:600px){#site-wrap{inset:1vmax}}