.auth-screen { min-height:100vh; display:grid; place-items:center; padding:24px; }
.auth-card { width:min(100%,420px); padding:32px; }
.auth-card .brand { margin-bottom:38px; }
.auth-card h1 { margin:0 0 8px; }
.auth-card .subtitle { margin-bottom:28px; }
.auth-card .button { width:100%; }
.auth-card .error,.account-card .error { min-height:1.4em; }
.signed-in-name { font-size:13px; color:var(--muted); }
.account-backdrop { position:fixed; inset:0; z-index:20; background:#0e2219a6; display:grid; place-items:center; padding:20px; }
.account-card { width:min(100%,450px); position:relative; box-shadow:0 25px 80px #0004; }
.account-card h2 { margin-bottom:25px; }
.account-card .button { width:100%; }
.dialog-close { position:absolute; right:16px; top:12px; background:transparent; border:0; color:inherit; font-size:30px; }
@media(max-width:760px) { .signed-in-name { display:none; } .header-actions { gap:4px; } .header-actions .theme-toggle { min-width:44px; padding:8px; justify-content:center; } #account-button span,#theme-toggle span { display:none; } }