.auth-card { max-width: 440px; padding-top: 12vh; align-items: flex-start; }
.auth-card .logo { height: 40px; width: auto; display: block; margin-bottom: 8px; }
.auth-card form { display: flex; flex-direction: column; gap: 10px; width: 100%; }
.auth-card label { display: flex; flex-direction: column; gap: 4px; font-size: 13px; color: var(--s-muted); }
.auth-card .s-btn { text-decoration: none; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.auth-card .s-notice { width: 100%; }
.auth-card .dev { font-size: 13px; color: var(--s-bad); margin: 0; }
.auth-way { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.auth-way:not([hidden]) + .auth-way { border-top: 1px solid var(--s-line); padding-top: 20px; }
.auth-way h2 { margin: 0; }
.auth-card .google { width: 100%; min-height: 46px; font-size: 16px; color: var(--s-accent-ink); }
.auth-card .google svg { width: 20px; height: 20px; }
.auth-card .hint { color: var(--s-muted); font-size: 13.5px; margin: 0; }
.auth-card .code { font-family: var(--s-mono); font-size: 22px; letter-spacing: .3em; }
.link-btn { background: none; border: 0; padding: 4px 0; color: var(--s-accent); cursor: pointer; align-self: flex-start; font-size: 14px; }