* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: -apple-system, system-ui, sans-serif;
  background: #0e1113;
  color: #e8e8e8;
  padding: 24px 16px;
}
.card {
  max-width: 640px;
  margin: 0 auto 16px;
  background: #1a1d21;
  border: 1px solid #2a2d31;
  border-radius: 10px;
  padding: 20px;
}
.post-meta, .sub-stats, .user-stats, .comment-meta { color: #9aa0a6; font-size: 13px; }
.post-title { font-size: 20px; margin: 8px 0; }
.post-image { max-width: 100%; border-radius: 8px; margin: 10px 0; }
.post-body { white-space: pre-wrap; line-height: 1.5; }
.post-stats { margin-top: 12px; font-weight: 600; }
.comments { max-width: 640px; margin: 0 auto; }
.comment { background: #16181b; border-left: 2px solid #2a2d31; padding: 10px 14px; margin-bottom: 8px; border-radius: 6px; }
.comment-body { margin-top: 4px; line-height: 1.4; }
.sub-icon, .user-icon { width: 56px; height: 56px; border-radius: 50%; }
.home-card input { width: 100%; padding: 10px; border-radius: 6px; border: 1px solid #2a2d31; background: #0e1113; color: #fff; margin: 10px 0; }
.home-card button { padding: 10px 16px; border-radius: 6px; border: none; background: #ff4500; color: #fff; font-weight: 600; }
.error-card { color: #ff6b6b; }