[hidden]{display:none!important}
body.cloud-gate>header,body.cloud-gate>main{display:none}
.cloud-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#f5f6ef;overflow:auto}
.cloud-card{width:min(100%,440px);padding:32px;background:#fff;border:1px solid #dce2d8;border-radius:18px;box-shadow:0 10px 40px #173d3512}
.cloud-card h1{font-size:30px;margin:12px 0 18px}
.cloud-mark{font-weight:800;color:#173d35;letter-spacing:.06em}
.cloud-card p{line-height:1.5}
.cloud-card label{display:block;font-weight:600;margin:18px 0 8px}
.cloud-card input{display:block;width:100%;min-height:48px;padding:10px 12px;box-sizing:border-box}
.cloud-card button[type=submit]{width:100%;min-height:48px;margin-top:12px}
.cloud-error,#viewer-login-error{color:#9d302b}
body.viewer-auth main#app{display:grid;place-items:center;min-height:100dvh;max-width:none;width:100%;padding:24px;margin:0;box-sizing:border-box}
body.viewer-auth .viewer-login{width:min(100%,440px);margin:0;padding:32px;box-sizing:border-box}
header .logout-button{margin-left:8px}
@media(max-width:480px){.cloud-screen,body.viewer-auth main#app{padding:16px}.cloud-card,body.viewer-auth .viewer-login{padding:24px}}