body {
  background-color: #f5f7fa;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

h1 {
  font-weight: 700;
}

.card {
  border-radius: 12px;
  border: none;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

textarea {
  resize: none;
  border-radius: 10px !important;
}

button {
  border-radius: 10px !important;
}

.navbar-custom {
  background: white;
  padding: 12px 20px;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.username {
  font-weight: 600;
  color: #111;
}

.timestamp {
  font-size: 12px;
  color: #777;
}

.howl-text {
  font-size: 15px;
  margin-top: 5px;
}

.follow-btn {
  border-radius: 20px;
  padding: 6px 16px;
}

.card:hover {
  transform: translateY(-2px);
  transition: 0.15s ease;
}