.login{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}: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;font-family:sans-serif;color:var(--text1);background:var(--background2)}*{box-sizing:border-box;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}form[data-v-5a8eef93]{display:flex}form input[type=text][data-v-5a8eef93]{flex:1}.container[data-v-5a8eef93]{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}ul[data-v-5a8eef93]{list-style:none;width:30rem}ul li[data-v-5a8eef93]{padding:.5rem;display:flex;align-items:center;justify-content:space-between}ul li .bad[data-v-5a8eef93]{background:var(--bad-color)}ul li .bad[data-v-5a8eef93]:hover{background:var(--very-bad-color)}ul li .good[data-v-5a8eef93]{background:var(--highlight)}ul li .good[data-v-5a8eef93]:hover{background:var(--highlight-hover)}ul li[data-v-5a8eef93]:nth-child(odd){background:var(--background2)}button[data-v-addcad6f],input[type=submit][data-v-addcad6f]{font-size:1rem}div[data-v-addcad6f]{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;justify-content:center}form input[type=text][data-v-addcad6f]{border-top-right-radius:0;border-bottom-right-radius:0}form input[type=submit][data-v-addcad6f]{border-radius:0;background:var(--highlight)}form button[data-v-addcad6f]{border-top-left-radius:0;border-bottom-left-radius:0}form{display:flex}form input[type=text]{flex:1;background:var(--foreground2);color:var(--text1);border:none;padding:.5rem 1rem;border-radius:1rem}form input[type=text]::placeholder{color:var(--text4)}form input[type=text]:focus{outline:none}article[data-v-eb1dd11e]{border-radius:1rem;padding:.5rem 1rem;display:flex;flex-wrap:wrap;align-items:baseline;max-width:min(70vw,30rem)}article header[data-v-eb1dd11e]{flex:0 0 100%}article footer[data-v-eb1dd11e]{color:var(--text3);font-size:.8rem;flex-grow:1;display:flex;flex-direction:column}article footer time[data-v-eb1dd11e]{align-self:flex-end;margin-left:.5rem}article.is-own-message[data-v-eb1dd11e]{background:var(--highlight);align-self:flex-end;border-bottom-right-radius:0}article[data-v-eb1dd11e]:not(.is-own-message){background:var(--foreground2);align-self:flex-start;border-bottom-left-radius:0}.chat{background:var(--background1);display:flex;flex-direction:column;height:100vh}.chat>main{display:contents}.chat>footer{padding:1rem;border-top:2px solid var(--background2)}header:not(li *){display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--background2);padding:1rem}button,input[type=submit]{background:var(--foreground2);border:none;color:var(--text1);border-radius:1em;padding:.5em 1em;font-size:inherit}:is(button,input[type=submit]):hover{background:var(--foreground1);cursor:pointer}.chat ul{padding:1rem;flex:1;overflow-y:scroll;list-style:none;display:flex;flex-direction:column-reverse;gap:.5rem}.chat ul li{display:flex;flex-direction:column;align-items:center}.chat ul li h3{margin-bottom:.5rem;font-size:1rem}.chat ul li aside{font-size:80%;display:flex;flex-direction:column;gap:.5em;margin:1rem;align-items:center}.chat ul li aside p{color:var(--text3)}dialog[open]{position:fixed;top:50%;left:50%;width:90vw;height:90vh;transform:translate(-50%,-50%);background:var(--background1);border:3px solid var(--foreground1);box-shadow:0 0 3rem #000;color:var(--text1);border-radius:1rem;overflow:auto;z-index:1000}dialog[open] article{display:flex;flex-direction:column;align-items:center}dialog[open] header{align-self:stretch}dialog[open] main{padding:1rem;max-width:30rem;display:flex;flex-direction:column;gap:1rem}dialog[open] form input[type=text]{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}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;padding:.5rem 1rem;border-radius: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{display:flex;flex-direction:row;justify-content:center}header[data-v-bfd8d720]{background:var(--background1)}ul[data-v-bfd8d720]{background:var(--background1)}li[data-v-bfd8d720]{display:contents}li:has(+li) a[data-v-bfd8d720]{border-bottom:1px solid var(--foreground1)}li a[data-v-bfd8d720]{display:block;text-decoration:none;color:inherit;padding:1rem}a[data-v-bfd8d720]:hover{text-decoration:underline;background:var(--foreground2)}