html,body{width:100%;height:100%;overflow:hidden}
main{width:100%;max-width:none;height:100vh;height:100dvh;overflow:hidden}
aside{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
aside>header,.search,.contacts{flex:0 0 auto}
.contacts{max-height:112px;overflow-y:auto}
#chats{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.conversation{min-width:0;min-height:0;overflow:hidden}
#room{min-width:0;min-height:0;overflow:hidden}
#messages{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
#composer{flex:0 0 auto}