*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img{display:block}:root{--light-border-color: rgb(211, 211, 211);--light-footer-background-color: rgb(62 62 62);--light-footer-color: rgb(178, 178, 178);--light-header-box-shadow: rgba(0, 0, 0, .8);--dark-background-color: rgb(0, 0, 0);--dark-border-color: rgb(34, 34, 34);--dark-color: rgb(204, 204, 204);--progress-color: rgb(246 157 3);--avatar-xy: 60px}html,body{display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;height:100dvh;overflow-x:hidden}header{align-items:center;box-shadow:0 0 12px var(--light-header-box-shadow);display:flex;z-index:1000}main{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden;max-width:100vw}footer{flex-direction:column;background-color:var(--light-footer-background-color);color:var(--light-footer-color);display:flex;z-index:1000}.messages{display:flex;flex-direction:column;padding:.5rem;gap:.5rem;width:100%}.message{display:flex;align-items:baseline;padding:.5rem;border-radius:5px;border:solid 1px lightgray;gap:.5rem}.message.error,.message.critical{background-color:#fcdfdf}.message.warning{background-color:#fefeb7}.message .message-type{text-transform:uppercase;font-weight:700}.message .message-text{white-space:pre-line}.message button.message-close{font-size:14pt;aspect-ratio:1/1;background:none;border:none;margin-left:auto;cursor:pointer;line-height:1}.avatar-container{position:relative}.avatar{padding:1rem}.avatar-icon{height:var(--avatar-xy);width:var(--avatar-xy)}.avatar-spinner-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(var(--avatar-xy) * 1.1);width:calc(var(--avatar-xy) * 1.1);border-radius:50%;border:3px solid white;pointer-events:none}.avatar-spinner-ring.loading{border-top-color:var(--progress-color);animation:avatar-spinner .8s linear infinite}@keyframes avatar-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}.progress-bar{height:2px;background-color:var(--light-footer-color)}.progress{background-color:var(--progress-color);height:100%;width:0%}.copyright{padding:8px}@media (prefers-color-scheme: dark){body{background-color:var(--dark-background-color);color:var(--dark-color)}header{border-bottom:solid 3px var(--dark-border-color);box-shadow:none}.avatar-spinner-ring{border-color:var(--dark-border-color)}footer{background-color:var(--dark-background-color)}.progress-bar{background-color:var(--dark-border-color)}}