body{background-color:#000;overflow:hidden}.main-container{text-align:center;margin-top:50px}.buttons-container{margin-top:20px}.action-btn{margin:5px;padding:10px 20px;font-size:16px;border:1px solid #333;border-radius:5px;cursor:pointer;background-color:transparent;color:#333}.action-btn:hover{background-color:#f0f0f0}@media screen and (max-width: 768px){.snowflake{width:var(--size-mobile);height:var(--size-mobile)}}.snowflakes{position:fixed;top:0;left:0;pointer-events:none;width:100%;height:100%;z-index:1}.snowflake{position:absolute;width:var(--size);height:var(--size);background-color:#fff;border-radius:50%;pointer-events:none;animation:snowfall var(--speed) linear infinite}@keyframes snowfall{0%{transform:translateY(-10%);opacity:1}to{transform:translateY(110vh);opacity:0}}.header--wrapper{background-color:#f5f5f5;padding:.5em 1em;display:flex;justify-content:space-between;align-items:center;border-radius:10px;border:1px solid #ccc}.header--link{color:#333;text-decoration:none;margin:0 5px}.header--link:hover{color:#555}.button{margin-right:5px;vertical-align:middle}:root{--mainBgColor: #666666;--secondaryBgColor: #797979;--borderColor1: #c8c8c8;--borderColor2: #969696;--textColorMain: #333333;--textColorSecondary: #646464;--themeColorMain: #a3bfd6;--themeColorSecondary: #8a8788}*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a{color:var(--themeColorSecondary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--themeColorMain)}body{background-color:var(--mainBgColor);color:var(--textColorMain);font-family:Segoe UI,Roboto,sans-serif;margin:0;padding:0}.container{max-width:600px;margin:20px auto}.auth--container{height:100vh;display:flex;align-items:center;justify-content:center}.form--wrapper{width:600px;padding:2em}.field--wrapper{display:flex;flex-direction:column;gap:1em;padding:.5em 0}input[type=text],input[type=password],input[type=email],textarea{background:var(--mainBgColor);border:none;border-bottom:1px solid var(--borderColor1);padding:1rem;border-radius:3px;width:100%;color:var(--color-light);outline:none;font-size:18px;text-shadow:none!important}.btn{padding:.8em 1.5em;border:none;border-radius:6px;cursor:pointer;transition:.3s;font-size:16px;font-weight:700;outline:none}.btn--lg{padding:1em 2.5em;font-size:18px}.btn--main{background-color:var(--themeColorMain);color:#fff}.btn--secondary{background-color:var(--themeColorSecondary);color:#fff}.btn:hover{opacity:.9}#header--wrapper{background-color:var(--secondaryBgColor);padding:1.2em;display:flex;justify-content:space-between;border-radius:12px;border:1px solid var(--borderColor1);box-shadow:0 2px 4px #0000001a}.header--link{color:var(--themeColorSecondary);cursor:pointer;transition:color .3s ease}.header--link:hover{color:var(--themeColorMain)}.room--container{padding:2em;background-color:var(--secondaryBgColor);border-radius:0 0 10px 10px;border:1px solid var(--borderColor1)}#message--form{display:flex;flex-direction:column;gap:.5em}.send-btn--wrapper{display:flex;justify-content:flex-end}.message--wrapper{display:flex;flex-wrap:wrap;flex-direction:column;gap:.5em;margin:1em}.message--header{display:flex;justify-content:space-between;align-items:center}.message--body{padding:1em;color:var(--textColorSecondary);background-color:var(--themeColorMain);border-radius:20px;width:fit-content;max-width:100%;word-wrap:break-word}.message--body--owner{border:1px solid rgb(255,153,153);background-color:var(--secondaryBgColor)}.message-timestamp{margin-left:1em;color:#575773}.delete--btn{color:#8db3dd;cursor:pointer;transition:color .3s ease;width:16px}.delete--btn:hover{color:red}