body.rp-auth{display:grid;place-items:center;min-height:100svh;padding:24px}
.rp-auth main{width:min(100%,520px);padding:0}
.rp-auth .hm-head{grid-template-columns:auto minmax(0,1fr);margin-bottom:24px}
.rp-auth .hm-app{font-size:20px}
.rp-auth .grp{padding:28px;margin:0}
.rp-auth h1{margin:0 0 10px;font:700 28px/1.15 var(--display);color:var(--accentText)}
.rp-auth h2{font:700 22px/1.2 var(--display)}
.rp-auth p{color:var(--muted)}
.rp-auth nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.rp-auth label{display:block;font-weight:500;margin:16px 0}
.rp-auth input{display:block;margin-top:6px;padding:11px 12px}
.rp-auth .primary{display:block;width:100%;margin-top:18px}
.rp-auth button:disabled{opacity:.6;cursor:wait}
.rp-auth #error{color:var(--bad)}
.rp-auth code{display:block;overflow-wrap:anywhere;background:var(--surface2);border-radius:12px;padding:18px;margin:20px 0;font-family:var(--mono)}
.rp-auth small{display:block;color:var(--muted);margin-top:24px;font-size:12px;line-height:1.5}
.rp-auth [hidden]{display:none!important}
@media(max-width:480px){body.rp-auth{padding:18px}.rp-auth .grp{padding:22px}.rp-auth .hm-head{padding:14px 16px;gap:12px}.rp-auth .hm-logo{height:48px}}