.offline-banner{position:fixed;top:10px;left:50%;transform:translateX(-50%) translateY(-140%);z-index:100000;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100vw - 24px));padding:10px 14px;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-card);color:var(--text-primary);box-shadow:0 12px 32px rgba(0,0,0,.12);font-size:13px;font-weight:700;transition:transform .22s ease}.offline-banner.is-visible{transform:translateX(-50%) translateY(0)}.offline-banner .offline-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;flex:none}.offline-banner small{font-weight:500;color:var(--text-secondary)}
.draft-recovery{margin:0 16px 10px;padding:11px 13px;border:1px solid var(--border-color);border-radius:14px;background:var(--bg-card);display:none;align-items:center;gap:10px}.draft-recovery.is-visible{display:flex}.draft-recovery-copy{flex:1;min-width:0;font-size:12px}.draft-recovery-copy strong,.draft-recovery-copy span{display:block}.draft-recovery-copy span{color:var(--text-secondary);margin-top:2px}.draft-recovery button{white-space:nowrap}
html.theme-transition *,html.theme-transition *::before,html.theme-transition *::after{transition:background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important}
body.theme-dark{--bg-body:#090d14;--bg-card:#111827;--bg-card-hover:#172033;--bg-input:#182131;--border-color:#293548;--border-subtle:#202a3a;--text-primary:#f5f7fb;--text-secondary:#a8b3c5;--text-muted:#718096;--accent-btn:#f5f7fb;--accent-btn-text:#0b0f16}
body.theme-dark .post-create-modal .composer-actions{background:var(--bg-card)!important;border-color:var(--border-color)!important}
body.theme-dark .post-create-modal .modal-header{border-color:var(--border-color)!important}
.theme-selector{display:flex;gap:6px;padding:6px;background:var(--bg-input);border-radius:12px}.theme-selector button{flex:1;padding:8px 9px;border-radius:9px;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:12px}.theme-selector button.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 4px rgba(0,0,0,.08);font-weight:700}
:focus-visible{outline:3px solid currentColor;outline-offset:2px;border-radius:6px}.skip-link{position:fixed;left:12px;top:8px;z-index:100001;padding:9px 12px;border-radius:9px;background:var(--text-primary);color:var(--bg-body);transform:translateY(-150%)}.skip-link:focus{transform:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(prefers-reduced-motion:reduce){.offline-banner,html.theme-transition *,html.theme-transition *::before,html.theme-transition *::after{transition:none!important;scroll-behavior:auto!important}}