@media (max-width: 416px) {
  #top-bar {
    padding: 6px 10px;
    min-height: 44px;
  }

  #input-area {
    gap: 4px;
    padding: 6px 8px 10px;
  }

  #message-input {
    height: 44px;
    font-size: 16px;
    padding: 0 14px;
  }

  #skip-btn, #upload-btn, #gif-btn, #send-btn {
    width: 44px;
    height: 44px;
  }
  #skip-btn {
    width: auto;
    min-width: 72px;
    height: 44px;
    font-size: 14px;
    padding: 0 14px;
  }

  .message {
    min-width: 100px;
    padding: 12px 20px;
    font-size: 1rem;
  }

  .modal-content {
    width: 80%;
  }
}