@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300 900;src:url(/assets/fonts/figtree/figtree-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Bricolage Grotesque;font-stretch:100%;font-style:normal;font-weight:200 800;src:url(/assets/fonts/bricolage-grotesque/bricolage-grotesque-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg:#121613;--color-surface:#1b211d;--color-surface-selected:#243328;--color-text:#e8ede6;--color-text-secondary:#c4cdc6;--color-text-muted:#a7b1aa;--color-hairline:#2c352f;--color-border:#4a564e;--color-accent:#5fb878;--color-accent-hover:#9fd8ae;--color-on-accent:#0d1a11;--color-kind-training:#5fb878;--color-kind-socialization:#e0954a;--color-kind-care:#7fa3cc;--color-kind-feeding:#c9bb6a;--color-kind-potty:#b394c9;--color-warning-bg:#2e2410;--color-warning-border:#6b5426;--color-warning-text:#f2d59a;--color-danger:#f08a6c;--color-pending:#e8b25c;--color-surface-raised:var(--color-surface-selected);--color-error:var(--color-danger);--font-body:"Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Bricolage Grotesque", "Figtree", system-ui, sans-serif;--space-1:.25rem;--space-2:.5rem;--space-3:1rem;--space-4:1.5rem;--space-5:2.5rem;--space-6:4rem;--gutter:1rem;--header-height:3.5rem;--touch-target:2.75rem;--control-height:3rem;--bottom-nav-height:3.5rem;--sidebar-width:16rem;--content-max:68.75rem;--form-max:30rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-pill:999px;--ease-out:cubic-bezier(.2, .7, .2, 1);--duration-fast:.18s;--duration-base:.3s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--color-bg:#f3f5f0;--color-surface:#fff;--color-surface-selected:#e6efe3;--color-text:#1c2420;--color-text-secondary:#3f4a44;--color-text-muted:#55605a;--color-hairline:#dfe5da;--color-border:#b9c4b4;--color-accent:#2f6b3f;--color-accent-hover:#234f2f;--color-on-accent:#fff;--color-kind-training:#2f6b3f;--color-kind-socialization:#b8660f;--color-kind-care:#4f6d8f;--color-kind-feeding:#8a7f3a;--color-kind-potty:#7a5c8e;--color-warning-bg:#fff4e0;--color-warning-border:#f0d29b;--color-warning-text:#5a3d07;--color-danger:#a33a1c;--color-pending:#8a5207;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (width>=768px){:root{--gutter:1.5rem}}@media (width>=1024px){:root{--gutter:3rem}}*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}img,picture,video{max-width:100%;display:block}button,input,select,textarea{color:inherit;font:inherit}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (width<=767px){body.menu-open{overflow:hidden}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}h1,h2,h3{font-family:var(--font-display);margin:0;font-weight:700;line-height:1.15}p{margin:0}.meta{color:var(--color-text-muted);font-size:.875rem}::view-transition-group(root){animation-duration:var(--duration-base);animation-timing-function:var(--ease-out)}::view-transition-old(root){animation:page-out var(--duration-fast) var(--ease-out) both}::view-transition-new(root){animation:page-in var(--duration-base) var(--ease-out) both}@keyframes page-out{to{opacity:0}}@keyframes page-in{0%{opacity:0;transform:translateY(.5rem)}}html.theme-transition::view-transition-old(root){mix-blend-mode:normal;animation:none}html.theme-transition::view-transition-new(root){mix-blend-mode:normal;animation:none}html.theme-transition::view-transition-old(root){z-index:1}html.theme-transition::view-transition-new(root){z-index:2;animation:.7s cubic-bezier(.7,0,.3,1) theme-clip-in}html.theme-transition[data-theme=light]::view-transition-old(root){z-index:2;animation:.7s cubic-bezier(.7,0,.3,1) theme-clip-out}html.theme-transition[data-theme=light]::view-transition-new(root){z-index:1;animation:none}html.theme-transition app-site-header{view-transition-name:none}@keyframes theme-clip-in{0%{clip-path:circle(0 at var(--theme-x,50%) var(--theme-y,50%))}to{clip-path:circle(150% at var(--theme-x,50%) var(--theme-y,50%))}}@keyframes theme-clip-out{0%{clip-path:circle(150% at var(--theme-x,50%) var(--theme-y,50%))}to{clip-path:circle(0 at var(--theme-x,50%) var(--theme-y,50%))}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.button{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;align-items:center;gap:var(--space-2);min-height:var(--control-height);min-width:var(--touch-target);padding:0 var(--space-3);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);justify-content:center;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--color-accent)}.button:active{transform:scale(.98)}.button[disabled]{cursor:progress;opacity:.7}.button--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}.button--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:var(--color-on-accent)}.button--large{min-height:3.25rem;font-size:1rem}.button--link{color:var(--color-accent);background:0 0;border-color:#0000}.button--link:hover{color:var(--color-accent-hover);border-color:#0000}.field{flex-direction:column;gap:.375rem;font-size:.9375rem;font-weight:600;display:flex}.field__input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);min-height:var(--control-height);transition:border-color var(--duration-fast) var(--ease-out);padding:0 .875rem;font-weight:400}.field__input:hover{border-color:var(--color-text-muted)}.field__input[aria-invalid=true]{border-color:var(--color-danger)}.field__error,.form-error{color:var(--color-danger);font-size:.875rem;font-weight:500}.fieldset{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.fieldset__legend{margin-bottom:var(--space-2);padding:0;font-size:.9375rem;font-weight:600}.page-title{font-size:1.75rem}.page-lead{color:var(--color-text-secondary);font-size:1rem;line-height:1.5}.onboarding{max-width:var(--form-max);min-height:calc(100dvh - var(--header-height));padding:2rem var(--gutter);flex-direction:column;gap:1.5rem;margin:0 auto;display:flex}.onboarding__intro{gap:var(--space-2);flex-direction:column;display:flex}.onboarding__form{flex-direction:column;gap:1.25rem;display:flex}.onboarding__submit{margin-top:auto}@media (width>=768px){.onboarding{justify-content:center}.onboarding__submit{margin-top:var(--space-2)}}