@media(pointer:coarse){html{overscroll-behavior-y:none}}
body>header #connectionStatus{display:inline-flex;align-items:center;justify-content:center;width:20px;min-width:20px;height:44px;min-height:44px;padding:0;margin:0;border:0;background:transparent;box-shadow:none}
#connectionStatus[hidden]{display:none!important}
#syncStatus[hidden]{display:none!important}
#connectionStatus>span{display:block;width:8px;height:8px;border-radius:50%;background:#319b49}
#connectionStatus[data-state=pending]>span,#connectionStatus[data-state=refreshing]>span{background:#d69b13}
#connectionStatus[data-state=offline]>span{background:#bc2030}
.connection-dialog{width:min(400px,calc(100vw - 24px));border:1px solid #dce2eb;border-radius:12px;padding:16px;color:#202630}
.connection-dialog::backdrop{background:#17223566}.connection-dialog>[data-close]{float:right;min-width:44px;min-height:44px}.connection-dialog small{color:#617083}
#pullRefresh{position:fixed;z-index:120;top:64px;left:50%;transform:translateX(-50%);padding:10px 14px;background:white;border:1px solid #dce2eb;border-radius:16px;box-shadow:0 5px 20px #18223125;white-space:nowrap;font-size:12px;pointer-events:none}
@media(max-width:760px){body>header #account{gap:3px}body>header .brand .cambine-wordmark{width:clamp(72px,23vw,110px)}}