.app{visibility:hidden}.cloud-ready .app{visibility:visible}
.cloud-gate{position:fixed;inset:0;z-index:30;background:var(--card,#fff);display:grid;place-items:center;padding:24px;overflow:auto}
.cloud-gate[hidden]{display:none}.cloud-panel{width:min(390px,100%);color:var(--ink,#202332)}
.cloud-panel h1{font-size:29px;margin:22px 0 10px}.cloud-panel p{font-size:15px;color:var(--muted,#707584);line-height:1.8;overflow-wrap:anywhere}
#cloudLogin label{display:grid;gap:8px;margin:18px 0;font-size:14px}#cloudLogin input{width:100%;height:46px;border:1px solid var(--line,#ddd);border-radius:10px;padding:0 12px;background:var(--card,#fff);color:inherit}
#cloudLogin button{width:100%;height:46px;margin-top:8px;font-size:15px}.cloud-choices{display:grid;gap:10px;margin-top:20px}.cloud-choices .button{height:auto;min-height:42px;white-space:normal;padding:10px}
.cloud-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:22px;font-size:12px;color:var(--muted)}.cloud-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.cloud-error{color:#d35454}
.cloud-toolbar .button{font-size:12px;height:34px}.notice{z-index:40}.top-actions{flex-wrap:wrap}.backup-action{white-space:nowrap}
@media(prefers-reduced-motion:no-preference){.cloud-panel{animation:cloud-appear .2s ease-out}@keyframes cloud-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}}

#cloudMessage:empty{display:none}