.cloud-login { position: fixed; inset: 0; z-index: 10; background: var(--bg); display: grid; place-items: center; padding: 24px; overflow: auto; }
.cloud-login form { width: 100%; max-width: 360px; }
.cloud-login h1 { font-size: 28px; margin: 18px 0; }
.cloud-login-note { font-size: 13px; color: var(--text-note); line-height: 1.9; }
.cloud-login label { display: block; font-size: 13px; margin-top: 18px; }
.cloud-login input { display: block; width: 100%; margin-top: 8px; padding: 11px; background: var(--card); color: var(--text-body); border: 1px solid var(--border); border-radius: 6px; }
.cloud-login button { margin-top: 24px; width: 100%; padding: 11px; color: var(--accent); }
#cloud-auth-status { font-size: 12px; line-height: 1.9; color: var(--text-note); overflow-wrap: anywhere; }
.cloud-account { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; font-size: 11px; color: var(--text-note); }
.cloud-account button { padding: 5px 8px; font-size: 11px; }