.auth-main{max-width:560px;padding-block:clamp(32px,6vw,64px) var(--section)}.auth-main.is-wide{max-width:var(--page)}.auth-title{font-size:clamp(32px,5vw,48px);margin:8px 0 16px}.auth-card{background:var(--paper);border:1px solid var(--ink);border-radius:var(--r-card);padding:clamp(18px,4vw,28px);display:grid;gap:18px}.auth-card form{display:grid;gap:16px}.auth-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.auth-msg{margin:0;padding:12px 14px;border-radius:8px;font-size:15px}.auth-msg.is-info{background:var(--mint)}.auth-msg.is-error{background:var(--warn-bg);color:var(--warn-ink);border:1px solid var(--warn-ink)}.auth-code{font-family:var(--font-mono);font-size:22px;letter-spacing:.3em;max-width:12ch}.auth-secret{font-family:var(--font-mono);font-size:14px;overflow-wrap:anywhere;background:var(--cream);padding:8px 10px;border-radius:6px;margin:0}.auth-qr{width:200px;height:200px;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:8px}.auth-signout{display:flex;align-items:center;gap:10px;min-width:0}.auth-who{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:28ch}.auth-small{font-size:14px;margin:0}.auth-small a{text-decoration:underline;text-underline-offset:3px}@media(max-width:520px){.auth-who{display:none}}