/* A full sign-in page shares the exact theme, accent and opt-in glass tokens. */
.login-test-badge{font-size:9px!important;letter-spacing:.4px;font-weight:500!important;margin-left:5px;padding:4px 6px;background:var(--surface2);border:1px solid var(--line);border-radius:6px;color:var(--muted)!important}
:root[data-page=login] .app>.top,:root[data-page=login] .nav,:root[data-page=login] #saveStatus,:root[data-page=login] .rest-overlay{display:none!important}
:root[data-page=login] body{padding-bottom:env(safe-area-inset-bottom)}
.login-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 32px}.login-brand{min-width:0}.login-header .logo{font-size:23px}.login-header .ghost{flex-shrink:0}.login-layout{display:grid;gap:28px}.login-intro h1{font-size:clamp(34px,5.5vw,52px);font-weight:700;line-height:1.08;letter-spacing:-1.7px;margin:16px 0}.login-intro>p{font-size:14px;line-height:1.7;color:var(--muted);max-width:36ch}.login-intro ul{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:22px}.login-intro li{border-left:2px solid var(--line);padding-left:16px}.login-intro strong{display:block;font-size:14px;font-weight:600;margin-bottom:6px}.login-intro li span{display:block;font-size:12px;line-height:1.6;color:var(--muted)}.login-offline{text-align:center;font-size:11px;margin:5px 0 0}.login-layout #communitySignIn{margin:0}.login-layout #loginGuest{margin-top:16px;color:var(--text)}.auth-resend{margin-top:14px;font-size:12px;min-height:44px}#profileSignInPrompt h2{margin:10px 0 14px;font-size:26px}#profileSignInPrompt p{margin-bottom:22px}#profileSignInPrompt{min-width:0}#profileSignInPrompt .primary{padding:12px}
@media(min-width:800px){.login-layout{grid-template-columns:1fr minmax(0,440px);gap:48px;align-items:center;min-height:calc(100dvh - 160px)}.login-intro{padding:0 8px 0 0}.login-header{margin-bottom:16px}:root[data-page=login] .app{width:min(1040px,100%)}}
@media(max-width:799px){.login-intro ul{display:none}.login-intro h1{font-size:34px;margin:12px 0}.login-intro>p{margin:0}.login-header{margin-bottom:28px}.login-layout{gap:24px}.login-layout #authTitle{font-size:25px}.login-layout .auth-heading{margin-bottom:18px}.login-layout #communitySignIn{padding:22px}.login-layout .auth-intro{font-size:12px;margin-bottom:18px}}
@media(max-width:350px){.login-header .logo{font-size:20px}.login-header .ghost{padding:0 9px}.login-intro h1{font-size:30px}.login-layout #communitySignIn{padding:18px}}