.login{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}:root{--background1:#121212;--background2:#2e2e2e;--foreground1:#4a4a4a;--foreground2:#3b3b3b;--highlight:#406ec9;--highlight-hover:#4a8bff;--text1:#f5f5f5;--text2:#e9e9e9;--text3:#dedede;--text4:#b9b9b9;--bad-color:#c9372c;--very-bad-color:#f44336;color:var(--text1);background:var(--background2);font-family:sans-serif}*{box-sizing:border-box;margin:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}form[data-v-2389b94a]{display:flex}form input[type=text][data-v-2389b94a]{flex:1}.container[data-v-2389b94a]{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}ul[data-v-2389b94a]{width:30rem;list-style:none}ul li[data-v-2389b94a]{justify-content:space-between;align-items:center;padding:.5rem;display:flex}ul li .bad[data-v-2389b94a]{background:var(--bad-color)}ul li .bad[data-v-2389b94a]:hover{background:var(--very-bad-color)}ul li .good[data-v-2389b94a]{background:var(--highlight)}ul li .good[data-v-2389b94a]:hover{background:var(--highlight-hover)}ul li[data-v-2389b94a]:nth-child(odd){background:var(--background2)}button[data-v-23a9c840],input[type=submit][data-v-23a9c840]{font-size:1rem}div[data-v-23a9c840]{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.5rem;display:flex}form input[type=text][data-v-23a9c840]{border-top-right-radius:0;border-bottom-right-radius:0}form input[type=submit][data-v-23a9c840]{background:var(--highlight);border-radius:0}form button[data-v-23a9c840]{border-top-left-radius:0;border-bottom-left-radius:0}form{display:flex}form input[type=text]{background:var(--foreground2);color:var(--text1);border:none;border-radius:1rem;flex:1;padding:.5rem 1rem}form input[type=text]::placeholder{color:var(--text4)}form input[type=text]:focus{outline:none}article[data-v-860ab767]{border-radius:1rem;flex-wrap:wrap;align-items:baseline;max-width:calc(min(70vw,30rem));padding:.5rem 1rem;display:flex}article header[data-v-860ab767]{flex:0 0 100%}article footer[data-v-860ab767]{color:var(--text3);flex-direction:column;flex-grow:1;font-size:.8rem;display:flex}article footer .metadata[data-v-860ab767]{align-self:flex-end;align-items:center;gap:.25rem;margin-left:.5rem;display:flex}article footer .delivery-status[data-v-860ab767]{box-sizing:border-box;border:1px solid;border-radius:50%;flex:0 0 1em;justify-content:center;align-items:center;width:1em;height:1em;font-size:.9em;line-height:1;display:inline-flex}article footer .delivery-status.sending[data-v-860ab767]{opacity:.6;border-top-color:#0000;animation:.8s linear infinite spin-860ab767}article footer .delivery-status.failed[data-v-860ab767]{color:var(--very-bad-color);font-weight:700}article.is-own-message[data-v-860ab767]{background:var(--highlight);border-bottom-right-radius:0;align-self:flex-end}article[data-v-860ab767]:not(.is-own-message){background:var(--foreground2);border-bottom-left-radius:0;align-self:flex-start}@keyframes spin-860ab767{to{transform:rotate(360deg)}}.chat{background:var(--background1);flex-direction:column;height:100vh;display:flex}.chat>main{display:contents}.chat>footer{border-top:2px solid var(--background2);padding:1rem}header:not(li *){border-bottom:2px solid var(--background2);justify-content:space-between;align-items:center;padding:1rem;display:flex}button,input[type=submit]{background:var(--foreground2);color:var(--text1);font-size:inherit;border:none;border-radius:1em;padding:.5em 1em}:is(button,input[type=submit]):hover{background:var(--foreground1);cursor:pointer}.chat ul{flex-direction:column-reverse;flex:1;gap:.5rem;padding:1rem;list-style:none;display:flex;overflow-y:scroll}.chat ul li{flex-direction:column;align-items:center;display:flex}.chat ul li h3{margin-bottom:.5rem;font-size:1rem}.chat ul li aside{flex-direction:column;align-items:center;gap:.5em;margin:1rem;font-size:80%;display:flex}.chat ul li aside p{color:var(--text3)}dialog[open]{background:var(--background1);border:3px solid var(--foreground1);width:90vw;height:90vh;color:var(--text1);z-index:1000;border-radius:1rem;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 0 3rem #000}dialog[open] article{flex-direction:column;align-items:center;display:flex}dialog[open] header{align-self:stretch}dialog[open] main{flex-direction:column;gap:1rem;max-width:30rem;padding:1rem;display:flex}dialog[open] form input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}dialog[open] form input[type=submit]{border-top-left-radius:0;border-bottom-left-radius:0}input[type=text]{background:var(--foreground2);color:var(--text1);border:none;border-radius:1rem;padding:.5rem 1rem}input[type=text]::placeholder{color:var(--text4)}input[type=text]:focus{outline:none}input[type=submit]{background:var(--highlight)}input[type=submit]:hover{background:var(--highlight-hover)}form{flex-direction:row;justify-content:center;display:flex}header[data-v-3bcfb7a6],ul[data-v-3bcfb7a6]{background:var(--background1)}li[data-v-3bcfb7a6]{display:contents}li:has(+li) a[data-v-3bcfb7a6]{border-bottom:1px solid var(--foreground1)}li a[data-v-3bcfb7a6]{color:inherit;padding:1rem;text-decoration:none;display:block}a[data-v-3bcfb7a6]:hover{background:var(--foreground2);text-decoration:underline}