/* ---------- Feed (Twitter/Threads style) ---------- */
  .composer-card { display: flex; gap: 12px; background: var(--panel); border-radius: 14px; padding: 16px; margin-bottom: 18px;
    box-shadow: 6px 6px 16px rgba(var(--shadow-d-rgb),0.22), -6px -6px 16px rgba(var(--shadow-l-rgb),0.65); }
  .composer-avatar { width: 42px; height: 42px; border-radius: 50%; flex-shrink: 0; background: var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent-text); font-weight: 700; font-size: 16px; overflow: hidden; cursor: pointer; }
  .composer-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .composer-body { flex: 1; min-width: 0; }
  .composer-textarea { width: 100%; min-height: 96px; border: none; padding: 6px 0; font-family: 'AR CENA', 'Handlee', cursive; font-size: 18px; font-weight: 400; line-height: 1.6; background: transparent; color: var(--ink); resize: none; outline: none; }
  .composer-textarea::placeholder { color: var(--muted); font-style: italic; }
  .composer-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; gap: 10px; flex-wrap: wrap; }
  .composer-footer-left { display: flex; align-items: center; gap: 8px; }
  .composer-mood-btn { width: 30px; height: 30px; border-radius: 50%; border: 2px solid var(--ink); cursor: pointer; padding: 0; flex-shrink: 0; }
  .composer-media-btn { width: 30px; height: 30px; border-radius: 8px; border: none; background: var(--paper); color: var(--muted); cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

  .feed-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; gap: 10px; }

  .feed-post { display: flex; gap: 12px; padding: 14px 4px; border-bottom: 1px solid rgba(0,0,0,0.06); cursor: pointer; }
  body.dark .feed-post { border-bottom-color: rgba(255,255,255,0.06); }
  .feed-post:active { background: rgba(0,0,0,0.02); }
  .feed-avatar { width: 40px; height: 40px; border-radius: 50%; flex-shrink: 0; background: var(--accent); display: flex; align-items: center; justify-content: center; color: var(--accent-text); font-weight: 700; font-size: 15px; overflow: hidden; }
  .feed-avatar img { width: 100%; height: 100%; object-fit: cover; }
  .feed-post-body { flex: 1; min-width: 0; }
  .feed-post-head { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; font-size: 13.5px; }
  .feed-post-name { font-weight: 700; color: var(--ink); }
  .feed-post-dot { color: var(--muted); }
  .feed-post-date { color: var(--muted); }
  .feed-post-mood { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; margin-left: auto; }
  .feed-post-text { font-family: 'AR CENA', 'Handlee', cursive; font-size: 17px; line-height: 1.6; color: var(--ink); margin-top: 4px; white-space: pre-wrap; word-break: break-word; }
  .feed-post-media { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }
  .feed-post-media img, .feed-post-media video { width: 72px; height: 72px; border-radius: 10px; object-fit: cover; }