html,body{-webkit-overflow-scrolling:touch!important;overflow:auto!important;height:100%!important}body{margin:0;font-family:Inter,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at bottom left,#204df8,#020d3200 550px),#051966;height:100svh;overflow:hidden}.chat-container{height:100svh;display:flex;flex-direction:column;color:#fff}.messages{flex:1;overflow-y:visible;padding:5vw 5vw 10vh}.message{margin-bottom:10px;padding:8px;border-radius:12px;background-color:#3a3f4b;position:relative;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.message-username{font-size:.8em;color:#fff9;position:relative;top:-3px;left:0;font-style:italic}.message-content{font-size:.9em;color:#fff;word-break:break-word;display:flex;justify-content:space-between;align-items:flex-start}.own-message{background-color:#ffffff40;margin-left:20%}.other-message{background-color:#ffffff1a;margin-right:20%}.button{padding:10px 20px;background-color:#61dafb;color:#282c34;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .2s}.button:hover{background-color:#4fa8cc}.message-status{font-size:.8em;margin:0 0 4px 8px;opacity:.7;align-self:flex-end;float:right}.message-footer{display:flex;justify-content:space-between;width:100%;align-items:center;margin-top:4px}.reaction-buttons{display:flex;gap:2px}.reaction-button{display:flex;align-items:center;gap:.6vw;min-width:11vw;max-width:11vw;background:none;border:none;padding:2px 4px;color:#fff;font-size:.8em;cursor:pointer;transition:all .2s}.message-content{flex-direction:column}#pickford_logo{width:30vw;padding-bottom:10vw}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;color:#fff}.login-form{display:flex;flex-direction:column;margin-bottom:10vh}.login-input-field{text-align:center;font-size:2vh;height:5vh;width:80vw;padding-top:0;padding-bottom:0;border-radius:10px 10px 0 0;margin-bottom:2px}.login-submit{height:5vh;font-size:2vh;border:none;background-color:#204df8;border-radius:0 0 10px 10px}@media (min-width: 768px){#pickford_logo{width:350px;padding-bottom:40px}.login-container{max-width:700px;margin:0 auto;height:100vh;padding:20px}.login-form{width:100%}.login-input-field{width:auto;font-size:20px;height:60px}.login-submit{height:60px;font-size:20px}}#pickford-logo-top{display:flex;align-items:center;width:90vw;opacity:65%;padding-bottom:13vh}.message-form{display:flex;flex-direction:column;align-items:center;position:fixed;padding:5vw;bottom:0;left:0;width:90%;z-index:1000}.message-bar{display:flex;width:90vw}.input-field{flex:1;min-height:40px;max-height:150px;resize:none;overflow-y:hidden;line-height:20px;padding:11px 10px 10px;font-size:16px;border:none;border-radius:10px 0 0 10px;box-sizing:border-box;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-family:Inter,sans-serif}.input-field:focus{outline:none}.input-field::placeholder{color:#333}.submit-button{padding:10px;font-weight:700;background-color:#204df8;border:none;border-left:solid 2px #051966;border-radius:0 10px 10px 0;cursor:pointer;transition:background-color .2s;height:100%}@media (min-width: 768px){.chat-container{max-width:800px;margin:0 auto;padding:0 20px}#pickford-logo-top{width:auto;max-width:250px;margin:0 auto;padding-bottom:5vh}.message-form{width:60%;left:50%;transform:translate(-50%);padding:2vw;bottom:2%}.message-bar{width:100%}}@media (min-width: 1024px){.chat-container{max-width:1800px}.message-form{width:50%}}