*,:before,:after{box-sizing:border-box}body{height:100dvh;margin:0 auto;font:125%/1.5 sans-serif}input,textarea,button{font-size:inherit}input[type=button],input[type=text],input[type=submit],textarea,button{padding:.5em}textarea{font-family:inherit}input[type=button],input[type=submit],button{cursor:pointer}#container{flex-direction:column;justify-content:center;align-items:center;height:100%;display:none}#chat{border:2px solid;flex-direction:column;width:75%;height:100%;display:flex}#chat>*{padding:1em}#chat .top{border-bottom:2px solid;flex-grow:0;justify-content:end;width:100%;display:flex}#chat .content{flex-grow:1;overflow:auto}#chat .message{margin-bottom:1em}#chat .message .header{opacity:.5}table,td{border-collapse:collapse;border:2px solid}td{padding:.25em .5em}#chat .message-content :not(span){max-width:100%;max-height:50dvh;margin-top:.25em}#chat .input{border-top:2px solid;flex-grow:0;align-items:end;max-height:37.5%;display:flex}#message-input{field-sizing:content;resize:none;width:100%;height:100%;margin:0 .5em}dialog{align-items:center;width:50%;max-width:100vw;top:0;bottom:0}:is(dialog:open,dialog:popover-open){display:flex}dialog form{flex-direction:column;width:100%;display:flex}dialog .field{flex-direction:column;margin-bottom:1.5em;display:flex}dialog .field label{margin-bottom:.5em}#info-dialog{flex-direction:column;align-items:start;padding:1em}#info-dialog::backdrop{opacity:.5;background-color:#000}#info-dialog .dialog-menubar{justify-content:end;width:100%;margin-bottom:1em;display:flex}#info-dialog p{margin-top:0}#info-dialog table{width:100%}#info-dialog table td:nth-child(2){text-align:right}@supports (overflow-anchor:auto){#chat .content{overflow-anchor:auto}}@media (width<=1000px){#chat,dialog{width:100%}}