body {
  margin:0; font-family:sans-serif; background:#f9f9f9; color:#333;
}

.dark-theme {
  background:#111; color:#f9f9f9;
}

.sidebar {
  position: fixed; left:0; top:0; width:200px; height:100%; background:#222; color:#fff; padding:20px; display:flex; flex-direction:column; gap:10px;
}

.sidebar button {
  background:none; color:#fff; border:none; padding:10px; text-align:left; cursor:pointer; font-size:16px;
}

.sidebar button:hover { background:#444; }

.main-content {
  margin-left:220px; padding:20px;
}

.auth-container {
  width:300px; margin:50px auto; text-align:center;
}

.auth-container input { display:block; width:100%; padding:10px; margin:10px 0; }

.auth-container button { padding:10px 20px; cursor:pointer; }

.error { color:red; }

.feed-item { padding:10px 0; border-bottom:1px solid #ccc; }

.feed-img { max-width:100%; height:auto; border-radius:8px; }

.modal { display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgba(0,0,0,0.5); }

.modal-content { background:#fefefe; margin:10% auto; padding:20px; border-radius:12px; width:300px; max-width:90%; }

.close { float:right; font-size:28px; cursor:pointer; }