@font-face{font-family:Gotham Rounded;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/gothamrnd_light.otf) format("opentype")}@font-face{font-family:Gotham Rounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/gothamrnd_medium.otf) format("opentype")}@font-face{font-family:Gotham Rounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/gothamrnd_bold.otf) format("opentype")}:root{--mellow-bg:#141924;--mellow-bg-secondary:#222938;--mellow-bg-tertiary:#2f3645;--mellow-accent:#6670ff;--mellow-accent-dark:#4a5ad9;--mellow-primary-light:#7f8cef;--mellow-text:#ffffff;--mellow-text-muted:#77818f;--mellow-text-light:#b8bacd;--mellow-error:#ff3b30;--mellow-primary:#5a6cfa;--mellow-primary-hover:#6677ff;--mellow-link:var(--mellow-primary);--mellow-link-hover:#7f8cef;--mellow-progress-track:#2b3242;--mellow-progress-fill:#3ddc84;--mellow-schedule-wake:#ef7f9b;--mellow-schedule-nap:#7f8cef;--mellow-schedule-bedtime:#9b5df0}*{box-sizing:border-box}html{--app-viewport-transition:0ms;background:var(--mellow-bg)}html[data-viewport-synced]{--app-viewport-transition:240ms}body{min-block-size:100vh;margin:0;background:var(--mellow-bg);color:var(--mellow-text);font-family:Gotham Rounded,sans-serif;font-weight:500}html:has(.onboarding-page),html:has(.onboarding-page) body{block-size:100%;min-block-size:0;overflow:hidden;overscroll-behavior:none}.onboarding-page{position:fixed;inset-block-start:0;inset-inline:0;display:flex;block-size:var(--app-viewport-height,100dvh);flex-direction:column;overflow:hidden;overscroll-behavior:contain;transition:block-size var(--app-viewport-transition) ease}.onboarding-header{min-block-size:4rem;flex:none}a{color:var(--mellow-link)}@media (hover:hover){a:hover{color:var(--mellow-link-hover)}}.onboarding-brand{position:absolute;inset-block-start:1.25rem;inset-inline-start:1.5rem;z-index:1;display:inline-flex;align-items:center;text-decoration:none}.onboarding-brand img{block-size:1.75rem;inline-size:auto}.onboarding-topbar{display:flex;min-block-size:4rem;flex:none;align-items:center;justify-content:center;gap:1rem;padding:1.25rem}.onboarding-back{display:grid;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;place-items:center;color:var(--mellow-text-light);text-decoration:none}.onboarding-back--placeholder{pointer-events:none}@media (hover:hover){.onboarding-back:hover{color:var(--mellow-text);background:var(--mellow-bg-secondary)}}.onboarding-progress-wrap{position:relative;display:block;inline-size:100%;line-height:0}.onboarding-progress{appearance:none;inline-size:100%;block-size:.375rem;border:0;border-radius:999px;background:var(--mellow-progress-track);overflow:hidden}.progress-sparkle{position:absolute;inset-block-start:50%;inline-size:0;block-size:0;pointer-events:none}.progress-sparkle-star{position:absolute;inset-block-start:0;inset-inline-start:0;margin-block-start:-5px;margin-inline-start:-5px;color:var(--mellow-progress-fill)}.onboarding-progress::-webkit-progress-bar{border-radius:999px;background:var(--mellow-progress-track)}.onboarding-progress::-webkit-progress-value{border-radius:999px;background:var(--mellow-progress-fill);transition:inline-size .3s ease}.onboarding-progress::-moz-progress-bar{border-radius:999px;background:var(--mellow-progress-fill)}.onboarding-shell{inline-size:min(100%,32rem);margin-inline:auto;padding:0 1.5rem 2.5rem}.onboarding-card,.onboarding-shell,.onboarding-step-content,.onboarding-transition{display:flex;min-block-size:0;flex:1;flex-direction:column}.onboarding-step-content{inline-size:100%}.loading-step,.onboarding-form{display:flex;inline-size:calc(100% + 1rem);min-block-size:0;flex:1;flex-direction:column;gap:1rem;margin-inline:-.5rem;padding-inline:.5rem;overflow-y:auto;overflow-x:hidden}.onboarding-form:has(.spinner-field){overflow-y:hidden;overscroll-behavior:contain}.onboarding-form-body{display:flex;flex:1;flex-direction:column;justify-content:center;gap:1rem}.onboarding-copy+.onboarding-form .onboarding-form-body{justify-content:flex-start}.onboarding-actions{display:flex;margin-block-start:auto;flex-direction:column;gap:.5rem;padding-block-start:1.5rem;text-align:center}.onboarding-form:has(>.mellow-button):before{content:"";margin-block-start:auto}.onboarding-persistent-actions{display:flex;flex:none;flex-direction:column;gap:.5rem;padding-block-start:1.5rem}.onboarding-persistent-actions .mellow-button{inline-size:100%;margin-block-start:0}.onboarding-form:not(:has(>.mellow-button)):not(:has(.onboarding-form-body)){justify-content:center}@supports (justify-content:safe center){.loading-step,.newborn-step-content,.onboarding-form-body,.onboarding-form:not(:has(>.mellow-button)):not(:has(.onboarding-form-body)){justify-content:safe center}}.onboarding-input-hero{inline-size:100%;border:0;background:transparent;color:var(--mellow-text);font:inherit;font-size:clamp(1.75rem,min(8vw,calc(var(--app-viewport-height, 100vh) * .1)),3.5rem);font-weight:500;text-align:center;transition:font-size var(--app-viewport-transition) ease}.onboarding-form .onboarding-input-hero:focus-visible{outline:none}.onboarding-input-hero::placeholder{color:var(--mellow-text-muted);opacity:1}.spinner-field{--spinner-item-height:40px;--spinner-rows:5;position:relative}@media (max-height:43rem){.spinner-field{--spinner-rows:3}}@media (max-height:26rem){.spinner-field{--spinner-rows:1}}.spinner-input{position:absolute;inline-size:1px;block-size:1px;padding:0;border:0;opacity:0;clip-path:inset(50%);overflow:hidden}.spinner-wheel{position:relative;display:flex;block-size:calc(var(--spinner-item-height) * var(--spinner-rows));justify-content:center;gap:.5rem;user-select:none;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}.spinner-field:has(.spinner-input:focus-visible) .spinner-wheel{outline:3px solid var(--mellow-primary-light);outline-offset:3px;border-radius:.9rem}.spinner-wheel-highlight{position:absolute;inset-block-start:50%;inset-inline:0;block-size:var(--spinner-item-height);border-radius:.75rem;background:var(--mellow-bg-tertiary);transform:translateY(-50%);pointer-events:none}.spinner-column{position:relative;display:flex;min-inline-size:3.5rem;flex-direction:column;margin:0;padding:calc(var(--spinner-item-height) * (var(--spinner-rows) - 1) / 2) 0;list-style:none;overflow-y:scroll;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;cursor:grab;touch-action:pan-y}.spinner-column[data-dragging=true]{scroll-snap-type:none;cursor:grabbing}.spinner-column--compact{overflow:hidden;touch-action:none}.spinner-compact-track{display:flex;flex-direction:column;transition:transform .18s ease}.spinner-column--compact[data-dragging=true] .spinner-compact-track{transition:none}@media (prefers-reduced-motion:reduce){.spinner-compact-track{transition:none}}.spinner-column::-webkit-scrollbar{display:none}.spinner-item{display:flex;inline-size:100%;block-size:var(--spinner-item-height);flex:none;align-items:center;justify-content:center;padding:0;border:0;background:none;color:var(--mellow-text-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;scroll-snap-align:center;transition:color .15s ease,opacity .15s ease}.spinner-item[data-selected=true]{color:var(--mellow-text);font-weight:700}@media (prefers-reduced-motion:reduce){.spinner-column{scroll-behavior:auto}.spinner-item{transition:none}}.onboarding-field-label{text-align:center}.onboarding-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}.onboarding-copy{margin-block-end:1.5rem;text-align:center}.age-dialog h1,.choice-group legend,.feedback-copy h1,.loading-step h1,.nap-count-group legend,.onboarding-copy h1{margin:0;font-size:clamp(1.25rem,min(5vw,calc(var(--app-viewport-height, 100vh) * .045)),1.75rem);font-weight:500;line-height:1.2;transition:font-size var(--app-viewport-transition) ease}.onboarding-copy p{color:var(--mellow-text-light)}.onboarding-form label{font-weight:700}.onboarding-input{inline-size:100%;min-block-size:3.5rem;border:1px solid transparent;border-radius:.9rem;background:var(--mellow-bg-tertiary);color:var(--mellow-text);font:inherit;font-size:1.1rem;padding-inline:1rem}.age-dialog button:focus-visible,.mellow-button:focus-visible,.newborn-mobile-link:focus-visible,.onboarding-brand:focus-visible,.onboarding-form button:focus-visible,.onboarding-form input:focus-visible{outline:3px solid var(--mellow-primary-light);outline-offset:3px}.form-error{margin:0;color:#ff8c84;text-align:center}.form-error-slot{display:grid;grid-template-rows:0fr;margin-block-start:-1rem;opacity:0;transition:grid-template-rows .22s ease,margin-block-start .22s ease,opacity .22s ease}.form-error-slot[data-visible=true]{grid-template-rows:1fr;margin-block-start:0;opacity:1}.form-error-slot>.form-error{min-block-size:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.form-error-slot{transition:opacity .22s ease}}.mellow-button{inline-size:100%;min-block-size:3.5rem;margin-block-start:1rem;border:0;border-radius:1rem;background:var(--mellow-primary);box-shadow:0 .333rem 0 #4254de,0 .75rem 0 rgb(0 0 0/25%),inset 0 .25rem 0 rgb(255 255 255/8%);color:var(--mellow-text);cursor:pointer;font:inherit;font-weight:700;padding-inline:1.5rem;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}@media (hover:hover){.mellow-button:not(:disabled):hover{background:var(--mellow-primary-hover)}}.mellow-button:not(:disabled):active{box-shadow:0 .083rem 0 #4254de,0 .25rem 0 rgb(0 0 0/25%),inset 0 .25rem 0 rgb(255 255 255/8%);transform:translateY(.25rem)}.mellow-button:disabled{cursor:not-allowed;opacity:.45}@media (prefers-reduced-motion:reduce){.mellow-button{transition:none}}.secondary-action{min-block-size:3.5rem;border:0;border-radius:999px;background:var(--mellow-bg-tertiary);color:var(--mellow-text);cursor:pointer;font:inherit;font-weight:700;padding-inline:1.5rem}.onboarding-actions .mellow-button{inline-size:100%;margin-block-start:0}.onboarding-form>.mellow-button{inline-size:100%;margin-block-start:auto}.choice-group,.nap-count-group{display:flex;margin:0;border:0;padding:0;flex-direction:column;gap:.75rem}.choice-group legend,.nap-count-group legend{margin-block-end:1.5rem;text-align:center}.choice-tile{position:relative;display:flex;min-block-size:3.5rem;border:2px solid transparent;border-radius:.9rem;align-items:center;justify-content:center;background:var(--mellow-bg-tertiary);padding:.9rem 1rem;text-align:center;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.choice-tile input{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:pointer}.choice-tile:has(input:checked){border-color:var(--mellow-primary);background:var(--mellow-primary);color:var(--mellow-text)}.onboarding-form .choice-tile input:focus-visible{outline:none}.choice-tile:has(input:focus-visible){outline:3px solid var(--mellow-primary-light);outline-offset:3px}.feedback-step{justify-content:space-between}.feedback-copy{margin-block:auto;text-align:center}.eyebrow{color:var(--mellow-primary-light)}.social-proof{margin:0;color:var(--mellow-text-light)}.social-proof blockquote{margin:0 0 1rem;font-style:italic}.social-proof figcaption{display:flex;justify-content:space-between;gap:1rem}.social-proof figcaption span:first-child{color:var(--mellow-primary-light)}.nap-count-group [role=radiogroup]{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.nap-choice{position:relative;display:grid;min-block-size:3.5rem;border-radius:.75rem;place-items:center;background:var(--mellow-bg-tertiary)}.nap-choice:has(input:checked){outline:2px solid var(--mellow-accent)}.nap-choice input{position:absolute;inline-size:100%;block-size:100%;opacity:0}.loading-step{justify-content:center;align-items:center;text-align:center}.loading-step p{color:var(--mellow-primary-light)}.loading-animation{inline-size:min(100%,22rem);flex:none;aspect-ratio:375/156}.schedule-list{display:grid;margin:0;padding:0;gap:.35rem;list-style:none}.schedule-row{display:flex;min-block-size:4.25rem;border-radius:.75rem;align-items:center;gap:1rem;background:var(--mellow-schedule-nap);padding:.75rem 1rem}.schedule-row--wake{background:var(--mellow-schedule-wake)}.schedule-row--bedtime{background:var(--mellow-schedule-bedtime)}.schedule-detail{flex:1;min-inline-size:0}.schedule-list small,.schedule-list strong{display:block}.schedule-list small{margin-block-start:.25rem}.schedule-duration{flex-shrink:0;font-weight:600}.schedule-icon{display:flex;flex-shrink:0;inline-size:2rem;block-size:2rem;align-items:center;justify-content:center}.newborn-step{justify-content:space-between;text-align:center}.newborn-step-content{display:flex;min-block-size:0;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.newborn-countdown{color:var(--mellow-primary-light)}.newborn-proof>p:last-child{color:var(--mellow-text-muted)}.newborn-reminder-visual{display:grid;inline-size:min(100%,36rem);min-block-size:0;margin-inline:auto;place-items:center}.newborn-reminder-visual>img:first-child{inline-size:100%;max-block-size:calc(var(--app-viewport-height, 100vh) * .3);block-size:auto;object-fit:contain;transition:max-block-size var(--app-viewport-transition) ease}.newborn-reminder-arrow{inline-size:2rem;block-size:auto}.newborn-mobile-callout{display:grid;margin-block-start:1rem;gap:.75rem;place-items:center}.newborn-mobile-callout p{margin:0;color:var(--mellow-text-light)}.newborn-mobile-link{display:grid;min-inline-size:min(100%,15rem);place-items:center;text-decoration:none}.feature-intro-step{align-items:center;text-align:center}.feature-intro-step>h1{max-inline-size:38rem;margin:0;font-size:clamp(1.5rem,5vw,1.75rem);font-weight:500;line-height:1.2}.feature-intro-card{position:relative;inline-size:100%;min-block-size:0;flex:0 1 auto;aspect-ratio:885/1044}.feature-intro-card img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.feature-intro-step>.mellow-button{inline-size:min(100%,32rem)}.age-dialog{max-inline-size:30rem;border:1px solid var(--mellow-bg-tertiary);border-radius:1rem;background:var(--mellow-bg-secondary);color:var(--mellow-text);padding:1.5rem}.dialog-actions{display:flex;margin-block-start:1.5rem;gap:.75rem;justify-content:flex-end}@media (min-width:40.0625rem){.onboarding-topbar{position:relative;inline-size:min(100%,32rem);margin-inline:auto;padding:1.25rem 1.5rem}.onboarding-back{position:absolute;inset-block-start:50%;inset-inline-start:-1.75rem;transform:translateY(-50%)}.onboarding-progress{inline-size:100%}}@media (max-width:40rem){.onboarding-shell{inline-size:100%;padding:0 1rem max(1rem,env(safe-area-inset-bottom,0px))}.onboarding-brand{position:static;display:flex;justify-content:center;padding:1rem 1rem 0}.onboarding-brand img{block-size:1.225rem}.onboarding-header .onboarding-brand{padding-inline:0}.onboarding-topbar{justify-content:flex-start;padding-block:.25rem}.onboarding-header,.onboarding-topbar{min-block-size:3rem}.onboarding-progress{inline-size:100%}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}