.offline-pill{position:fixed;left:24px;bottom:24px;z-index:90;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-family:var(--sans);font-weight:600;font-size:.82rem;line-height:1;box-shadow:0 14px 30px -12px rgba(28,31,54,.28);pointer-events:none}.offline-pill[data-state=offline]{color:var(--sindoor-700);border-color:var(--sindoor-300)}.offline-pill[data-state=syncing]{color:var(--neel-700)}.offline-pill[data-state=synced]{color:var(--mehendi-700)}@media (max-width:1024px){.offline-pill{bottom:calc(64px + 16px)}}@media (max-width:640px){.offline-pill{left:16px}}