.auth-page{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 20px max(24px, env(safe-area-inset-bottom));background:var(--color-teal300);color:var(--color-teal900);box-sizing:border-box;place-items:center;font-family:Open Sans,sans-serif;display:grid}.auth-page *{box-sizing:border-box}.auth-panel{background:var(--color-sheet-background);border-radius:24px;width:min(100%,430px);padding:28px}.auth-brand{text-align:center}.auth-brand img{object-fit:contain;border-radius:18px}.auth-brand p{margin:6px 0 20px;font-family:Caveat,cursive;font-size:32px}.auth-panel h1{margin:0 0 8px;font-family:Crimson Pro,serif;font-size:36px;font-weight:500;line-height:1.1}.auth-panel h2{margin:0 0 12px;font-family:Crimson Pro,serif;font-size:24px}.auth-panel p{line-height:1.6}.auth-subtitle{margin-bottom:24px}.auth-panel form,.auth-providers,.auth-secondary{gap:14px;display:grid}.auth-panel label{gap:7px;font-size:14px;font-weight:600;display:grid}.auth-panel input{background:var(--color-neutral0);width:100%;min-height:50px;color:var(--color-teal900);font:inherit;border:1px solid;border-radius:12px;padding:12px;font-size:16px}.auth-panel button,.auth-app-links a{min-height:48px;color:inherit;font:inherit;text-align:center;cursor:pointer;background:0 0;border:1px solid;border-radius:12px;padding:12px 16px;font-weight:600}.auth-panel .auth-primary{background:var(--color-teal900);color:var(--color-neutral0);border-color:var(--color-teal900)}.auth-panel button:disabled{opacity:.6;cursor:default}.auth-panel :focus-visible{outline:3px solid var(--color-teal800);outline-offset:4px}.auth-panel a{color:inherit;text-underline-offset:4px}.auth-panel [role=alert]{border-inline-start:3px solid;padding:12px}.auth-providers p{text-align:center;margin:0}.auth-secondary{margin-top:16px}.auth-secondary button,.auth-panel .auth-text-button{text-underline-offset:4px;border-color:#0000;text-decoration:underline}.auth-app-links{border-top:1px solid;margin-top:28px;padding-top:24px}.auth-app-links div{flex-wrap:wrap;gap:12px;display:flex}.auth-app-links a{flex:1;text-decoration:none}.auth-website{text-align:center;margin-top:20px;display:block}@media (width<=420px){.auth-page{padding-inline:12px}.auth-panel{padding:22px 18px}}@media (prefers-reduced-motion:reduce){.auth-page *,.auth-page :before,.auth-page :after{transition:none!important;animation:none!important}}.auth-brand .auth-icon-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .auth-icon-light{display:none}:root:not([data-theme=light]) .auth-brand .auth-icon-dark{display:inline-block}}:root[data-theme=dark] .auth-icon-light{display:none}:root[data-theme=dark] .auth-brand .auth-icon-dark{display:inline-block}