.auth{background:var(--surface);justify-items:center;min-height:100svh;display:grid}.auth-sheet{width:min(440px,100%);min-height:100svh;padding:var(--s-4) var(--s-5) calc(var(--s-4) + env(safe-area-inset-bottom));background:var(--surface);flex-direction:column;display:flex}.auth-logo{border-radius:8px;align-self:flex-start;display:block}.auth-logo img{aspect-ratio:5126/1253;width:auto;height:28px}.auth-head{align-items:center;gap:var(--s-4);margin-top:var(--s-7);display:flex}.auth-hero{background:var(--brand-soft);border-radius:50%;flex:none;width:80px;height:80px;position:relative;overflow:hidden}.auth-mascot{width:76px;position:absolute;bottom:-26px;left:50%;translate:-50%}.auth h1{font-size:30px}.auth-lead{margin-top:var(--s-1);color:var(--ink-soft);line-height:1.4}.auth-alert{margin-top:var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r);background:var(--red-soft);color:var(--red-ink);border:1px solid #f6c7c7;font-size:15px;font-weight:700;line-height:1.35}.auth-form{gap:var(--s-4);margin-top:var(--s-6);display:grid}.auth-form .submit{margin-top:var(--s-2)}.auth-form .text-button{color:var(--ink-soft)}.auth-form .auth-link{min-height:44px;color:var(--ink-soft);text-underline-offset:3px;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.auth-resend{justify-content:space-between;gap:var(--s-2) var(--s-4);flex-wrap:wrap;display:flex}.text-button[aria-disabled=true]{color:var(--ink-mute);cursor:default;text-decoration:none}.remember{align-items:center;gap:var(--s-3);min-height:48px;color:var(--ink-soft);cursor:pointer;font-size:15px;display:flex}.remember input{width:22px;height:22px;accent-color:var(--ink)}.auth-switch{margin-top:var(--s-5);color:var(--ink-soft);text-align:center;font-size:15px}.auth-switch a{min-height:48px;color:var(--ink);text-underline-offset:3px;align-items:center;font-weight:700;display:inline-flex}.auth-help{padding-top:var(--s-4);color:var(--ink-mute);text-align:center;margin-top:auto;font-size:14px}.auth-help a{padding:var(--s-2) 0;color:var(--ink-soft);font-weight:700;display:inline-block}@media (width>=720px) and (height>=700px){.auth{padding:var(--s-6);background:var(--bg);align-items:center}.auth-sheet{min-height:0;padding:var(--s-7) var(--s-8) var(--s-5)}.auth-head{margin-top:var(--s-6)}}