body { font-family: sans-serif; background: #f4f4f9; display: flex; justify-content: center; padding: 20px; }
.container { max-width: 600px; width: 100%; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
h1 { text-align: center; color: #333; }
.post-form { display: flex; flex-direction: column; gap: 10px; margin-bottom: 20px; }
input, textarea { padding: 10px; border: 1px solid #ddd; border-radius: 4px; }
textarea { height: 80px; }
button { padding: 10px; background: #007bff; color: white; border: none; border-radius: 4px; cursor: pointer; }
button:hover { background: #0056b3; }
.post { background: #fff; border: 1px solid #eee; padding: 10px; margin-bottom: 10px; border-radius: 4px; }
.post-author { font-weight: bold; color: #555; }
.post-content { margin-top: 5px; }
.post-date { font-size: 0.8em; color: #999; float: right; }