.xfb-feed { border: 0; border-radius: 6px; padding: 12px; background: transparent; }
.xfb-tweet { display: grid; grid-template-columns: 40px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f1f5f9; }
.xfb-tweet:last-child { border-bottom: 0; }
.xfb-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.xfb-meta { font-size: 13px; color: #475569; margin-bottom: 6px; }
.xfb-name { font-weight: 600; color: #0f172a; }
.xfb-username { color: #64748b; margin-left: 6px; }
.xfb-date { float: right; color: #2563eb; text-decoration: none; }
.xfb-text { font-size: 15px; color: #0f172a; line-height: 1.4; white-space: pre-wrap; }
.xfb-warning, .xfb-error { padding: 10px; background: #fff7ed; border: 1px solid #fed7aa; border-radius: 6px; }
.xfb-error { background: #fee2e2; border-color: #fecaca; }

/* Light/Dark presets (optional; can be overridden via inline styles) */
.xfb-theme-dark .xfb-meta { color: #cbd5e1; }
.xfb-theme-dark .xfb-name { color: #e2e8f0; }
.xfb-theme-dark .xfb-username { color: #94a3b8; }
.xfb-theme-dark .xfb-text { color: #e5e7eb; }
.xfb-theme-dark .xfb-date { color: #93c5fd; }

.xfb-theme-light .xfb-meta { color: #475569; }
.xfb-theme-light .xfb-name { color: #0f172a; }
.xfb-theme-light .xfb-username { color: #64748b; }
.xfb-theme-light .xfb-text { color: #0f172a; }
.xfb-theme-light .xfb-date { color: #2563eb; }

/* Media grid */
.xfb-media { margin-top: 8px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.xfb-media-photo { width: 100%; height: auto; border-radius: 8px; display: block; }
.xfb-media-video { position: relative; width: 100%; padding-top: 56.25%; background: #0f172a; background-size: cover; background-position: center; border-radius: 8px; display: block; }
.xfb-media-video .xfb-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 28px; color: #fff; background: rgba(0,0,0,0.4); border-radius: 999px; width: 48px; height: 48px; display: grid; place-items: center; }