/* auth group styles (sign in, sign up, profile, edit, privacy). Every class starts with .au so nothing leaks into other pages. */
.au-hero{padding:18px 0 10px;text-align:center}
.au-hero h1{font-weight:200;font-size:32px;line-height:1.1;letter-spacing:-.01em;margin:0}
.au-hero p{margin:6px 0 0;font-size:12.5px;color:var(--g1)}
.au-p{font-size:13.5px;line-height:1.55;color:var(--ink);font-weight:300;margin:4px 0 10px}
.au-stack{display:flex;flex-direction:column;gap:8px;padding-top:12px}
.au-stack .pb{flex:none;width:100%}
.au-in{display:block;width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:0;background:var(--field);color:var(--w);font:300 15px var(--f);outline:0}
.au-in:focus{box-shadow:0 0 0 1.5px var(--w)}
.au-alt{text-align:center;font-size:12.5px;color:var(--g1);margin:14px 0 4px}
.au-lnk{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-size:12.5px;color:var(--w);text-decoration:underline;text-underline-offset:3px}
.au-fine{text-align:center;font-size:11px;line-height:1.5;color:var(--g2);margin:2px 0 6px}
.au-box{margin-top:12px;padding:12px 14px;border-radius:14px;background:var(--card);font-size:12px;line-height:1.5;color:var(--g1)}
.au-box>div{display:flex;align-items:center;gap:12px;padding:5px 0;color:var(--ink);font-size:12.5px}
.au-box>.lab{margin-bottom:4px}
.au-box.au-row{display:flex;align-items:center;gap:10px}
.au-box.au-row>svg{flex:none}
.au-box.au-list>div{justify-content:space-between;gap:10px;padding:4px 0}
.au-box.au-list b{font-weight:500;text-align:right}
/* code step */
.au-otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:14px 0 8px}
.au-ob{height:58px;border-radius:14px;border:1.5px solid var(--w);display:flex;align-items:center;justify-content:center;font-weight:200;font-size:26px}
.au-ob:not(.on){border-color:var(--g3)}
.au-ob.cur:not(.on){border-color:var(--r2)}
.au-resend{display:flex;justify-content:space-between;align-items:center;min-height:44px;font-size:12px}
.au-tm{font-weight:400;font-size:12px}
.au-pad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 10px}
.au-k{height:54px;border-radius:14px;background:var(--card);font-weight:200;font-size:24px;display:flex;align-items:center;justify-content:center}
.au-k:active{background:var(--field)}
/* avatars */
.au-avs{display:flex;justify-content:space-between;gap:8px;padding:2px 0 10px}
.au-av{flex:0 1 52px;min-width:0;aspect-ratio:1;border-radius:50%;background:var(--field);font:200 20px var(--f);box-shadow:inset 0 0 0 1.5px var(--g3);display:flex;align-items:center;justify-content:center}
.au-av.on{box-shadow:inset 0 0 0 2px var(--r2)}
.au-edav{display:flex;align-items:center;gap:14px;padding:6px 0 10px}
.au-edav .pb{flex:none;width:100%}
/* welcome */
.au-wc{text-align:center;padding:8px 0 0}
.au-wc .lab{justify-content:center}
.au-ringbox{position:relative;width:200px;height:200px;margin:6px auto 4px}
.au-ringbox>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
.au-ringbox b{font-weight:300;font-size:30px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* profile */
.au-ring{position:relative;flex:none;display:block}
.au-ring>svg{display:block}
.au-ring>span{position:absolute;display:flex;align-items:center;justify-content:center}
.au-hero2{display:flex;align-items:center;gap:16px;padding:4px 0 10px}
.au-hero2>div{min-width:0}
.au-nm{font-weight:300;font-size:24px;line-height:1.15;overflow:hidden;text-overflow:ellipsis}
.au-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.au-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid var(--ln)}
.au-stats.three{grid-template-columns:repeat(3,minmax(0,1fr));text-align:center}
.au-sv{font-weight:200;font-size:24px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.2}
.au-sv small{font-size:.5em;font-weight:400}
.au-bd{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:4px 0 10px}
.au-bd>div{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:10px;color:var(--g2)}
.au-bd>div.on{color:var(--ink)}
.au-bd>div:not(.on) svg{opacity:.55}
.au-pub{display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 0 12px}
.au-lvl{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--ln)}
.au-two{display:grid;grid-template-columns:1fr 1px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--ln)}
.au-two>span{background:var(--ln)}
html.light .au-in{color:#111}
.au-stats.three .lab{justify-content:center}

/* brand marks on the social sign-in rows */
.au-br{flex:none;width:26px;height:26px;display:flex;align-items:center;justify-content:center}
.pb .o svg{display:block}

.au-legal{margin:18px 0 6px;text-align:center;font-size:12px;line-height:1.6;color:#8a8c91}
.au-legal p{margin:4px 0}
.au-legal a,.au-legal .au-lnk{color:#a9abb0;text-decoration:underline;font-size:12px}