:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{position:relative;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}@media (max-width: 576px){body{font-size:14px}}main{height:100%;display:flex;gap:.5em}#app{margin:0 auto}.about-wrapper{margin:0 auto;max-width:580px;padding:1em 2em;border:1px solid #f8f8f8;border-radius:8px;text-align:center}.about-wrapper h1{font-size:2.2em;line-height:1.1}.about-footer{display:flex;justify-content:space-between}.modal-overlay{display:flex;justify-content:center;align-items:center;position:absolute;z-index:99;top:0;left:0;height:100vh;width:100%;background-color:#0009}.modal-overlay.hidden{display:none}.modal-window{width:35svw;min-height:20svh;padding:2em;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:2em;border:1px solid #c0c0c0;border-radius:8px;background-color:#242424}.button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}.button:active{outline:4px auto -webkit-focus-ring-color}.button:disabled{cursor:not-allowed;opacity:.6}@media (hover: hover){.button:not([disabled]):hover{border-color:#646cff}}.link{font-weight:500;color:#646cff;text-decoration:inherit}.link:hover{color:#535bf2}.chat{width:95svw;max-width:1100px;height:95svh;display:flex;flex-direction:column;gap:.5em}.chat main{height:74svh}@media (max-width: 576px){.chat main{height:77svh}}@media (max-width: 576px){.chat{width:100svw;height:100svh}}.header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1em;border:1px solid #c0c0c0;border-radius:8px}.header-controls{display:flex;align-items:center;gap:.5em}.footer{display:flex;justify-content:space-between;padding:1em;border:1px solid #c0c0c0;border-radius:8px}.footer .logo{width:70px;transition:transform .3s ease}.footer .logo:hover{transform:scale(1.05)}.user-list-container{width:30%;height:100%;border-radius:8px;border:1px solid #c0c0c0;padding:.5em}.user-search{padding:.5em;width:90%}.user-list{height:calc(100% - 33px);overflow-y:scroll}.user-list-item{display:flex;align-items:center;padding:.5em;border-radius:8px;cursor:pointer;list-style:none}.user-list-item:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:50%}.user-list-item:hover{background-color:#1a1a1a}.user-list-item.active:before{background-color:#0cc16c}.user-list-item.inactive:before{background-color:#dee2e680}.user-list-item .unread{display:none;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8em;margin-left:auto;border:1px solid #0cc16c;border-radius:50%}.user-list-item .unread.visible{display:flex}.context-menu{position:absolute;max-width:200px;width:100%;top:15px;left:-50px;list-style:none;padding:.5em;border:1px solid #c0c0c0;border-radius:8px;background-color:#151313}.context-menu .context-menu-item{padding:.2em;border-radius:8px}.context-menu .context-menu-item:hover{background-color:#464646}.input{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;transition:border-color .25s}.input:not([disabled]):active{outline:2px auto -webkit-focus-ring-color}.input:disabled{opacity:.6}.input.invalid{border-color:#e31919}.input.invalid:focus{outline:2px solid #e31919}.message-card{position:relative;width:60%;border-radius:8px;padding:.5em 1em;background-color:#1a1a1a}.message-card.from-sender{cursor:pointer;align-self:flex-end}.message-card header,.message-card footer{display:flex;font-size:.75em;width:100%;justify-content:space-around}.message-card footer{min-height:12px}.message-text{padding:.5em;border-radius:8px;background-color:#212121}.user-dialogue-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;width:70%;padding:.5em;border:1px solid #c0c0c0;border-radius:8px}.user-dialogue-header{display:flex;justify-content:space-around;height:10%;border-bottom:1px solid #c0c0c0}.user-dialogue-header .active{color:#0cc16c}.user-dialogue-header .inactive{color:#dee2e680}.user-dialogue-chat{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:.25em;height:100%;overflow-y:scroll;padding:.5em}.dialogue-text-center{align-self:center;margin:auto 0}.user-dialogue-form{display:flex;gap:1em;padding:.5em;height:12%;border-top:1px solid #c0c0c0}.user-dialogue-form input{width:100%}.new-messages{width:100%;display:flex;justify-content:center;align-items:center;white-space:nowrap}.new-messages:before,.new-messages:after{content:"";width:35%;margin:0 1em;height:1px;background:white}.loader-wrapper{display:flex;flex-direction:column;align-items:center}.loader-text{font-size:4em}.lds-roller,.lds-roller div,.lds-roller div:after{box-sizing:border-box}.lds-roller{display:inline-block;position:relative;width:80px;height:80px}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(.5,0,.5,1) infinite;transform-origin:40px 40px;color:#646cff}.lds-roller div:after{content:" ";display:block;position:absolute;width:7.2px;height:7.2px;border-radius:50%;background:currentColor;margin:-3.6px 0 0 -3.6px}.lds-roller div:nth-child(1){animation-delay:-36ms}.lds-roller div:nth-child(1):after{top:62.62742px;left:62.62742px}.lds-roller div:nth-child(2){animation-delay:-72ms}.lds-roller div:nth-child(2):after{top:67.71281px;left:56px}.lds-roller div:nth-child(3){animation-delay:-.108s}.lds-roller div:nth-child(3):after{top:70.90963px;left:48.28221px}.lds-roller div:nth-child(4){animation-delay:-.144s}.lds-roller div:nth-child(4):after{top:72px;left:40px}.lds-roller div:nth-child(5){animation-delay:-.18s}.lds-roller div:nth-child(5):after{top:70.90963px;left:31.71779px}.lds-roller div:nth-child(6){animation-delay:-.216s}.lds-roller div:nth-child(6):after{top:67.71281px;left:24px}.lds-roller div:nth-child(7){animation-delay:-.252s}.lds-roller div:nth-child(7):after{top:62.62742px;left:17.37258px}.lds-roller div:nth-child(8){animation-delay:-.288s}.lds-roller div:nth-child(8):after{top:56px;left:12.28719px}@keyframes lds-roller{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay{display:flex;justify-content:center;align-items:center;position:fixed;z-index:99;top:0;left:0;right:0;bottom:0;background-color:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.hidden{display:none}.form-controls{display:flex;justify-content:space-between;align-items:center}.auth-fieldset{display:flex;flex-direction:column;gap:1em;padding:1.2em;border:1px solid rgba(255,255,255,.87);border-radius:8px;margin-bottom:1em}.input-field{display:flex;gap:1.5em;justify-content:space-between}.input-field .input-label{font-size:1.2em}.input-field .input-wrapper{display:flex;flex-direction:column;text-align:left}.input-field .input-wrapper .invalid-text{display:none;font-size:.75em;color:#e31919}.input-field.invalid .input{border-color:#e31919}.input-field.invalid .invalid-text{display:block}.input-field.invalid .input-label{color:#e31919}