@layer pages{.auth-page{inline-size:100%;min-inline-size:0;min-block-size:calc(100svh - var(--public-header-block-size,4.75rem));padding:var(--space-5);background:0 0;place-items:center;display:grid}.auth-card{--auth-muted-text:var(--content-secondary);--auth-link-text:color-mix(in oklch, var(--brand-fill) 72%, var(--content-primary));--auth-divider-text:var(--content-secondary);gap:var(--space-4);inline-size:min(100%,31rem);padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-3);background:var(--surface-panel);box-shadow:var(--shadow-ring-strong);margin-inline:auto;display:grid}.auth-heading{gap:var(--space-1);text-align:center;display:grid}.auth-heading span{color:var(--auth-muted-text);font-size:var(--text-sm)}.auth-switch{color:var(--auth-muted-text);font-size:var(--text-sm);text-align:center;margin:0}.auth-switch a{color:var(--auth-link-text);margin-inline-start:var(--space-1);font-weight:400}.auth-google,.auth-submit{inline-size:100%}.auth-submit.btn-primary{--auth-submit-fill:var(--brand-fill);border-color:var(--auth-submit-fill);background:var(--auth-submit-fill)}.auth-submit.btn-primary:hover,.auth-submit.btn-primary:focus-visible{border-color:var(--button-primary-hover-border);background:var(--auth-submit-fill)}[data-novelist-theme=dark] .auth-card{--auth-submit-fill:var(--brand-subtle-fill);--button-primary-hover-border:color-mix(in oklch, var(--content-primary) 42%, transparent)}[data-novelist-theme=dark] .auth-submit.btn-primary{--brand-fill:var(--auth-submit-fill);color:var(--content-primary)}[data-novelist-theme=dark] .auth-submit.btn-primary:hover,[data-novelist-theme=dark] .auth-submit.btn-primary:focus-visible{color:var(--content-primary)}.auth-google{--auth-google-text:var(--content-primary);gap:var(--space-1);min-inline-size:0;max-inline-size:100%;padding:var(--space-2) var(--space-3);border-color:var(--line-subtle);color:var(--auth-google-text);background:0 0;font-weight:400}.auth-google:link,.auth-google:visited{color:var(--auth-google-text)}.auth-google:hover,.auth-google:focus-visible{border-color:var(--line-focus);background:var(--surface-control-hover);color:var(--content-primary)}.auth-google .auth-google-label{color:var(--auth-google-text)}.auth-google-icon{flex:none;block-size:1.25rem;inline-size:1.25rem}.auth-divider{align-items:center;gap:var(--space-2);color:var(--auth-divider-text);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.auth-divider span{background:var(--line-subtle);block-size:1px}.auth-form{gap:var(--space-3);display:grid}.auth-participation{gap:var(--space-2);border:0;min-inline-size:0;margin:0;padding:0;display:grid}.auth-participation>legend{color:var(--content-primary);margin-block-end:var(--space-1);padding:0}.auth-participation>p{color:var(--auth-muted-text);font-size:var(--text-xs);line-height:var(--leading-relaxed);margin:0}.auth-participation[aria-invalid=true] .choice-option{border-color:var(--status-danger)}.auth-participation .auth-participation-error{color:var(--status-danger)}.choice-option{align-items:start;gap:var(--space-2);min-block-size:3rem;padding:var(--space-2) var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-2);background:var(--surface-panel);cursor:pointer;grid-template-columns:auto minmax(0,1fr);display:grid}.choice-option input{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--brand-fill);margin-block-start:.125rem}.choice-option input:focus-visible{outline:2px solid var(--line-focus);outline-offset:2px}.choice-option span{gap:var(--space-1);display:grid}.choice-option strong{color:var(--content-primary);font-size:var(--text-sm);font-weight:600}.choice-option small{color:var(--auth-muted-text);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.auth-workspace-choice{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-2);margin:0;display:grid}.auth-workspace-choice legend{padding-inline:var(--space-1);color:var(--content-primary);font-weight:650}.auth-workspace-choice p{color:var(--auth-muted-text);font-size:var(--text-sm);margin:0}.auth-workspace-choice label{align-items:start;gap:var(--space-2);min-block-size:3rem;padding-block:var(--space-2);cursor:pointer;grid-template-columns:1.25rem minmax(0,1fr);display:grid}.auth-workspace-choice input[type=radio]{block-size:1.125rem;inline-size:1.125rem;accent-color:var(--brand-fill);margin-block-start:.125rem}.auth-workspace-choice[hidden]{display:none}.auth-field{gap:var(--space-1);color:var(--content-primary);display:grid}.auth-field input{min-block-size:2.75rem;min-inline-size:0;padding:0 var(--space-3);border:1px solid var(--line-subtle);border-radius:var(--radius-2);background:var(--surface-panel);color:var(--content-primary);font:inherit;letter-spacing:0;text-transform:none}.auth-field input:focus-visible{border-color:var(--brand-subtle-fill);outline:2px solid var(--line-focus);outline-offset:2px}.auth-error{color:var(--status-danger);font-size:var(--text-sm);text-align:center;margin:0}.auth-legal{padding-inline:var(--space-4);color:var(--auth-muted-text);font-size:var(--text-xs);line-height:var(--leading-relaxed);text-align:center;margin:0}.auth-legal a{color:var(--auth-link-text)}@media (width<=34rem){.auth-page{padding-block:var(--space-3);padding-inline:var(--public-gutter,var(--space-3))}.auth-card{padding:var(--space-4)}}}