.x-post { margin: 28px 0; min-width: 0; font-family: var(--font-sans, system-ui, sans-serif); font-size: 15px; line-height: 1.6; }
.x-post [data-x-host] { min-width: 0; display: flex; justify-content: center; }
.x-post [data-x-host] > div { width: 100%; max-width: 550px; min-width: 0; }
.x-post [data-x-host]:empty { display: none; }
.x-post [data-x-host] iframe { max-width: 100%; }
.x-post-fallback { border: 1px solid var(--line, #3b4333); border-radius: 12px; background: var(--panel, #172016); padding: 20px; color: var(--text, #e9ece4); }
.x-post-fallback[hidden], .x-post [hidden] { display: none !important; }
.x-post-fallback strong { display: block; font-size: 16px; line-height: 1.5; }
.x-post-fallback blockquote { margin: 14px 0; padding: 0; border: 0; font: inherit; white-space: pre-wrap; }
.x-post-fallback p { font: inherit; margin: 12px 0; }
.x-post-fallback a, .x-post-fallback button { display: inline-flex; align-items: center; min-height: 44px; margin: 4px 12px 0 0; }
.x-post-context small { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
.x-post-status { opacity: .75; font-size: 12px !important; }
.x-post-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; padding-top: 8px; }
.x-post-actions button { min-height: 40px; font-size: 13px; }
.x-post[data-x-theme="light"] .x-post-fallback { background: #f0eddf; color: #242b1c; border-color: #b4baa0; }
.x-post[data-x-theme="light"] .x-post-fallback a { color: #3d531a; }