/* auth-r6: one spacing scale. 8px base: 6 label→input, 16 field gap, 24 card padding / before primary, 12 between stacked buttons, 16 between blocks */
:root{--s-lab:6px;--s-field:16px;--s-pad:24px;--s-pri:24px;--s-btn:12px;--s-block:16px;--em:#047857}
.tag,.side .tag,.plate,.rules i,.fl,.label{font-size:.875rem!important}
.auth main{padding:0 16px}
@media (max-width:63.99em){.auth .mhead{display:flex!important}}
.auth .mhead{align-items:center;gap:12px;height:72px;padding:0!important;margin:0}
.auth .mhead .name,.wm{font:600 1.25rem/1.2 "Space Grotesk",sans-serif;flex:1}
.auth .dhead .wm{font-size:1.4rem;flex:none}
.auth h1{font:700 2rem/1.15 "Space Grotesk",sans-serif;margin:8px 0 6px}
.auth .sub{margin:0 0 var(--s-block);color:var(--muted);font-size:1rem}
.auth .card{padding:var(--s-pad)!important;margin:0 0 var(--s-block)!important;border-radius:1.25rem}
.auth .card>label:not(.ck),.auth .card .fl2{display:block;font-weight:600;font-size:.9375rem;margin:var(--s-field) 0 var(--s-lab)}
.auth .card>label:first-child,.auth .card>h2+label{margin-top:0}
.auth .card>h2{margin:0 0 var(--s-field)!important}
.auth .card>p:last-child{margin-bottom:0}
.auth input[type=email],.auth input[type=text],.auth input[type=password]{min-height:48px;width:100%;box-sizing:border-box}
.auth .fw{position:relative}.auth .fw input{padding-right:5rem}.auth .show{position:absolute;right:2px;top:2px;bottom:2px;min-width:44px;min-height:44px;border:0;background:none;color:var(--cut);font:600 .9375rem Inter,sans-serif;cursor:pointer}
.auth .ck{margin:var(--s-field) 0 0!important;min-height:44px;font-size:.9375rem}
.auth .card .btn.full{margin-top:var(--s-pri)}
.btn.full{min-height:48px!important;font-size:1rem}
.auth main>.btn.full,.auth .stack{margin:0 0 var(--s-block)}
.auth .stack{display:grid;gap:var(--s-btn);margin-top:0}
.auth .ctr{margin:var(--s-block) 0 0;font-size:.9375rem}.auth .card .ctr{margin-top:var(--s-field)}
.auth .ctr .lnk,.lnk{display:inline-flex;align-items:center;min-height:44px;color:var(--cut)}
.auth .back{margin:0}
.auth .note{margin:0 0 var(--s-block)}
.auth .info{display:flex;gap:12px;align-items:flex-start;padding:16px var(--s-pad)!important;background:var(--peach)!important}
.auth .info .ii{flex:none;width:1.75rem;height:1.75rem;border-radius:50%;border:2px solid var(--cu);color:var(--cu);display:grid;place-items:center;font:700 .875rem Inter,sans-serif}
.auth .info p{margin:0;font-size:.9375rem;color:var(--text)}
.auth .rules{margin:12px 0 0}.auth .rules li{gap:8px;min-height:24px}.auth .rules .st{font-weight:600}
.auth .rules li.met .st{color:var(--em)}.auth .rules li:not(.met) .st{color:var(--muted)}.auth .rules li:not(.met) i{background:#CDBBA8}
.auth .chk li{min-height:44px;padding:0!important}.auth .chk .rules{margin:0}
h1.em{color:var(--em)!important}
.bagwrap{position:relative;width:6rem;height:6rem}.bagwrap img{width:100%;height:100%}.plate{left:20%!important;width:60%!important;top:50%!important;height:20%!important;letter-spacing:0!important;font-weight:700!important}
.tagtop{margin-left:auto}
@media (min-width:64em){.auth main{padding:0}.auth .dhead{margin-bottom:8px!important}.auth .dhead .wm{text-align:center}}
/* sign-out sheet: dimmed backdrop, never over the tab bar or the More list */
.scrim{background:rgba(43,29,16,.55)!important}
@media (max-width:63.99em){.sheet{bottom:var(--tabbar,64px)!important;border-radius:1.5rem!important;margin:0 8px;left:0;right:0}.so-open .morelist{max-height:var(--listmax,200px);overflow:auto}}
@media (min-width:64em){.so-open .morelist{max-width:20rem}.sheet{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%)!important}}

.auth .rules{display:grid;gap:4px}.auth .rules li{margin:0!important}
.tagtop{display:none}
@media (min-width:64em){.tagtop{display:inline-flex;position:fixed;top:24px;right:32px;z-index:2}.auth main{margin-top:1.25rem!important}.auth h1{margin-top:4px}}
@media (min-width:64em) and (max-height:820px){.auth .dhead .mlogo{width:64px!important;height:64px!important}.auth .dhead{gap:4px!important}}
@media (min-width:64em){.auth .dhead{margin-bottom:4px!important}.side .brand .mlogo,.side .mlogo{width:64px!important;height:64px!important}.side .brand span{font:600 1.25rem/1.2 "Space Grotesk",sans-serif!important}}
header.top .name{font:600 1.25rem/1.2 "Space Grotesk",sans-serif!important}
.ill .bagwrap{width:7.5rem!important;height:7.5rem!important}.plate{overflow:visible;white-space:nowrap}
/* r7 */
.auth .show{width:4.5rem;min-width:4.5rem;text-align:center;padding:0}
.side button.so{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.8rem;padding:0 .9rem;min-height:2.75rem;background:none;border:0;font:inherit;font-size:1rem;color:var(--text);border-radius:.9rem;cursor:pointer;width:100%;text-align:left;white-space:nowrap;margin-top:auto;line-height:inherit}
.plate{width:auto!important;left:50%!important;transform:translate(-50%,0);padding:0 8px;height:auto!important;line-height:1.5!important;background:#FFF7EE;border:2px solid var(--cu);border-radius:6px;top:45%!important}
@media (min-width:64em){
 body.r2d .mhead{display:flex!important;position:fixed;top:20px;left:48px;right:48px;height:56px}
 body.r2d .dhead{display:none!important}
 body.r2d .mhead .pplogo{width:48px;height:48px}body.r2d .mhead .name{font-size:1.25rem!important}
 body.r2d .tagtop{position:static!important;margin-left:auto}
 body.r2d main{margin-top:96px!important}
 body.r2d:has(h1.em) main{max-width:40rem!important}
 body.r2d h1.em{text-align:left!important;font-size:3rem!important;margin:0 0 4px!important}body.r2d:has(h1.em) .sub{text-align:left!important}
 body.r2d .hd{height:72px!important}
}
@media (min-width:64em){body.r2d .hd{height:56px!important}body.r2d main{margin-top:84px!important}body.r2d h1.em{font-size:2.75rem!important}body.r2d .ill{margin:0 0 4px!important}body.r2d .ill .bagwrap{width:6.5rem!important;height:6.5rem!important}body.r2d .chk li{min-height:44px}body.r2d .auth h1,body.r2d main>h1{margin-top:0}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.plate{left:46.5%!important;padding:0 7px}
.plate{top:52%!important}
@media (min-width:64em){body.r2d:has(h1.em) .mhead{left:calc(50% - 20rem);right:auto;width:40rem;padding:0;box-sizing:border-box}}
@media (min-width:64em){body.r2d .hd.valley{display:block;position:fixed;left:0!important;right:0;bottom:0;width:100%!important;height:130px!important}}
@media (min-width:64em){
 body.r2d{display:flex;flex-direction:column;min-height:100vh;margin:0}
 body.r2d .mhead{position:static!important;flex:none;margin:20px 48px 0;width:auto;height:56px}
 body.r2d:has(h1.em) .mhead{margin:20px auto 0;width:40rem}
 body.r2d main{margin-top:8px!important;margin-bottom:24px!important;flex:none}
 body.r2d .hd.valley{position:relative!important;inset:auto!important;display:block;flex:none;margin-top:auto!important;width:100%!important;height:160px!important;z-index:0;pointer-events:none}
}
@media (min-width:64em){body.r2d .hd.valley{height:136px!important}body.r2d main{margin-top:4px!important;margin-bottom:-70px!important}}
@media (min-width:64em){body.r2d main{margin-bottom:-59px!important}}
@media (min-width:64em){body.r2d:not(:has(h1.em)) main{margin-bottom:-66px!important}}