:root {
  --bg: #0b1020; --card: #141a2e; --text: #e6ecff; --muted: #8492b8;
  --primary: #6c7cff; --primary-dark: #4f5eff; --border: #1f2740;
  --danger: #ff5b7a; --ok: #46d39a;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.45); --radius: 10px;
}
body { background: radial-gradient(1200px 600px at 20% -10%, #1a2148 0%, var(--bg) 60%); }
.post, .card, .composer, .conversation, .chat, .group-header { box-shadow: var(--shadow); }
.btn { border-radius: var(--radius); }
.navbar { background: rgba(20,26,46,.85); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.brand { background: linear-gradient(90deg,#6c7cff,#a56cff); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: 800; }