@media (max-width:800px){
  :root{font-size:15px}
  body{padding-bottom:60px}
  .site-header{padding:12px}
  .logo .title{font-size:16px}
  .auth-card{padding:18px;border-radius:12px}
  .chat-wrap{gap:12px}
  .messages{padding:12px}
  .msg{max-width:100%}
  .profile-avatar{width:48px;height:48px}
  .top-nav .btn{padding:10px 12px}
  .emoji-picker{grid-template-columns: repeat(6, 1fr)}
  .container{margin:12px auto}
  .category-spoiler summary{padding:12px}
  .room-link{padding:10px 12px}
  .btn{padding:12px 14px;border-radius:12px}
  .form-control { padding:12px 14px; font-size:15px; border-radius:12px; }
  .back-button { padding:10px 12px; }
}