:root { color-scheme: dark; }
body { overscroll-behavior-y: none; }
.mx_AuthPage { background-color:#090c19!important; }
.mx_AuthPage_modal { border:1px solid #36364c; border-radius:24px!important; box-shadow:0 24px 100px #0005; }
.mx_AuthHeader_logo img { max-width:220px; max-height:64px; }
.mx_Register { display:none!important; }
.mx_RoomHeader { border-bottom:1px solid #272b43; }
.mx_RoomList { scrollbar-width:thin; }
.mx_MessageComposer { border-top:1px solid #272b43; }
.mx_MessageComposer .mx_BasicMessageComposer { border-radius:16px; }
.mx_EventTile_line { border-radius:12px; }
@media(max-width:700px) {
  html,body,#matrixchat { width:100%; min-width:0!important; }
  .mx_AuthPage_modal { margin:16px!important; width:calc(100% - 32px)!important; max-width:480px; }
  .mx_AuthBody { width:auto!important; padding:24px!important; }
  input,textarea { font-size:16px; }
  .mx_MessageComposer { padding-bottom:env(safe-area-inset-bottom); }
  .mx_RoomHeader { padding-top:env(safe-area-inset-top); }
  .mx_RightPanel { max-width:100vw; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; } }