.public-auth{width:min(100%,560px);margin:72px auto 80px}.public-auth h1{font-size:96px;line-height:.92;margin:0 0 28px}.public-auth h1 .logo{font-size:inherit;vertical-align:-.27em}.public-auth .intro{font-size:18px;line-height:1.5;max-width:480px;color:var(--text-2);margin:0 0 28px}.public-auth form{display:grid;gap:12px;margin-top:28px}.public-auth label:not(.check):not(.chip),.public-auth legend{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.public-auth input:not([type=checkbox]):not([type=radio]){height:56px;border:1.5px solid var(--ink);border-radius:999px;padding:0 22px;font-size:18px;width:100%;min-width:0}.public-auth form button{justify-self:start;margin-top:16px}.public-auth .fine{font-size:14px;line-height:1.6;color:var(--text-2)}.public-auth .check{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;margin-top:16px}.public-auth .check input{width:28px;height:28px;min-height:28px;flex:none;margin:0;accent-color:var(--ink)}.public-auth details{border-top:1px solid var(--line);padding-top:24px;margin-top:32px;color:var(--text-2);font-size:14px;line-height:1.6}.public-auth summary{cursor:pointer;min-height:44px;color:var(--ink)}.public-auth #signup-status,.public-auth #login-status{min-height:24px;font-size:14px;color:var(--text-2)}.public-auth fieldset{border:0;padding:0;margin:16px 0 0;min-width:0}.public-auth legend{margin-bottom:12px}.name-fields,.birthday-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.name-fields>div{display:grid;gap:10px}.birthday-fields{grid-template-columns:1fr 1fr 1.4fr}.gender-fields{display:flex;gap:8px;flex-wrap:wrap}.gender-fields .chip{padding-inline:16px;font-size:14px;cursor:pointer}.gender-fields input{position:absolute;opacity:0;width:1px;height:1px}.gender-fields .chip:has(:checked){background:var(--ink);color:white}.gender-fields .chip:has(:focus-visible){outline:3px solid var(--grape);outline-offset:3px}#signup-button{min-height:56px}.public-auth #signup-success{margin-top:30px}.public-auth #signup-success h2{font-size:46px}.public-auth #signup-success>a{margin:12px 12px 12px 0}.public-header .wordmark{font-size:48px}.public-header .wordmark img{display:block}
@media(max-width:700px){.public-auth{margin:42px auto 48px}.public-auth h1{font-size:64px}.public-auth .intro{font-size:16px}.name-fields{gap:12px}.gender-fields{gap:8px}.gender-fields .chip{font-size:13px;padding-inline:14px}.public-auth .check{font-size:14px}.public-auth-page .public-header{border:0}}

.public-auth-page .public-header::after{display:none}.public-auth-page main{padding-top:0}.public-auth-page .public-auth{margin-top:calc(210px - var(--header-height))}.public-auth-page .check input{appearance:none;border:1.5px solid var(--ink);border-radius:8px;display:grid;place-content:center}.public-auth-page .check input:checked{background:var(--ink)}.public-auth-page .check input:checked::after{content:"✓";color:white;font-size:20px}.public-auth-page .check input:focus-visible{outline:3px solid var(--grape);outline-offset:3px}@media(max-width:700px){.public-auth-page .public-auth{margin-top:42px}}

.public-auth #signup-status,.public-auth #login-status{font-family:var(--font-mono);font-size:12px;color:var(--ink)}
@media(max-width:700px){.public-auth h1{font-size:60px;line-height:.95}.public-auth form>button{width:100%;justify-self:stretch}.public-auth-page:has(#login-form) .public-auth{min-height:calc(100dvh - 210px);display:flex;flex-direction:column}.public-auth-page:has(#login-form) .public-auth>.fine:last-of-type{margin-top:auto;padding-top:28px;text-align:center}}
@media(max-width:700px){.public-auth-page:has(#login-form) main{padding-bottom:24px}.public-auth-page:has(#login-form) .public-auth{margin-top:80px;margin-bottom:0;min-height:calc(100dvh - var(--header-height) - 104px)}.public-auth-page:has(#login-form) form{margin-top:0}}