.sync-status{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));z-index:900;border:1px solid #d7d1c3;border-radius:999px;background:var(--surface,#fff);color:var(--text,#153b2f);box-shadow:0 6px 22px #0002;padding:9px 13px;font:700 .8rem system-ui;min-height:42px}.sync-status[data-state="offline"],.sync-status[data-state="pending"],.sync-status[data-state="failed"],.sync-status[data-state="conflict"]{display:block}.sync-status[data-state="saved"]{opacity:.78}.sync-panel{position:fixed;inset:auto 12px calc(132px + env(safe-area-inset-bottom)) auto;z-index:901;width:min(360px,calc(100vw - 24px));max-height:55vh;overflow:auto;background:var(--surface,#fff);color:var(--text,#153b2f);border:1px solid #d7d1c3;border-radius:18px;padding:18px;box-shadow:0 16px 45px #0004}.sync-panel h2{margin:0 0 8px}.sync-panel ul{padding-left:20px}.sync-actions{display:flex;gap:8px;flex-wrap:wrap}.sync-actions button{min-height:44px}.sync-update{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom));z-index:1000;background:#153b2f;color:#fff;padding:14px;border-radius:14px;box-shadow:0 8px 30px #0004}.sync-update button{margin-left:12px}