
/* Minimal old-VK-like style for a purely static app */
:root{ --blue:#4a76a8; --muted:#6b7280; --bg:#eef3f8 }
*{ box-sizing:border-box }
body{ font-family: Arial, Helvetica, sans-serif; margin:0; background:var(--bg); color:#222 }
.topbar{ background:var(--blue); color:white; padding:10px 0 }
.topbar .inner{ max-width:1000px; margin:0 auto; display:flex; align-items:center; gap:12px }
.logo{ font-weight:bold; font-size:20px }
.search input{ padding:6px 8px; border-radius:3px; border:none; width:250px }
nav a{ color:white; margin-left:10px; text-decoration:none }
.container{ max-width:1000px; margin:18px auto; display:flex; gap:16px; align-items:flex-start; padding:0 12px }
.leftcol{ width:220px }
.centercol{ flex:1 }
.rightcol{ width:220px }
.card{ background:white; padding:12px; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,.08); margin-bottom:12px }
.avatar{ width:96px; height:96px; border-radius:6px; object-fit:cover }
.avatar-mini{ width:36px; height:36px; border-radius:6px; object-fit:cover; vertical-align:middle }
.postbox textarea{ width:100%; height:80px; resize:vertical }
.post{ margin-bottom:10px }
.post-head{ display:flex; align-items:center; gap:8px }
.post-image{ max-width:100%; margin-top:8px; border-radius:6px }
.row{ display:flex; gap:8px; margin-top:8px }
input, textarea{ padding:8px; border:1px solid #ddd; border-radius:5px; width:100% }
button{ background:var(--blue); color:white; border:none; padding:8px 12px; border-radius:5px; cursor:pointer }
.btn-outline{ background:transparent; border:1px solid rgba(255,255,255,0.18); color:white }
.err{ color:darkred; margin:6px 0 }
.user-link{ cursor:pointer; color:var(--blue) }
.small{ font-size:13px; color:var(--muted) }
.profile-header{ display:flex; gap:12px; align-items:center }
.left-menu a{ display:block; padding:6px 0; color:var(--muted); text-decoration:none }
