.cloud-login{width:min(440px,calc(100vw - 28px));border:1px solid var(--line);border-radius:24px;background:var(--paper);color:var(--ink);padding:34px;box-shadow:0 30px 100px #0005}
.cloud-login::backdrop{background:#0d1122c9;backdrop-filter:blur(14px)}
.cloud-login h1{font:34px/1.2 Georgia,serif;margin:16px 0}
.cloud-login p,.cloud-login small{color:var(--muted);line-height:1.7}
.cloud-login label{display:block;font-size:13px;margin-top:24px}
.cloud-login input{display:block;box-sizing:border-box;width:100%;font-size:16px;min-height:48px;margin-top:9px}
.cloud-login button{width:100%;min-height:48px;margin:10px 0 18px}
.cloud-login small{display:block;font-size:11px}
.cloud-login .login-error{color:var(--accent);font-size:12px;min-height:20px;margin-bottom:0}
@media(max-width:480px){.cloud-login{padding:24px}.cloud-login h1{font-size:29px}}
@media(max-width:720px){
  input,select,textarea,.quick-search input{font-size:16px!important}
  .header-tools button,.mobile-workspace-tabs button{min-height:40px}
  .edition-select>button{min-width:38px;min-height:40px}
  .quick-search,.parallel-slot,.word-chart-legend{min-width:0}
  .cloud-login{max-height:calc(100dvh - 28px);overflow-y:auto}
}