.cloud-sync-status{
  min-width:238px;
  min-height:50px;
  display:grid;
  grid-template-columns:34px 1fr;
  align-items:center;
  gap:9px;
  margin-left:auto;
  padding:7px 13px;
  border:1px solid transparent;
  border-radius:15px;
  text-align:left;
  color:#315047;
  cursor:pointer;
  box-shadow:0 5px 15px rgba(36,74,63,.08);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease;
}
.cloud-sync-status:hover{transform:translateY(-1px);box-shadow:0 8px 19px rgba(36,74,63,.12)}
.cloud-sync-status:focus-visible,.data-load-card button:focus-visible{outline:3px solid #f2bd45;outline-offset:3px}
.cloud-sync-status .cloud-sync-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(255,255,255,.72);font-size:18px}
.cloud-sync-status b,.cloud-sync-status small{display:block;line-height:1.25}
.cloud-sync-status b{font-size:13px;font-weight:900;white-space:nowrap}
.cloud-sync-status small{margin-top:3px;font-size:12px;color:#63766f}
.cloud-sync-status.safe{border-color:#b8dfce;background:#e8f7ef;color:#21634f}
.cloud-sync-status.warning,.cloud-sync-status.waiting{border-color:#efd994;background:#fff7d9;color:#765817}
.cloud-sync-status.danger{border-color:#efb7b1;background:#fff0ee;color:#9b3e38}
.cloud-sync-status[data-busy="true"] .cloud-sync-icon{animation:cloud-sync-pulse .8s ease-in-out infinite alternate}
.topbar .cloud-sync-status+.quick-lock{margin-left:0}
.quick-lock{min-width:44px;min-height:44px;width:44px;height:44px}
@keyframes cloud-sync-pulse{to{transform:scale(.82);opacity:.55}}

.data-load-gate{
  position:fixed;
  z-index:11000;
  inset:0;
  display:grid;
  place-items:center;
  overflow:auto;
  padding:max(28px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
  background:radial-gradient(circle at 12% 18%,rgba(255,220,106,.28),transparent 25%),radial-gradient(circle at 88% 78%,rgba(104,205,176,.24),transparent 28%),linear-gradient(135deg,#123f39,#20705f 58%,#318d75);
}
.data-load-gate[hidden]{display:none!important}
.data-load-card{
  width:min(520px,100%);
  padding:38px 38px 32px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:29px;
  background:rgba(255,255,255,.97);
  color:#29443b;
  text-align:center;
  box-shadow:0 28px 75px rgba(8,42,35,.34);
}
.data-load-planet{width:82px;height:82px;display:grid;place-items:center;margin:0 auto 16px;border-radius:27px;background:linear-gradient(145deg,#ffe69a,#ffc956);font-size:43px;box-shadow:0 13px 26px rgba(35,98,81,.18)}
.data-load-card>small{color:#2c8068;font-size:13px;font-weight:900;letter-spacing:1.6px}
.data-load-card h1{margin:8px 0 12px;font-size:27px;line-height:1.35}
.data-load-card p{margin:0 auto;color:#60766e;font-size:15px;line-height:1.8}
.data-load-card button{width:100%;min-height:54px;margin-top:24px;border:0;border-radius:15px;background:linear-gradient(135deg,#236c5a,#318b70);color:#fff;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(35,108,90,.23)}
.data-load-card button:disabled{cursor:wait;opacity:.72}
.data-load-card em{display:block;margin-top:16px;color:#8a5f22;font-size:13px;font-style:normal;font-weight:800}

@media(max-width:980px){
  .cloud-sync-status{min-width:190px}
  .cloud-sync-status small{display:none}
}
@media(max-width:640px){
  .cloud-sync-status{min-width:48px;min-height:48px;grid-template-columns:1fr;padding:6px}
  .cloud-sync-status>span:not(.cloud-sync-icon){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cloud-sync-status .cloud-sync-icon{margin:auto}
  .topbar .star-pill{display:none}
  .data-load-card{padding:31px 21px 25px;border-radius:24px}
  .data-load-card h1{font-size:23px}
  .data-load-card p{font-size:14px}
}
@media(max-height:620px){
  .data-load-gate{place-items:start center}
  .data-load-planet{width:62px;height:62px;font-size:34px}
}