.sync-status{position:fixed;bottom:calc(18px + env(safe-area-inset-bottom));left:18px;z-index:11000;display:flex;align-items:center;gap:8px;max-width:calc(100vw - 36px);padding:9px 13px;border:1px solid #d7dcc7;border-radius:999px;background:#fffef8;color:#59604d;font-size:12px;font-weight:750;box-shadow:0 10px 28px #343a2d24;transition:opacity .2s ease,transform .2s ease}.sync-status[hidden]{display:none}.sync-dot{width:8px;height:8px;border-radius:50%;background:#7c8962}.sync-status.syncing .sync-dot{animation:sync-pulse 1s ease-in-out infinite}.sync-status.saved{border-color:#cbd8b7;color:#536844}.sync-status.saved .sync-dot{background:#719053}.sync-status.offline{border-color:#e7c8c0;background:#fff8f5;color:#9a5146}.sync-status.offline .sync-dot{background:#c56f62}@keyframes sync-pulse{50%{opacity:.3;transform:scale(.75)}}
@media(max-width:560px){.sync-status{top:calc(10px + env(safe-area-inset-top));bottom:auto;left:50%;max-width:calc(100vw - 24px);transform:translateX(-50%);box-shadow:0 8px 22px #343a2d24}}