html.cloud-hosted:not(.cloud-ready) body>aside,
html.cloud-hosted:not(.cloud-ready) body>main,
html.cloud-hosted:not(.cloud-ready) body>dialog,
html.cloud-hosted:not(.cloud-ready) body>#toast,
html.cloud-hosted:not(.cloud-ready) body>#cloudAccount{visibility:hidden}
#cloudGate:empty{display:none}
#cloudGate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:auto;padding:24px;background:#f5f5f7}
.cloud-gate-card{width:min(440px,100%);padding:30px;border:1px solid #e1e1e6;border-radius:17px;background:#fff;box-shadow:0 12px 35px #0000000c}
.cloud-gate-card h1{font-size:25px;line-height:1.15;margin:0 0 12px}
.cloud-gate-card p{margin:0 0 20px;font-size:13px;line-height:1.5}
.cloud-gate-card label{display:grid;gap:8px;margin-bottom:14px;color:#5f5f68;font-size:12px}
.cloud-gate-card button{width:100%;margin-top:8px;text-align:center}
.cloud-gate-card .cloud-message{margin:15px 0 0}
.cloud-gate-card .cloud-file{margin:0 0 8px}
#cloudAccount{position:fixed;left:18px;bottom:16px;z-index:90;padding:8px 12px;border:1px solid #4b4b4b;background:#2b2b2b;color:#ddd;font-size:11px}
@media(max-width:900px){#cloudAccount{left:auto;right:12px;bottom:12px;box-shadow:0 4px 14px #0002}}