@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/nunito-400.woff2) format("woff2")}
@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/nunito-400.woff2) format("woff2")}
@font-face{font-family:Quicksand;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/quicksand-700.woff2) format("woff2")}
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Nunito,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-4{top:1rem}.top-full{top:100%}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.col-span-2{grid-column:span 2/span 2}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-3{margin-top:.75rem;margin-bottom:.75rem}.-mt-1{margin-top:-.25rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-7{margin-bottom:1.75rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-28{height:7rem}.h-36{height:9rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-px{height:1px}.max-h-40{max-height:10rem}.max-h-44{max-height:11rem}.max-h-64{max-height:16rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.min-h-\[1\.25rem\]{min-height:1.25rem}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[120px\]{min-height:120px}.min-h-\[1rem\]{min-height:1rem}.min-h-screen{min-height:100vh}.w-1\/2{width:50%}.w-11{width:2.75rem}.w-12{width:3rem}.w-20{width:5rem}.w-24{width:6rem}.w-5{width:1.25rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-\[140px\]{min-width:140px}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.875rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem*var(--tw-space-y-reverse))}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-amber-100{--tw-border-opacity:1;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-cyan-50{--tw-border-opacity:1;border-color:rgb(236 254 255/var(--tw-border-opacity,1))}.border-emerald-50{--tw-border-opacity:1;border-color:rgb(236 253 245/var(--tw-border-opacity,1))}.border-pink-100{--tw-border-opacity:1;border-color:rgb(252 231 243/var(--tw-border-opacity,1))}.border-pink-100\/50{border-color:rgba(252,231,243,.5)}.border-pink-100\/60{border-color:rgba(252,231,243,.6)}.border-pink-50{--tw-border-opacity:1;border-color:rgb(253 242 248/var(--tw-border-opacity,1))}.border-rose-100\/60{border-color:rgba(255,228,230,.6)}.border-slate-100{--tw-border-opacity:1;border-color:rgb(241 245 249/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-slate-200\/60{border-color:rgba(226,232,240,.6)}.border-slate-50{--tw-border-opacity:1;border-color:rgb(248 250 252/var(--tw-border-opacity,1))}.border-violet-100\/60{border-color:rgba(237,233,254,.6)}.border-white\/80{border-color:hsla(0,0%,100%,.8)}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-cyan-50{--tw-bg-opacity:1;background-color:rgb(236 254 255/var(--tw-bg-opacity,1))}.bg-cyan-500{--tw-bg-opacity:1;background-color:rgb(6 182 212/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-fuchsia-50{--tw-bg-opacity:1;background-color:rgb(253 244 255/var(--tw-bg-opacity,1))}.bg-fuchsia-500{--tw-bg-opacity:1;background-color:rgb(217 70 239/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity,1))}.bg-lime-50{--tw-bg-opacity:1;background-color:rgb(247 254 231/var(--tw-bg-opacity,1))}.bg-lime-500{--tw-bg-opacity:1;background-color:rgb(132 204 22/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-pink-50\/80{background-color:rgba(253,242,248,.8)}.bg-pink-500{--tw-bg-opacity:1;background-color:rgb(236 72 153/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-rose-50{--tw-bg-opacity:1;background-color:rgb(255 241 242/var(--tw-bg-opacity,1))}.bg-rose-500{--tw-bg-opacity:1;background-color:rgb(244 63 94/var(--tw-bg-opacity,1))}.bg-sky-50{--tw-bg-opacity:1;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-sky-500{--tw-bg-opacity:1;background-color:rgb(14 165 233/var(--tw-bg-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-slate-900\/40{background-color:rgba(15,23,42,.4)}.bg-teal-50{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-teal-500{--tw-bg-opacity:1;background-color:rgb(20 184 166/var(--tw-bg-opacity,1))}.bg-violet-50{--tw-bg-opacity:1;background-color:rgb(245 243 255/var(--tw-bg-opacity,1))}.bg-violet-500{--tw-bg-opacity:1;background-color:rgb(139 92 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/75{background-color:hsla(0,0%,100%,.75)}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.bg-white\/90{background-color:hsla(0,0%,100%,.9)}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-cyan-200{--tw-gradient-from:#a5f3fc var(--tw-gradient-from-position);--tw-gradient-to:rgba(165,243,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-200{--tw-gradient-from:#a7f3d0 var(--tw-gradient-from-position);--tw-gradient-to:rgba(167,243,208,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-200{--tw-gradient-from:#fbcfe8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(251,207,232,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-50{--tw-gradient-from:#fdf2f8 var(--tw-gradient-from-position);--tw-gradient-to:rgba(253,242,248,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-pink-500{--tw-gradient-from:#ec4899 var(--tw-gradient-from-position);--tw-gradient-to:rgba(236,72,153,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-50{--tw-gradient-from:#fff1f2 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,241,242,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-200{--tw-gradient-from:#e2e8f0 var(--tw-gradient-from-position);--tw-gradient-to:rgba(226,232,240,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:transparent var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-violet-50{--tw-gradient-from:#f5f3ff var(--tw-gradient-from-position);--tw-gradient-to:rgba(245,243,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-cyan-200{--tw-gradient-to:rgba(165,243,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a5f3fc var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-emerald-200{--tw-gradient-to:rgba(167,243,208,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a7f3d0 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-pink-200{--tw-gradient-to:rgba(251,207,232,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fbcfe8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-violet-500{--tw-gradient-to:rgba(139,92,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#8b5cf6 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-rose-50{--tw-gradient-to:#fff1f2 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to:#f1f5f9 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-10{padding-bottom:2.5rem}.pb-16{padding-bottom:4rem}.pb-2\.5{padding-bottom:.625rem}.pb-24{padding-bottom:6rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-display{font-family:Quicksand,system-ui,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.15\]{line-height:1.15}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-amber-900{--tw-text-opacity:1;color:rgb(120 53 15/var(--tw-text-opacity,1))}.text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-cyan-600{--tw-text-opacity:1;color:rgb(8 145 178/var(--tw-text-opacity,1))}.text-cyan-700{--tw-text-opacity:1;color:rgb(14 116 144/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-600\/80{color:rgba(5,150,105,.8)}.text-emerald-700{--tw-text-opacity:1;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-fuchsia-400{--tw-text-opacity:1;color:rgb(232 121 249/var(--tw-text-opacity,1))}.text-fuchsia-500{--tw-text-opacity:1;color:rgb(217 70 239/var(--tw-text-opacity,1))}.text-fuchsia-800{--tw-text-opacity:1;color:rgb(134 25 143/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-lime-600{--tw-text-opacity:1;color:rgb(101 163 13/var(--tw-text-opacity,1))}.text-lime-700{--tw-text-opacity:1;color:rgb(77 124 15/var(--tw-text-opacity,1))}.text-lime-800{--tw-text-opacity:1;color:rgb(63 98 18/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity,1))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-pink-800{--tw-text-opacity:1;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-rose-400{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.text-rose-700{--tw-text-opacity:1;color:rgb(190 18 60/var(--tw-text-opacity,1))}.text-rose-700\/90{color:rgba(190,18,60,.9)}.text-rose-800{--tw-text-opacity:1;color:rgb(159 18 57/var(--tw-text-opacity,1))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.text-violet-500{--tw-text-opacity:1;color:rgb(139 92 246/var(--tw-text-opacity,1))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity,1))}.text-violet-700{--tw-text-opacity:1;color:rgb(109 40 217/var(--tw-text-opacity,1))}.text-violet-700\/90{color:rgba(109,40,217,.9)}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-emerald-500{accent-color:#10b981}.accent-indigo-500{accent-color:#6366f1}.accent-pink-500{accent-color:#ec4899}.accent-teal-500{accent-color:#14b8a6}.accent-yellow-500{accent-color:#eab308}.opacity-0{opacity:0}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-cyan-300{--tw-ring-opacity:1;--tw-ring-color:rgb(103 232 249/var(--tw-ring-opacity,1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@font-face{font-family:Nunito;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/nunito.woff2) format("woff2")}@font-face{font-family:Quicksand;font-style:normal;font-weight:500 700;font-display:swap;src:url(/fonts/quicksand.woff2) format("woff2")}body{font-family:Nunito,system-ui,sans-serif}.font-display{font-family:Quicksand,system-ui,sans-serif}.tool-card{transition:all .22s cubic-bezier(.4,0,.2,1);cursor:pointer}.tool-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px -12px rgba(236,72,153,.18)}.gradient-bg{background:linear-gradient(160deg,#fdf2f8,#f5f3ff 35%,#ecfeff 70%,#f0fdf4)}.soft-shadow{box-shadow:0 4px 24px -4px rgba(0,0,0,.06),0 8px 16px -6px rgba(236,72,153,.08)}.view{display:none;animation:fadeIn .25s ease}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.check-item{transition:all .15s ease}.check-item.done{opacity:.5}.check-item.done span{text-decoration:line-through}.btn-primary{transition:all .15s ease}.btn-primary:active{transform:scale(.97)}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.last\:border-0:last-child{border-width:0}.hover\:border-pink-200:hover{--tw-border-opacity:1;border-color:rgb(251 207 232/var(--tw-border-opacity,1))}.hover\:bg-amber-500:hover{--tw-bg-opacity:1;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.hover\:bg-amber-600:hover{--tw-bg-opacity:1;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.hover\:bg-black:hover{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-cyan-100:hover{--tw-bg-opacity:1;background-color:rgb(207 250 254/var(--tw-bg-opacity,1))}.hover\:bg-cyan-600:hover{--tw-bg-opacity:1;background-color:rgb(8 145 178/var(--tw-bg-opacity,1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-fuchsia-600:hover{--tw-bg-opacity:1;background-color:rgb(192 38 211/var(--tw-bg-opacity,1))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-600:hover{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.hover\:bg-lime-600:hover{--tw-bg-opacity:1;background-color:rgb(101 163 13/var(--tw-bg-opacity,1))}.hover\:bg-pink-100:hover{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))}.hover\:bg-pink-50:hover{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.hover\:bg-pink-600:hover{--tw-bg-opacity:1;background-color:rgb(219 39 119/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-rose-600:hover{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity,1))}.hover\:bg-sky-600:hover{--tw-bg-opacity:1;background-color:rgb(2 132 199/var(--tw-bg-opacity,1))}.hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.hover\:bg-slate-200:hover{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.hover\:bg-slate-50:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.hover\:bg-slate-800:hover{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.hover\:bg-slate-900:hover{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.hover\:bg-teal-600:hover{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity,1))}.hover\:bg-violet-100:hover{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity,1))}.hover\:bg-violet-600:hover{--tw-bg-opacity:1;background-color:rgb(124 58 237/var(--tw-bg-opacity,1))}.hover\:text-cyan-900:hover{--tw-text-opacity:1;color:rgb(22 78 99/var(--tw-text-opacity,1))}.hover\:text-emerald-900:hover{--tw-text-opacity:1;color:rgb(6 78 59/var(--tw-text-opacity,1))}.hover\:text-pink-600:hover{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.hover\:text-pink-700:hover{--tw-text-opacity:1;color:rgb(190 24 93/var(--tw-text-opacity,1))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:text-rose-500:hover{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.hover\:text-rose-600:hover{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity,1))}.hover\:text-slate-600:hover{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.hover\:text-slate-800:hover{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.hover\:text-teal-700:hover{--tw-text-opacity:1;color:rgb(15 118 110/var(--tw-text-opacity,1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-amber-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(252 211 77/var(--tw-ring-opacity,1))}.focus\:ring-blue-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity,1))}.focus\:ring-emerald-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(110 231 183/var(--tw-ring-opacity,1))}.focus\:ring-pink-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 168 212/var(--tw-ring-opacity,1))}.focus\:ring-rose-300:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(253 164 175/var(--tw-ring-opacity,1))}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:gap-5{gap:1.25rem}.sm\:p-8{padding:2rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Native date/select controls overflow on iOS if not boxed */
input,select,textarea{max-width:100%;min-width:0;box-sizing:border-box}
input[type=date],input[type=datetime-local],input[type=time],input[type=month],input[type=week]{
  display:block;width:100%;max-width:100%;min-width:0;
  -webkit-appearance:none;appearance:none;
}

.names-page{max-width:56rem;margin-left:auto;margin-right:auto}
.names-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.75rem;align-items:start}
.names-fav-col{border-left:1px solid #ffe4e6;padding-left:1.75rem}
.names-col-title{font-family:Quicksand,system-ui,sans-serif;font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#f43f5e;margin:0 0 .75rem}
.name-card{position:relative;text-align:left;padding:1rem 1rem .9rem;border-radius:1rem}
.name-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}
.name-fav-btn{flex:0 0 auto;width:2rem;height:2rem;border:0;border-radius:999px;background:#fff;color:#fda4af;font-size:1.15rem;line-height:1;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.name-fav-btn.is-on{color:#f43f5e}
@media(max-width:700px){
  .names-split{grid-template-columns:1fr}
  .names-fav-col{border-left:0;padding-left:0;border-top:1px solid #ffe4e6;padding-top:1.25rem}
}


@media(max-width:700px){}


.growth-page{max-width:64rem;margin-left:auto;margin-right:auto}
.growth-layout{display:grid;grid-template-columns:minmax(16rem,20rem) minmax(0,1fr);gap:1.75rem;align-items:start}
.growth-side-col{min-width:0}
.growth-charts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem}
@media(max-width:860px){
  .growth-layout{grid-template-columns:1fr}
  .growth-charts{grid-template-columns:1fr}
}

.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}
.cal-day{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.cal-day.is-today{border-color:#22d3ee;background:#ecfeff}
.cal-day.is-sel{border-color:#f472b6;background:#fdf2f8;box-shadow:0 0 0 2px rgba(244,114,182,.35)}



.cal-page{max-width:64rem;margin-left:auto;margin-right:auto}
.cal-layout{display:grid;grid-template-columns:minmax(16rem,22rem) minmax(0,1fr);gap:1.75rem;align-items:start}
.cal-side-col{min-width:0;border-left:1px solid #ede9fe;padding-left:1.5rem}
@media(max-width:860px){
  .cal-layout{grid-template-columns:1fr}
  .cal-side-col{border-left:0;padding-left:0;border-top:1px solid #ede9fe;padding-top:1.25rem}
}

.btn-delete-account{display:block;width:100%;background:#e11d48;color:#fff;border:0;cursor:pointer}
.btn-delete-account:hover{background:#be123c}

.privacy-banner{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:16px;background:rgba(15,23,42,.92);color:#fff}
.privacy-banner-inner{max-width:56rem;margin:0 auto;display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.privacy-banner p{margin:0;font-size:13px;line-height:1.5;color:#e2e8f0;flex:1;min-width:16rem}
.privacy-banner a{color:#f9a8d4;font-weight:600}
.privacy-actions{display:flex;gap:8px;flex-wrap:wrap}
.privacy-accept{background:#ec4899;color:#fff;border:0;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer}
.privacy-decline{background:transparent;color:#e2e8f0;border:1px solid #64748b;border-radius:999px;padding:8px 16px;font-weight:700;font-size:13px;cursor:pointer}

/* header-nav-stable + mobile */
.skip-to-content{
  position:absolute;left:.75rem;top:.75rem;z-index:200;
  padding:.55rem .9rem;border-radius:999px;
  background:#ec4899;color:#fff;font-weight:700;font-size:.82rem;
  transform:translateY(-150%);
}
.skip-to-content:focus{transform:none;outline:2px solid #be185d;outline-offset:2px}
noscript p{
  margin:0;padding:.75rem 1rem;background:#fff1f2;color:#9f1239;font-size:.9rem;text-align:center;
}
header{overflow:visible}
header .max-w-5xl{min-width:0;width:100%;box-sizing:border-box}
header .flex{min-width:0}
header img.w-8{
  width:32px !important;height:32px !important;max-width:none !important;flex-shrink:0
}
header .logo-mark img,
header img.logo-word{
  width:auto !important;
  height:36px !important;
  max-width:min(220px,52vw) !important;
  flex-shrink:1;
  object-fit:contain;
  border-radius:0 !important;
  box-shadow:none !important;
}
header .font-display{
  flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46vw
}
header [data-view="home"]{min-width:0;flex:1 1 auto}
header .flex.items-center.gap-2{flex:0 0 auto;flex-shrink:0}
#back-btn{display:none !important}
#auth-btn{
  min-width:4.6rem;
  justify-content:center;
  box-sizing:border-box
}
#auth-btn,#calendar-btn,#profile-btn,#layout-btn,#family-btn{flex-shrink:0}
#calendar-btn,#calendar-btn.hidden{display:inline-flex !important}
#layout-cols{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}
@media(min-width:700px){#layout-cols{grid-template-columns:1fr 1fr}}
#layout-cols>section{min-height:12rem}
@media(max-width:720px){
  header .logo-mark img,
  header img.logo-word{
    height:24px !important;
    max-width:min(118px,34vw) !important;
  }
  header .site-bar,
  header > div.max-w-5xl{
    flex-wrap:nowrap;
    gap:.5rem;
  }
  .home-lang{margin-right:.1rem}
  .home-lang-btn{width:1.7rem;height:1.7rem;font-size:.95rem}
}
@media(max-width:480px){
  header .max-w-5xl{padding-left:.75rem;padding-right:.75rem;gap:.5rem}
  header .font-display{font-size:1.05rem;max-width:38vw}
  header .logo-mark img,
  header img.logo-word{
    height:22px !important;
    max-width:min(104px,30vw) !important;
  }
  #back-btn{padding-left:.65rem;padding-right:.65rem;font-size:.75rem}
  #auth-btn{padding-left:.7rem;padding-right:.7rem;white-space:nowrap}
}
#profile-btn{display:none !important}
body.is-signed-in #profile-btn{display:inline-flex !important}
#profile-btn{
  font-size:0 !important;
  line-height:0 !important;
  color:transparent !important;
  width:2.25rem !important;
  height:2.25rem !important;
  padding:0 !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23db2777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
}
#profile-btn svg{display:block;margin:auto}

#custom-btn{display:none !important}
#auth-btn{display:none !important}
#auth-btn,body.is-signed-out #auth-btn{display:none !important}

.today-choice{display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.7rem .4rem;border:1px solid #fce7f3;border-radius:1rem;font-size:.8rem;font-weight:700;color:#64748b;cursor:pointer;background:#fff}
.today-choice:has(input:checked){border-color:#ec4899;background:#fdf2f8;color:#db2777}
.today-choice input{accent-color:#ec4899}
.today-card{cursor:pointer}
.today-card:hover{transform:translateY(-2px)}
.today-who{display:block;font-size:11px;font-weight:700;color:#0e7490;margin-bottom:2px}
.today-person{min-width:0}
.today-row{display:flex;justify-content:space-between;gap:.75rem;width:100%;text-align:left;padding:.45rem 0;border-top:1px solid #f1f5f9;font-size:.82rem}
.today-row-lab{color:#94a3b8;font-weight:600;flex:0 0 auto}
.today-row-val{color:#334155;font-weight:600;text-align:right}

body.tool-readonly .growth-form-col input,
body.tool-readonly .growth-form-col select,
body.tool-readonly .growth-form-col textarea,
body.tool-readonly .growth-form-col button,
body.tool-readonly [data-act="calcGrowth"],
body.tool-readonly [data-act="clearGrowthHistory"],
body.tool-readonly [data-act="removeGrowthPoint"]{
  pointer-events:none !important;
  opacity:.55;
}




.home-lang{
  position:relative;
  flex:0 0 auto;
  margin-right:.25rem;
  z-index:60;
}
.home-lang-btn{
  width:2rem;
  height:2rem;
  border:0;
  padding:0;
  border-radius:999px;
  background:#f7f1ea;
  border:1px solid #eadfd4;
  font-size:1.05rem;
  line-height:1;
  cursor:pointer;
}
.home-lang-menu{
  display:none;
  position:absolute;
  top:calc(100% + 6px);
  right:0;
  min-width:2.4rem;
  padding:4px;
  border-radius:12px;
  background:#fffdf9;
  border:1px solid #eadfd4;
  box-shadow:0 10px 24px rgba(80,55,45,.12);
}
.home-lang.is-open .home-lang-menu{display:flex;flex-direction:column;gap:2px}
.home-lang-menu button{
  width:2rem;
  height:2rem;
  border:0;
  padding:0;
  border-radius:8px;
  background:transparent;
  font-size:1.05rem;
  line-height:1;
  cursor:pointer;
}
.home-lang-menu button.is-on,
.home-lang-menu button:hover{background:#f4e7df}
.nav-cluster{
  display:flex;
  align-items:center;
  gap:2px;
  padding:3px;
  border-radius:999px;
  background:#f5f3ff;
  border:1px solid #ddd6fe;
  position:relative;
}
.nav-indicator{
  position:absolute;
  top:3px;
  left:0;
  width:2.15rem;
  height:2.15rem;
  border-radius:999px;
  background:#fff;
  box-shadow:0 2px 8px rgba(109,40,217,.16);
  pointer-events:none;
  z-index:0;
  opacity:0;
  transform:translateX(3px);
  transition:transform .38s cubic-bezier(.22,1,.36,1), opacity .2s ease;
}
.nav-cluster.nav-ready .nav-indicator{opacity:1}
.nav-cluster #home-btn,
.nav-cluster #calendar-btn,
.nav-cluster #layout-btn,
.nav-cluster #family-btn,
.nav-cluster #family-btn,
.nav-cluster #profile-btn{
  display:inline-flex !important;
  width:2.15rem !important;
  height:2.15rem !important;
  border-radius:999px !important;
  background:transparent !important;
  color:#7c3aed !important;
  box-shadow:none !important;
  position:relative;
  z-index:1;
  transition:color .28s ease, transform .28s ease;
}
body.is-signed-in #profile-btn{display:inline-flex !important}
.nav-cluster #home-btn:hover,
.nav-cluster #calendar-btn:hover,
.nav-cluster #layout-btn:hover,
.nav-cluster #family-btn:hover,
.nav-cluster #profile-btn:hover{
  color:#5b21b6 !important;
}
body[data-page="home"] #home-btn,
body[data-page="calendar"] #calendar-btn,
body[data-page="layout"] #layout-btn,
body[data-page="family"] #family-btn,
body[data-page="profile"] #profile-btn{
  color:#4c1d95 !important;
}

#auth-btn{display:none !important}
body.is-signed-out #auth-btn{display:none !important}

.profile-family-stack{display:flex;flex-direction:column;gap:.625rem}


/* =========================================================
   Bouboukies — soft clinic editorial theme (2026-09)
   Main pages get the new layout. Tools inherit this palette.
   ========================================================= */
:root{
  --bb-cream:#f6efe6;
  --bb-cream-2:#fbf6ef;
  --bb-paper:#fffdf9;
  --bb-rose:#c98980;
  --bb-rose-deep:#b56f66;
  --bb-rose-soft:#f3e4dc;
  --bb-sage:#6d7a68;
  --bb-sage-soft:#e7ece4;
  --bb-kids:#6e5b86;
  --bb-kids-soft:#efe8f4;
  --bb-kids-deep:#5a486e;
  --bb-ink:#3d3833;
  --bb-muted:#7a736c;
  --bb-line:#eadfd4;
  --bb-shadow:0 10px 30px -16px rgba(90,64,50,.18);
}

html,body.gradient-bg{
  background:var(--bb-cream-2) !important;
  color:var(--bb-ink);
}
.gradient-bg{
  background:
    radial-gradient(1200px 500px at 10% -10%, #f8ebe3 0%, transparent 55%),
    radial-gradient(900px 420px at 100% 0%, #eef1e8 0%, transparent 50%),
    var(--bb-cream-2) !important;
}

/* Wordmark: dusty rose instead of rainbow */
header .font-display.bg-gradient-to-r,
header .font-display.bg-clip-text{
  background-image:none !important;
  -webkit-background-clip:initial !important;
  background-clip:initial !important;
  color:var(--bb-rose) !important;
  -webkit-text-fill-color:var(--bb-rose);
}

header.sticky{
  background:rgba(255,253,249,.82) !important;
  border-bottom-color:var(--bb-line) !important;
  backdrop-filter:blur(16px);
}

header .logo-mark img.logo-word,
header img.logo-word{
  border-radius:0 !important;
  box-shadow:none !important;
}

/* Keep existing icon cluster, restyle to cream + rose */
.nav-cluster{
  background:#f4ece4 !important;
  border-color:var(--bb-line) !important;
}
.nav-indicator{
  background:#fff !important;
  box-shadow:0 2px 8px rgba(181,111,102,.16) !important;
}
.nav-cluster #home-btn,
.nav-cluster #calendar-btn,
.nav-cluster #layout-btn,
.nav-cluster #family-btn,
.nav-cluster #family-btn,
.nav-cluster #profile-btn{
  color:var(--bb-rose-deep) !important;
}
.nav-cluster #home-btn:hover,
.nav-cluster #calendar-btn:hover,
.nav-cluster #layout-btn:hover,
.nav-cluster #family-btn:hover,
.nav-cluster #profile-btn:hover{
  color:#8d534c !important;
}
body[data-page="home"] #home-btn,
body[data-page="calendar"] #calendar-btn,
body[data-page="layout"] #layout-btn,
body[data-page="family"] #family-btn,
body[data-page="profile"] #profile-btn{
  color:#7a4540 !important;
}
#profile-btn{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23b56f66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* Soften candy pinks / cyans / violets into rose + sage */
.bg-pink-500,.bg-rose-500,.bg-fuchsia-500,.bg-violet-500{background-color:var(--bb-rose) !important}
.hover\:bg-pink-600:hover,.hover\:bg-rose-600:hover,.hover\:bg-fuchsia-600:hover,.hover\:bg-violet-600:hover{background-color:var(--bb-rose-deep) !important}
.bg-pink-50,.bg-rose-50,.bg-fuchsia-50,.bg-violet-50{background-color:var(--bb-rose-soft) !important}
.bg-cyan-50,.bg-teal-50,.bg-emerald-50,.bg-lime-50,.bg-green-50{background-color:var(--bb-sage-soft) !important}
.bg-indigo-50,.bg-sky-50,.bg-blue-50{background-color:#eef2ee !important}
.bg-orange-50,.bg-amber-50,.bg-yellow-50{background-color:#f6eadc !important}

.text-pink-500,.text-pink-600,.text-rose-500,.text-rose-600,.text-fuchsia-500,.text-violet-500,.text-violet-600{
  color:var(--bb-rose-deep) !important;
}
.text-pink-800,.text-rose-700,.text-rose-800,.text-violet-700,.text-violet-800{color:#8d534c !important}
.text-cyan-600,.text-cyan-700,.text-teal-600,.text-emerald-600,.text-emerald-700,.text-lime-700{
  color:var(--bb-sage) !important;
}
.text-slate-800{color:var(--bb-ink) !important}
.text-slate-600,.text-slate-700{color:#5c564f !important}
.text-slate-500{color:var(--bb-muted) !important}

.border-pink-100,.border-pink-100\/60,.border-pink-100\/50,.border-rose-100\/60,.border-violet-100\/60{
  border-color:var(--bb-line) !important;
}

.accent-pink-500{accent-color:var(--bb-rose) !important}
.focus\:ring-pink-300:focus,.focus\:ring-rose-300:focus{--tw-ring-color:rgba(201,137,128,.45) !important}

.soft-shadow{box-shadow:var(--bb-shadow)}
.tool-card{
  background:var(--bb-paper) !important;
  border:1px solid #f0e6dc !important;
  box-shadow:0 8px 24px -18px rgba(90,64,50,.28);
}
.tool-card:hover{
  transform:translateY(-4px);
  box-shadow:0 22px 40px -18px rgba(181,111,102,.28);
  border-color:#e4d0c6 !important;
}

.privacy-accept{background:var(--bb-rose) !important}
.privacy-banner a{color:#f3d2c8 !important}

.cal-day.is-today{border-color:#9aaa93 !important;background:var(--bb-sage-soft) !important}
.cal-day.is-sel{border-color:var(--bb-rose) !important;background:#f8ece6 !important;box-shadow:0 0 0 2px rgba(201,137,128,.28) !important}

.today-choice{border-color:var(--bb-line) !important}
.today-choice:has(input:checked){border-color:var(--bb-rose) !important;background:#f8ece6 !important;color:var(--bb-rose-deep) !important}
.today-choice input{accent-color:var(--bb-rose)}

.names-col-title{color:var(--bb-rose-deep) !important}
.names-fav-col{border-left-color:var(--bb-line) !important}
.name-fav-btn{color:#d4a49c}
.name-fav-btn.is-on{color:var(--bb-rose-deep)}

/* ---------- Homepage editorial layout ---------- */
.home-hero{
  max-width:72rem;
  margin:0 auto;
  padding:1.25rem 1.25rem 0;
}
.home-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:1.5rem;
  align-items:stretch;
  min-height:28rem;
}
.home-hero-photo{
  position:relative;
  border-radius:0 0 1.5rem 0;
  overflow:hidden;
  min-height:22rem;
  background:#efe4d8;
}
.home-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
  display:block;
}
.home-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.5rem 1.5rem 2.5rem .5rem;
}
.home-kicker{
  display:inline-flex;
  align-self:flex-start;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bb-rose-deep);
  background:#f4e7df;
  border-radius:999px;
  padding:.4rem .85rem;
  margin-bottom:1.15rem;
}
.home-hero-copy h1{
  font-family:Quicksand,system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(2.15rem,4.6vw,3.35rem);
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 1rem;
}
.home-hero-copy h1 .line-rose{color:var(--bb-rose);display:block}
.home-hero-copy h1 .line-sage{color:var(--bb-sage);display:block}
.home-rule{
  width:3rem;
  height:2px;
  background:var(--bb-rose);
  border-radius:99px;
  margin:0 0 1.1rem;
}
.home-hero-copy p.lead{
  color:var(--bb-muted);
  font-size:1.05rem;
  line-height:1.65;
  max-width:28rem;
  margin:0 0 1.5rem;
}
.home-explore{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid #e2cfc6;
  background:#fff;
  color:#6b534c;
  font-size:.88rem;
  font-weight:600;
  padding:.55rem 1.05rem;
  border-radius:999px;
  transition:background .2s ease, transform .2s ease;
}
.home-explore:hover{background:#f8ece6}
.home-explore svg{width:14px;height:14px}

.home-featured{
  max-width:72rem;
  margin:-3.25rem auto 0;
  padding:0 1.25rem;
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}
.feat-card{
  background:var(--bb-paper);
  border:1px solid #efe4d8;
  border-radius:1.35rem;
  padding:1.35rem 1.35rem 1.2rem;
  box-shadow:0 18px 40px -24px rgba(90,64,50,.35);
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease;
  min-height:11.5rem;
  display:flex;
  flex-direction:column;
}
.feat-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px -20px rgba(181,111,102,.3)}
.feat-ico{
  width:2.4rem;height:2.4rem;border-radius:999px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:.85rem;
  background:#f4e7df;
  color:var(--bb-rose-deep);
}
.feat-ico.sage{background:var(--bb-sage-soft);color:var(--bb-sage)}
.feat-card h3{
  font-family:Quicksand,system-ui,sans-serif;
  font-weight:700;
  font-size:1.2rem;
  color:var(--bb-rose);
  margin:0 0 .55rem;
}
.feat-card p{color:var(--bb-muted);font-size:.92rem;line-height:1.5;margin:0 0 auto;flex:1}
.feat-card .open{
  margin-top:1rem;
  color:var(--bb-rose);
  font-size:.88rem;
  font-weight:600;
}

.home-catalog{max-width:72rem;margin:0 auto;padding:2.75rem 1.25rem 2rem}
.sec-head{
  display:flex;align-items:center;gap:.85rem;margin:0 0 1.1rem;
}
.sec-head h2{
  font-family:Quicksand,system-ui,sans-serif;
  font-weight:700;
  font-size:1.05rem;
  color:var(--bb-rose-deep);
  white-space:nowrap;
}
.sec-head.sage h2{color:var(--bb-sage)}
.sec-head .line{height:1px;flex:1;background:linear-gradient(to right, #e6d5c9, transparent)}
.sec-head button,
.sec-head a{
  font-size:.72rem !important;
  font-weight:700 !important;
  color:var(--bb-rose-deep) !important;
  background:#f4e7df !important;
  border-radius:999px !important;
  padding:.4rem .75rem !important;
  text-decoration:none !important;
}
.sec-head.sage button{
  color:var(--bb-sage) !important;
  background:var(--bb-sage-soft) !important;
}

.tool-card h3{color:var(--bb-rose-deep);font-family:Quicksand,system-ui,sans-serif}
.tool-card .open-tool{
  display:inline-block;
  margin-top:.85rem;
  color:var(--bb-rose);
  font-size:.82rem;
  font-weight:600;
}

.home-qotd-wrap{
  max-width:44rem;
  margin:0 auto 2.5rem;
  padding:0 1.5rem;
  text-align:center;
}
.home-qotd-wrap .q-label{
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bb-sage);
  font-weight:700;
  margin-bottom:.65rem;
  display:flex;align-items:center;justify-content:center;gap:.65rem;
}
.home-qotd-wrap .q-label:before,
.home-qotd-wrap .q-label:after{
  content:"";
  width:2.2rem;height:1px;background:#cfd6c8;
}
#home-qotd-text{
  font-family:Quicksand,system-ui,sans-serif;
  font-style:italic;
  color:#5f5a54;
  font-size:1.05rem;
  line-height:1.7;
}

#main-footer{
  border-top-color:var(--bb-line) !important;
  background:transparent;
}
#main-footer .bg-white\/80{
  background:#fffdf9 !important;
  border-color:var(--bb-line) !important;
}

/* Category pages */
body[data-page="pregnancy-all"] .font-display.text-pink-600,
body[data-page="baby-all"] .font-display,
body[data-page="kids-all"] .font-display{
  color:var(--bb-rose-deep) !important;
}

@media(max-width:860px){
  .home-hero-grid{grid-template-columns:1fr;min-height:0}
  .home-hero-photo{min-height:18rem;border-radius:1.15rem;margin:0 .15rem}
  .home-hero-copy{padding:1.4rem .35rem 1.6rem}
  .home-featured{grid-template-columns:1fr;margin-top:1rem}
}

/* Slightly quieter primary buttons on tools */
.btn-primary.bg-pink-500{background:var(--bb-rose) !important}
.btn-primary.bg-pink-500:hover{background:var(--bb-rose-deep) !important}


/* Homepage: quote above tools, Today as hero alert */
.home-qotd-top{
  max-width:46rem;
  margin:2.1rem auto 0.35rem;
  padding:0 1.5rem 0.25rem;
}
.home-featured{margin-top:1.35rem}
@media(max-width:860px){
  .home-featured{margin-top:1rem}
  .home-qotd-top{margin-top:1.4rem}
}

.home-today-alert{
  width:100%;
  max-width:28rem;
  margin:0 0 1.15rem;
}
.home-today-alert.hidden{display:none}
.home-today-cards{
  display:flex;
  flex-direction:column;
  gap:.65rem;
}
.home-today-alert .today-person{
  background:#fffaf5 !important;
  border:1px solid #ead7cc !important;
  border-radius:1.05rem !important;
  padding:.85rem 1rem !important;
  box-shadow:0 8px 22px -16px rgba(90,64,50,.28);
  text-align:left;
}
.today-alert-label{
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:#6d7a68;
  margin:0 0 .45rem;
}
.home-today-alert .today-person > p.font-display{
  font-size:.95rem !important;
  color:#8d534c !important;
}
.home-today-alert .today-row{
  padding:.32rem 0 !important;
  font-size:.78rem !important;
  border-top-color:#f0e4db !important;
}
.home-today-alert .today-who{color:#6d7a68 !important}


/* Hero photo fade into page + explore scroll target */
html{scroll-behavior:smooth}
#home-default,#home-catalog{scroll-margin-top:5.5rem}

.home-hero{
  max-width:none;
  padding:0;
}
.home-hero-grid{
  max-width:72rem;
  margin:0 auto;
  padding:0 0 0 0;
  gap:0;
  min-height:30rem;
}
.home-hero-photo{
  border-radius:0 !important;
  min-height:30rem;
  background:transparent;
  overflow:hidden;
  position:relative;
}
.home-hero-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 18%;
  display:block;
}
.home-hero-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(251,246,239,0) 0%,
      rgba(251,246,239,0) 42%,
      rgba(251,246,239,.28) 62%,
      rgba(251,246,239,.72) 82%,
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,0) 14%,
      rgba(251,246,239,0) 86%,
      var(--bb-cream-2) 100%);
}
.home-hero-copy{
  padding:2.6rem 1.5rem 2.2rem 1.1rem;
  position:relative;
  z-index:1;
}
.home-explore{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid #e2cfc6;
  background:#fff;
  color:#6b534c;
  font-size:.88rem;
  font-weight:600;
  padding:.55rem 1.05rem;
  border-radius:999px;
  transition:background .2s ease;
  margin-top:.15rem;
}
.home-explore:hover{background:#f8ece6}
.today-alert-label{display:none !important}

@media(max-width:860px){
  .home-hero-photo{min-height:20rem;border-radius:0 !important;margin:0}
  .home-hero-photo::after{
    background:
      linear-gradient(180deg,
        rgba(251,246,239,0) 0%,
        rgba(251,246,239,0) 58%,
        rgba(251,246,239,.55) 82%,
        var(--bb-cream-2) 100%),
      linear-gradient(90deg,
        var(--bb-cream-2) 0%,
        rgba(251,246,239,0) 12%,
        rgba(251,246,239,0) 88%,
        var(--bb-cream-2) 100%);
  }
  .home-hero-copy{padding:1.1rem 1.15rem 1.4rem}
}


/* v11: shorter hero, fade both sides, visible quote */
.home-hero-grid{min-height:20rem}
.home-hero-photo{
  min-height:20rem !important;
  max-height:22rem;
  height:22rem;
}
.home-hero-photo img{object-position:center 22%}
.home-hero-photo::after{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.82) 7%,
      rgba(251,246,239,.15) 18%,
      rgba(251,246,239,0) 28%,
      rgba(251,246,239,0) 52%,
      rgba(251,246,239,.28) 68%,
      rgba(251,246,239,.78) 86%,
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,0) 12%,
      rgba(251,246,239,0) 88%,
      var(--bb-cream-2) 100%) !important;
}
.home-qotd-wrap,.home-qotd-top{
  display:block !important;
  position:relative;
  z-index:3;
  margin-top:1.6rem !important;
  margin-bottom:.4rem !important;
}
#home-qotd-text{
  display:block !important;
  min-height:1.5em;
  color:#5a534c !important;
  font-size:1.08rem !important;
}
@media(max-width:860px){
  .home-hero-photo,.home-hero-grid{min-height:16rem !important;height:16rem;max-height:16rem}
  .home-hero-photo::after{
    background:
      linear-gradient(90deg,
        var(--bb-cream-2) 0%,
        rgba(251,246,239,.5) 10%,
        rgba(251,246,239,0) 22%,
        rgba(251,246,239,0) 78%,
        rgba(251,246,239,.5) 90%,
        var(--bb-cream-2) 100%),
      linear-gradient(180deg,
        rgba(251,246,239,0) 0%,
        rgba(251,246,239,0) 62%,
        rgba(251,246,239,.7) 86%,
        var(--bb-cream-2) 100%) !important;
  }
}


/* v12: hero photo height follows copy, ending at Explore tools */
.home-hero-grid{
  min-height:0 !important;
  height:auto !important;
  max-height:none !important;
  align-items:stretch;
}
.home-hero-photo{
  position:relative !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  align-self:stretch;
}
.home-hero-photo img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 20%;
}
.home-hero-copy{
  padding-bottom:1.35rem !important;
}
@media(max-width:860px){
  .home-hero-photo{
    min-height:14rem !important;
    height:14rem !important;
  }
}


/* ===== Hero layout variants used by index1 / index2 / index3 ===== */
.hero-full{
  position:relative;
  max-width:none;
  padding:0;
  min-height:28rem;
  overflow:hidden;
}
.hero-full-media{
  position:absolute;inset:0;
}
.hero-full-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 30%;
  display:block;
}
.hero-full-shade{
  position:absolute;inset:0;
  background:linear-gradient(90deg,
    rgba(246,239,230,.18) 0%,
    rgba(246,239,230,.42) 38%,
    rgba(251,246,239,.88) 68%,
    var(--bb-cream-2) 100%);
}
.hero-full-inner{
  position:relative;
  z-index:2;
  max-width:72rem;
  margin:0 auto;
  min-height:28rem;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:2.2rem 1.4rem;
}
.hero-on-photo{max-width:28rem;padding:0}

.hero-stack{max-width:none;padding:0}
.hero-stack-photo{
  width:100%;
  height:16.5rem;
  overflow:hidden;
  position:relative;
}
.hero-stack-photo img{
  width:100%;height:100%;object-fit:cover;object-position:center 18%;display:block;
}
.hero-stack-photo::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,
    var(--bb-cream-2) 0%,
    rgba(251,246,239,0) 16%,
    rgba(251,246,239,0) 72%,
    var(--bb-cream-2) 100%);
}
.hero-stack-copy{
  max-width:40rem;
  margin:-1.5rem auto 0;
  padding:0 1.25rem 1.4rem;
  text-align:left;
  position:relative;z-index:2;
}

.hero-card{
  position:relative;
  max-width:none;
  padding:0;
  min-height:30rem;
}
.hero-card-media{position:absolute;inset:0}
.hero-card-media img{
  width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block;
}
.hero-card-wrap{
  position:relative;z-index:2;
  max-width:72rem;margin:0 auto;
  min-height:30rem;
  display:flex;align-items:flex-end;
  padding:2rem 1.25rem;
}
.hero-card-panel{
  width:min(30rem,100%);
  background:rgba(255,253,249,.92);
  backdrop-filter:blur(10px);
  border:1px solid #eadfd4;
  border-radius:1.4rem;
  padding:1.6rem 1.5rem 1.4rem;
  box-shadow:0 18px 40px -22px rgba(90,64,50,.35);
}

@media(max-width:860px){
  .hero-full,.hero-full-inner{min-height:22rem}
  .hero-full-shade{
    background:linear-gradient(180deg,
      rgba(251,246,239,.1) 0%,
      rgba(251,246,239,.55) 55%,
      var(--bb-cream-2) 100%);
  }
  .hero-full-inner{align-items:flex-end;justify-content:flex-start}
  .hero-stack-photo{height:13rem}
  .hero-card,.hero-card-wrap{min-height:24rem}
}


/* ===== Integrated scene heroes (ManyChat-style) ===== */
.scene{
  max-width:72rem;
  margin:1rem auto 0;
  padding:0 1rem;
}
.scene-frame{
  position:relative;
  overflow:hidden;
  border-radius:1.75rem;
  min-height:34rem;
  background:#efe4d8;
  isolation:isolate;
}
.scene-photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.scene-wash{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.scene-copy{
  position:relative;
  z-index:3;
  max-width:28rem;
  padding:2.4rem 2rem 7.5rem;
}
.scene-copy h1{
  font-family:Quicksand,system-ui,sans-serif;
  font-weight:700;
  font-size:clamp(2.1rem,4.4vw,3.2rem);
  line-height:1.12;
  letter-spacing:-.02em;
  margin:0 0 1rem;
}
.scene-copy .lead{
  color:#5c564f;
  font-size:1.02rem;
  line-height:1.6;
  margin:0 0 1.2rem;
  max-width:24rem;
}
.scene .scene-today{
  position:absolute;
  z-index:4;
  width:min(22rem, calc(100% - 2.4rem));
  margin:0;
  max-width:22rem;
}
.scene .scene-today .today-person{
  background:rgba(255,253,249,.86) !important;
  backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:0 16px 36px -20px rgba(60,40,30,.35);
}

/* A: family photo right, copy left, today bottom-left — cream wash from left + bottom blend */
.scene-a .scene-photo{object-position:78% 30%}
.scene-a .scene-wash{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.92) 28%,
      rgba(251,246,239,.35) 52%,
      rgba(251,246,239,0) 72%),
    linear-gradient(180deg,
      rgba(251,246,239,.2) 0%,
      rgba(251,246,239,0) 22%,
      rgba(251,246,239,0) 62%,
      rgba(251,246,239,.72) 88%,
      var(--bb-cream-2) 100%);
}
.scene-a .scene-today{left:1.4rem;bottom:1.3rem}

/* B: mother+child fills frame, copy top-left, today bottom-right */
.scene-b .scene-photo{object-position:28% 18%}
.scene-b .scene-wash{
  background:
    linear-gradient(105deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.88) 26%,
      rgba(251,246,239,.2) 48%,
      rgba(251,246,239,0) 64%),
    linear-gradient(180deg,
      rgba(251,246,239,.15) 0%,
      rgba(251,246,239,0) 18%,
      rgba(251,246,239,0) 58%,
      rgba(251,246,239,.65) 86%,
      var(--bb-cream-2) 100%);
}
.scene-b .scene-today{right:1.4rem;left:auto;bottom:1.3rem}

/* C: deeper overlay, copy + today stacked as one column on the photo */
.scene-c .scene-photo{object-position:62% 28%}
.scene-c .scene-frame{min-height:36rem}
.scene-c .scene-wash{
  background:
    linear-gradient(90deg,
      rgba(246,239,230,.96) 0%,
      rgba(246,239,230,.78) 34%,
      rgba(246,239,230,.18) 58%,
      rgba(246,239,230,0) 78%),
    linear-gradient(180deg,
      rgba(251,246,239,.1) 0%,
      rgba(251,246,239,0) 30%,
      rgba(251,246,239,.55) 82%,
      var(--bb-cream-2) 100%);
}
.scene-c .scene-copy{padding-bottom:2rem}
.scene-c .scene-today{
  position:relative;
  left:auto;right:auto;bottom:auto;
  margin:0 0 1.6rem 2rem;
  z-index:3;
}

@media(max-width:860px){
  .scene{margin-top:.6rem;padding:0 .75rem}
  .scene-frame{min-height:28rem;border-radius:1.25rem}
  .scene-copy{padding:1.4rem 1.2rem 8.5rem;max-width:100%}
  .scene-a .scene-today,.scene-b .scene-today{
    left:1rem;right:1rem;width:auto;max-width:none;bottom:1rem;
  }
  .scene-c .scene-today{margin:0 1.2rem 1.2rem}
  .scene-a .scene-photo{object-position:70% 20%}
  .scene-b .scene-photo{object-position:40% 12%}
}


/* v15: flush hero to nav, more gap before quote */
.scene{
  margin-top:0 !important;
  padding:0 !important;
  max-width:none !important;
}
.scene-frame{
  border-radius:0 0 1.75rem 1.75rem !important;
  max-width:none;
}
.scene-a .scene-photo{object-position:82% 18% !important}
body[data-page="home"] header.sticky{
  border-bottom-color:transparent !important;
}
.home-qotd-wrap.home-qotd-top,
.home-qotd-top{
  margin-top:3.25rem !important;
  margin-bottom:1.25rem !important;
  padding-top:.75rem !important;
}
@media(max-width:860px){
  .scene{margin-top:0 !important;padding:0 !important}
  .scene-frame{border-radius:0 0 1.2rem 1.2rem !important}
  .home-qotd-top{margin-top:2.4rem !important}
}


/* v16: hero title + today align with tools column */
.scene-col{
  position:relative;
  z-index:3;
  max-width:72rem;
  margin:0 auto;
  padding:2.2rem 1.25rem 1.5rem;
  min-height:34rem;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
.scene-col .scene-copy{
  padding:0 0 1.1rem !important;
  max-width:28rem;
}
.scene-a .scene-today,
.scene .scene-today{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  margin-top:auto;
  margin-left:0 !important;
  width:min(22rem,100%) !important;
  max-width:22rem;
}
@media(max-width:860px){
  .scene-col{min-height:28rem;padding:1.3rem 1.25rem 1.2rem}
}


/* v17: hero width matches tools column; fade out on the right */
.scene{
  max-width:72rem !important;
  margin:0 auto !important;
  padding:0 1.25rem !important;
}
.scene-frame{
  border-radius:0 0 1.75rem 1.75rem !important;
}
.scene-col{
  max-width:none;
  padding-left:0 !important;
  padding-right:0 !important;
}
.scene-a .scene-wash{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.94) 24%,
      rgba(251,246,239,.4) 48%,
      rgba(251,246,239,.08) 66%,
      rgba(251,246,239,.35) 84%,
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      rgba(251,246,239,.12) 0%,
      rgba(251,246,239,0) 20%,
      rgba(251,246,239,0) 70%,
      rgba(251,246,239,.55) 90%,
      var(--bb-cream-2) 100%) !important;
}
@media(max-width:860px){
  .scene{padding:0 1.25rem !important}
  .scene-frame{border-radius:0 0 1.2rem 1.2rem !important}
}


/* v18: photo full-bleed; fade between tools edge and viewport on both sides */
.scene{
  max-width:none !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
}
.scene-frame{
  width:100%;
  border-radius:0 0 1.75rem 1.75rem !important;
}
.scene-col{
  max-width:72rem !important;
  margin:0 auto !important;
  padding:2.2rem 1.25rem 1.5rem !important;
  box-sizing:border-box;
}
.scene-a .scene-wash{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      var(--bb-cream-2) max(0px, calc(25vw - 17.4rem)),
      rgba(251,246,239,.88) max(8px, calc(50vw - 34.75rem)),
      rgba(251,246,239,.28) max(12px, calc(50vw - 10rem)),
      rgba(251,246,239,0) 58%,
      rgba(251,246,239,.12) max(12px, calc(50vw + 34.75rem)),
      var(--bb-cream-2) max(8px, calc(75vw + 17.4rem)),
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      rgba(251,246,239,.1) 0%,
      rgba(251,246,239,0) 18%,
      rgba(251,246,239,0) 72%,
      rgba(251,246,239,.45) 90%,
      var(--bb-cream-2) 100%) !important;
}
@media(max-width:860px){
  .scene-col{padding:1.3rem 1.25rem 1.2rem !important}
  .scene-a .scene-wash{
    background:
      linear-gradient(90deg,
        var(--bb-cream-2) 0%,
        rgba(251,246,239,.7) 10%,
        rgba(251,246,239,.15) 22%,
        rgba(251,246,239,0) 50%,
        rgba(251,246,239,.15) 78%,
        rgba(251,246,239,.7) 90%,
        var(--bb-cream-2) 100%),
      linear-gradient(180deg,
        rgba(251,246,239,0) 0%,
        rgba(251,246,239,0) 62%,
        var(--bb-cream-2) 100%) !important;
  }
}


/* v19: softer, longer hero fades */
.scene-a .scene-wash{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.97) max(0px, calc(18vw - 12rem)),
      rgba(251,246,239,.82) max(0px, calc(28vw - 8rem)),
      rgba(251,246,239,.48) max(8px, calc(42vw - 6rem)),
      rgba(251,246,239,.18) 52%,
      rgba(251,246,239,.08) 62%,
      rgba(251,246,239,.22) max(12px, calc(50vw + 28rem)),
      rgba(251,246,239,.55) max(8px, calc(62vw + 14rem)),
      rgba(251,246,239,.82) max(8px, calc(78vw + 8rem)),
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      rgba(251,246,239,.18) 0%,
      rgba(251,246,239,.04) 16%,
      rgba(251,246,239,0) 32%,
      rgba(251,246,239,.06) 68%,
      rgba(251,246,239,.28) 84%,
      rgba(251,246,239,.62) 94%,
      var(--bb-cream-2) 100%) !important;
}
@media(max-width:860px){
  .scene-a .scene-wash{
    background:
      linear-gradient(90deg,
        var(--bb-cream-2) 0%,
        rgba(251,246,239,.55) 14%,
        rgba(251,246,239,.12) 28%,
        rgba(251,246,239,0) 50%,
        rgba(251,246,239,.12) 72%,
        rgba(251,246,239,.55) 86%,
        var(--bb-cream-2) 100%),
      linear-gradient(180deg,
        rgba(251,246,239,.08) 0%,
        rgba(251,246,239,0) 30%,
        rgba(251,246,239,.2) 70%,
        var(--bb-cream-2) 100%) !important;
  }
}


/* v20: line icons, card action, quote in hero footer right */
.tool-ico{
  width:2.75rem;height:2.75rem;
  border-radius:0.9rem;
  display:flex;align-items:center;justify-content:center;
  background:#f6efe8;
  color:#8d534c;
  margin-bottom:0.95rem;
}
.tool-ico svg{width:20px;height:20px;display:block}
.tool-card{
  cursor:pointer;
  position:relative;
  transition:transform .18s ease, box-shadow .18s ease;
}
.tool-card:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 32px -20px rgba(90,64,50,.35);
}
.tool-card .open-tool{display:none !important}
.tool-card .tool-go{
  position:absolute;
  right:1.15rem;bottom:1.15rem;
  width:1.35rem;height:1.35rem;
  border-radius:999px;
  background:#f3e6de;
  color:#8d534c;
}
.tool-card .tool-go:before{
  content:"";
  position:absolute;inset:0;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238d534c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E") center/12px no-repeat;
}
.tool-card h3{padding-right:1.4rem}

.scene-bottom{
  margin-top:auto;
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
}
.scene-quote{
  max-width:22rem;
  text-align:right;
  margin:0 0 .15rem auto;
}
.scene-quote .q-label{
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  color:#6d7a68;
  margin-bottom:.35rem;
}
.scene-quote #home-qotd-text{
  font-family:Quicksand,system-ui,sans-serif;
  font-style:italic;
  color:#5a534c;
  font-size:1.02rem;
  line-height:1.55;
  margin:0;
}
.home-qotd-wrap.home-qotd-top{display:none}
@media(max-width:860px){
  .scene-bottom{flex-direction:column;align-items:stretch}
  .scene-quote{text-align:left;max-width:none;margin:0.4rem 0 0}
}


/* v21: header aligns with tools column; quote top-right with Today */
header > div.max-w-5xl,
header > .site-bar{
  max-width:72rem !important;
  width:100%;
  padding-left:1.25rem !important;
  padding-right:1.25rem !important;
  box-sizing:border-box;
}
.tool-card .open-tool{display:none !important}
.tool-card .tool-go{display:none !important}

.scene-bottom{
  margin-top:auto;
  width:100%;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1.5rem;
}
.scene-today{flex:0 1 22rem}
.scene-quote{
  flex:0 1 22rem;
  max-width:22rem;
  margin:0 0 0 auto;
  text-align:right;
  padding-top:0;
}
.scene-quote .q-label{
  font-size:.68rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  font-weight:700;
  color:#6d7a68;
  margin:0 0 .4rem;
}
.scene-quote #home-qotd-text{
  margin:0;
  font-family:Quicksand,system-ui,sans-serif;
  font-style:italic;
  color:#5a534c;
  font-size:1.02rem;
  line-height:1.55;
}
@media(max-width:860px){
  .scene-bottom{flex-direction:column;align-items:stretch}
  .scene-quote{text-align:right;max-width:none;margin-left:0;flex:none}
}


/* v22: child heading color + readable quote card aligned with Today title */
.sec-head.plum h2{color:#6e5b86 !important}
.sec-head.plum .line{background:linear-gradient(to right, #d9cde3, transparent)}
.sec-head.plum button{
  color:#6e5b86 !important;
  background:#efe8f4 !important;
}

.scene-bottom{align-items:flex-start !important}
.scene-quote{
  background:rgba(255,253,249,.9);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(255,255,255,.72);
  border-radius:1.05rem;
  box-shadow:0 16px 36px -20px rgba(60,40,30,.35);
  padding:.85rem 1rem .95rem;
  box-sizing:border-box;
}
.scene-quote .q-label{
  font-family:Quicksand,system-ui,sans-serif;
  font-size:.95rem !important;
  letter-spacing:0 !important;
  text-transform:none !important;
  font-weight:700 !important;
  color:#8d534c !important;
  margin:0 0 .35rem !important;
  line-height:1.3;
}
.scene-quote #home-qotd-text{
  color:#4f4842 !important;
  font-size:.95rem !important;
  line-height:1.55 !important;
}
.scene .scene-today .today-person,
.home-today-alert .today-person{
  padding:.85rem 1rem !important;
}
.home-today-alert .today-person > p.font-display{
  font-size:.95rem !important;
  line-height:1.3 !important;
  margin:0 !important;
}


/* v23: quote text only, light shadow, no card background */
.scene-quote{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.scene-quote .q-label,
.scene-quote #home-qotd-text{
  text-shadow:
    0 1px 1px rgba(255,253,249,.95),
    0 0 12px rgba(251,246,239,.9),
    0 0 22px rgba(251,246,239,.75);
}


/* v24: quote bottom-aligns with last Today card / hero */
.scene-bottom{
  margin-top:auto !important;
  align-items:flex-end !important;
}
.scene-quote{
  margin-bottom:0 !important;
  align-self:flex-end;
}


/* v25: quote last line with Sign in; stronger hero bottom fade */
.scene-bottom{
  align-items:stretch !important;
}
.scene-today,
.scene-quote{
  display:flex;
  flex-direction:column;
}
.scene-quote{
  justify-content:flex-start;
  padding-bottom:.85rem !important;
}
.scene-quote #home-qotd-text{
  margin-top:auto !important;
}
.scene-a .scene-wash{
  background:
    linear-gradient(90deg,
      var(--bb-cream-2) 0%,
      rgba(251,246,239,.97) max(0px, calc(18vw - 12rem)),
      rgba(251,246,239,.82) max(0px, calc(28vw - 8rem)),
      rgba(251,246,239,.48) max(8px, calc(42vw - 6rem)),
      rgba(251,246,239,.18) 52%,
      rgba(251,246,239,.08) 62%,
      rgba(251,246,239,.22) max(12px, calc(50vw + 28rem)),
      rgba(251,246,239,.55) max(8px, calc(62vw + 14rem)),
      rgba(251,246,239,.82) max(8px, calc(78vw + 8rem)),
      var(--bb-cream-2) 100%),
    linear-gradient(180deg,
      rgba(251,246,239,.12) 0%,
      rgba(251,246,239,0) 18%,
      rgba(251,246,239,0) 58%,
      rgba(251,246,239,.35) 78%,
      rgba(251,246,239,.7) 90%,
      var(--bb-cream-2) 100%) !important;
}


/* v26: custom Bouboukies tool icons, no emoji */
.tool-ico{
  width:2.75rem;
  height:2.75rem;
  border-radius:0.95rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f6efe8;
  color:#8d534c;
  margin-bottom:0.95rem;
  font-size:0 !important;
  line-height:0;
}
.tool-ico svg{width:20px;height:20px;display:block}
.tool-card .w-12.h-12.text-2xl{font-size:0;color:transparent}


/* v27: stage colors persist on overview pages; clearer icons */
.stage-preg .tool-ico,
body[data-page="pregnancy-all"] .tool-ico{
  background:var(--bb-rose-soft) !important;
  color:var(--bb-rose-deep) !important;
}
.stage-preg .tool-card h3,
body[data-page="pregnancy-all"] .tool-card h3{
  color:var(--bb-rose-deep) !important;
}
body[data-page="pregnancy-all"] h2.font-display{
  color:var(--bb-rose-deep) !important;
}

.stage-baby .tool-ico,
body[data-page="baby-all"] .tool-ico{
  background:var(--bb-sage-soft) !important;
  color:var(--bb-sage) !important;
}
.stage-baby .tool-card h3,
body[data-page="baby-all"] .tool-card h3{
  color:var(--bb-sage) !important;
}
body[data-page="baby-all"] h2.font-display{
  color:var(--bb-sage) !important;
}

.stage-kids .tool-ico,
body[data-page="kids-all"] .tool-ico{
  background:#efe8f4 !important;
  color:#6e5b86 !important;
}
.stage-kids .tool-card h3,
body[data-page="kids-all"] .tool-card h3{
  color:#6e5b86 !important;
}
body[data-page="kids-all"] h2.font-display{
  color:#6e5b86 !important;
}
.tool-ico svg{width:21px;height:21px}


/* v28: no kicker; unified headline color */
.home-kicker{display:none !important}
.scene-copy h1 .line-rose,
.scene-copy h1 .line-sage,
.home-hero-copy h1 .line-rose,
.home-hero-copy h1 .line-sage{
  color:#7c4a44 !important;
}
.scene-copy h1 .line-sage{
  color:#5d6a58 !important;
}


/* v29: mixed-size one-line headline */
.scene-copy h1{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.15em .4em;
  line-height:1.05;
}
.scene-copy h1 .line-rose{
  display:inline !important;
  font-size:.46em !important;
  font-weight:700;
  letter-spacing:.01em;
  color:#7c4a44 !important;
  line-height:1.2;
}
.scene-copy h1 .line-sage{
  display:inline !important;
  white-space:nowrap;
  font-size:1em !important;
  font-weight:700;
  color:#5d6a58 !important;
  line-height:1;
}


/* v30: tool page icons + button palette + coffee */
button.bg-emerald-500,button.bg-teal-500,button.bg-cyan-500,
button.bg-blue-500,button.bg-indigo-500,button.bg-sky-500,button.bg-lime-500,
button.hover\:bg-emerald-600:hover,button.hover\:bg-teal-600:hover{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
button.bg-orange-500,button.bg-amber-500,button.bg-red-500,
button.bg-fuchsia-500,button.bg-rose-500{
  background-color:var(--bb-rose) !important;
  color:#fff !important;
}
button.hover\:bg-orange-600:hover,button.hover\:bg-amber-600:hover,
button.hover\:bg-red-600:hover,button.hover\:bg-fuchsia-600:hover{
  background-color:var(--bb-rose-deep) !important;
}
a[href*="buymeacoffee"]{
  background:#e7ddd4 !important;
  color:#7c4a44 !important;
  box-shadow:none !important;
}
a[href*="buymeacoffee"]:hover{
  background:#d9cdc2 !important;
  color:#5e3833 !important;
}
.view .tool-ico{
  width:2.75rem;
  height:2.75rem;
  margin-bottom:0;
}


/* v31: headline two lines + quote-like shadow */
.scene-copy h1{
  display:block !important;
  flex-wrap:unset;
}
.scene-copy h1 .line-rose{
  display:block !important;
  font-size:.46em !important;
  margin-bottom:.12em;
  text-shadow:
    0 1px 1px rgba(255,253,249,.95),
    0 0 12px rgba(251,246,239,.9),
    0 0 22px rgba(251,246,239,.75);
}
.scene-copy h1 .line-sage{
  display:block !important;
  white-space:nowrap;
  font-size:1em !important;
  text-shadow:
    0 1px 1px rgba(255,253,249,.95),
    0 0 12px rgba(251,246,239,.9),
    0 0 22px rgba(251,246,239,.75);
}
@media(max-width:860px){
  .scene-copy h1 .line-rose{font-size:.5em !important}
  .scene-copy h1 .line-sage{white-space:nowrap;display:block !important}
}


/* v32: lighter headline shadow */
.scene-copy h1 .line-rose,
.scene-copy h1 .line-sage{
  text-shadow:
    0 1px 1px rgba(255,253,249,.7),
    0 0 8px rgba(251,246,239,.45) !important;
}


/* v33: password reveal + confirm field */
.pw-field{position:relative;margin-bottom:1rem}
.pw-field .pw-input{margin-bottom:0 !important;padding-right:2.8rem}
.pw-toggle{
  position:absolute;right:.7rem;top:50%;transform:translateY(-50%);
  background:transparent;border:0;padding:.2rem;color:#8d534c;cursor:pointer;line-height:0;
}
.pw-toggle.is-on{color:#5d6a58}
#auth-password-confirm-wrap .pw-field{margin-bottom:1rem}
#auth-notice.auth-notice,
#auth-modal #auth-message.auth-notice{
  display:block;
  font-size:.95rem;
  line-height:1.45;
  font-weight:650;
  text-align:center;
  padding:.85rem 1rem;
  border-radius:1rem;
  margin:0 0 1rem;
}
#auth-notice.auth-notice-err,
#auth-modal #auth-message.auth-notice-err{background:#fff1f2;color:#9f1239;border:1px solid #fecdd3}
#auth-notice.auth-notice-ok,
#auth-modal #auth-message.auth-notice-ok{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}
#auth-notice.auth-notice-info,
#auth-modal #auth-message.auth-notice-info{background:#fff7ed;color:#9a3412;border:1px solid #fed7aa}
#auth-notice.hidden{display:none}
#auth-modal #auth-notice:not(.hidden) ~ #auth-message,
#auth-modal #auth-notice:not(.hidden) ~ * #auth-message{display:none}


/* v34: center eye on password; space before stay-signed-in */
.pw-field{
  display:flex;
  align-items:center;
  position:relative;
  margin-bottom:.15rem;
}
#auth-password,
#auth-password-confirm,
.pw-field .pw-input{
  margin-bottom:0 !important;
  padding-right:2.8rem !important;
}
.pw-toggle{
  top:0 !important;
  bottom:0 !important;
  transform:none !important;
  height:auto;
  display:flex;
  align-items:center;
}
label:has(#auth-stay){
  margin-top:1.15rem !important;
  margin-bottom:1rem !important;
}


/* v35: stay-signed-in under password, not beside it */
.pw-field{display:block}
.pw-field .pw-toggle{position:absolute}
#auth-stay-lab,
.auth-stay-lab,
label:has(#auth-stay){
  display:flex !important;
  width:100%;
  margin-top:.85rem !important;
  margin-bottom:1rem !important;
  clear:both;
}


/* v36: home layout catalog */
.layout-tool{
  display:flex;flex-direction:column;align-items:flex-start;text-align:left;
  background:#fff;border:1px solid #eadfd6;border-radius:1.25rem;
  padding:1rem 1rem .9rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;
}
.layout-tool:hover{transform:translateY(-2px);box-shadow:0 12px 28px -18px rgba(90,64,50,.35)}
.layout-tool .tool-ico{margin-bottom:.65rem}
.layout-tool-title{font-family:Quicksand,system-ui,sans-serif;font-weight:700;font-size:.95rem;color:#8d534c}
.layout-tool-state{margin-top:.25rem;font-size:.72rem;color:#8a8178}
.layout-tool.is-on{border-color:#c9a99a;background:#fbf6f1}
.layout-tool.is-on .layout-tool-state{color:#6d7a68;font-weight:700}
.stage-baby .layout-tool-title{color:#6d7a68}
.stage-kids .layout-tool-title{color:#6e5b86}
.layout-sec{margin-bottom:.5rem}


/* v37: compact add-tool chips */
.layout-add-chip{
  border:1px solid #eadfd6;background:#fff;color:#5c564f;
  border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:600;cursor:pointer;
}
.layout-add-chip:hover{background:#f6efe8;color:#8d534c}


/* v38: section dividers, tool order, home alignment */
.layout-sec + .layout-sec{
  margin-top:2.4rem;
  padding-top:2.4rem;
  border-top:1px solid #e4d5ca;
}
.layout-ord{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}
.layout-ord button{
  font-size:.72rem;font-weight:700;color:#8d534c;
  background:#f6efe8;border-radius:999px;padding:.28rem .65rem;border:0;cursor:pointer;
}
#home-custom{
  max-width:none !important;
  margin:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
#home-custom .sec-head h2{color:var(--bb-rose-deep) !important}
#home-default .stage-preg,
#home-default .stage-baby,
#home-default .stage-kids{
  padding-left:0;
  padding-right:0;
}
#home-default .sec-head,
#home-custom .sec-head{margin-left:0;margin-right:0}
.home-catalog{padding-left:1.25rem;padding-right:1.25rem}


/* v39: arrow/cross order buttons */
.ord-btn{
  font-size:.95rem;line-height:1;font-weight:700;color:#8a8178;
  background:transparent;border:0;padding:.1rem .35rem;cursor:pointer;
}
.ord-btn:hover{color:#5c564f}
.ord-btn.ord-x{color:#c98980}
.ord-btn.ord-x:hover{color:#8d534c}
.layout-ord{align-items:center}


/* v40: due date palette */
#view-due-date .due-card{
  border-radius:1.15rem;padding:1.25rem 1.15rem;text-align:center;
  border:1px solid #eadfd6;background:#fbf6f1;
}
#view-due-date .due-card-sign{background:#f6efe8}
#view-due-date .due-card-moon{background:#eef2ee;border-color:#d9e0d4}
#view-due-date .due-kicker{
  font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#8d534c;margin-bottom:.45rem;
}
#view-due-date .due-title{font-family:Quicksand,system-ui,sans-serif;font-weight:700;font-size:1.35rem;color:#7c4a44}
#view-due-date .due-card-sign .due-title,
#view-due-date #preg-due-locked-zodiac{color:#8d534c}
#view-due-date .due-card-moon .due-title,
#view-due-date #preg-due-locked-moon{color:#5d6a58}
#view-due-date .due-sub{color:#5c564f;font-size:.9rem;line-height:1.5;margin-top:.55rem}
#view-due-date .due-meta{color:#8a8178;font-size:.75rem;margin-top:.3rem}
#view-due-date .text-violet-800,
#view-due-date .text-violet-700,
#view-due-date .text-violet-500{color:#8d534c !important}
#view-due-date .bg-violet-50{background:#f6efe8 !important}
#view-due-date .border-violet-100{border-color:#eadfd6 !important}


/* v41: tool intro copy */
.tool-intro{
  color:#6b645e;font-size:.88rem;line-height:1.55;
  margin:.15rem 0 1.35rem;max-width:40rem;
}


/* v42: family calendar grid */
#view-calendar .cal-page{max-width:72rem;width:100%;box-sizing:border-box}
#view-calendar .cal-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:1.25rem;
  width:100%;
}
#view-calendar .cal-form-col,
#view-calendar .cal-side-col{min-width:0;width:100%}
@media(min-width:861px){
  #view-calendar .cal-layout{
    grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);
    gap:1.75rem;
  }
}
#cal-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.cal-dow{
  text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:#8a8178;padding:.2rem 0 .45rem;
}
.cal-day{
  aspect-ratio:1 / 1;
  width:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  text-align:center;
  padding:.45rem .2rem .35rem;
  border:1px solid #eadfd6;
  border-radius:.85rem;
  background:#fff;
  color:#5c564f;
}
.cal-day.is-empty{border-color:transparent;background:transparent;pointer-events:none}
.cal-num{font-size:.95rem;font-weight:700;line-height:1;display:block}
.cal-dots{display:flex;gap:3px;margin-top:auto;padding-bottom:.15rem}
.cal-dot{width:6px;height:6px;border-radius:50%;background:#c9a99a;display:inline-block}
.cal-dot.health{background:#8d534c}
.cal-dot.more{background:#c4b8ae}
@media(min-width:900px){
  .cal-num{font-size:1.05rem}
  #cal-grid{gap:8px}
}

html.cal-guest #cal-app{display:none !important}
html.cal-guest #view-calendar .cal-layout{display:none !important}


/* v44: no-flash guest gate */
html.bb-guest-gate .js-auth-app{display:none !important}
html.bb-authed .js-auth-preview{display:none !important}
html.bb-guest-gate #cal-app,
html.bb-guest-gate .cal-layout{display:none !important}


/* v45: guest app hidden by default; lighter today panel */
.js-auth-app{display:none !important}
html.bb-authed .js-auth-app{display:block !important}
html.bb-authed .js-auth-preview{display:none !important}
.today-layout-panel{background:#fbf8f4 !important}
#view-layout #today-layout-editor .layout-tool{background:#fff}

#preg-convert-btn,
.preg-convert-btn{
  display:block;width:100%;border:0;cursor:pointer;
  background:#c4a494;color:#fff;font-weight:700;
  padding:.7rem 1rem;border-radius:.75rem;font-size:.875rem;
}
#preg-convert-btn:hover,
.preg-convert-btn:hover{background:#8d534c}

@media(max-width:860px){
  #view-calendar .cal-page{padding-left:1rem;padding-right:1rem}
  #view-calendar .cal-layout{grid-template-columns:1fr !important}
  #cal-grid{width:100%;gap:4px}
  .cal-day{border-radius:.65rem;padding:.28rem .05rem .2rem}
  .cal-num{font-size:.8rem}
  .cal-dow{font-size:.6rem;letter-spacing:.04em}
}

.tool-hint-link{
  display:inline;border:0;background:none;padding:0;margin:0;
  color:#8d534c;font-weight:700;font-size:inherit;cursor:pointer;text-decoration:underline;
  text-underline-offset:2px;
}

#due-layout.cal-layout,
#due-layout.due-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.75rem;
  align-items:start;
  width:100%;
}
#due-layout.cal-layout > div,
#due-layout.due-split > div{
  min-width:0;
  width:100%;
}
@media(max-width:860px){
  #due-layout.cal-layout,
  #due-layout.due-split{grid-template-columns:1fr}
}

#today-layout-editor .today-sel-list{display:flex;flex-direction:column;gap:.45rem}
#today-layout-editor .today-sel-row.layout-tool{
  flex-direction:row;align-items:center;gap:.55rem;
  padding:.35rem .55rem .35rem .45rem;
  border-radius:.85rem;
  transform:none;
}
#today-layout-editor .today-sel-row.layout-tool:hover{transform:none;box-shadow:none}
#today-layout-editor .today-sel-row .tool-ico{
  width:1.55rem;height:1.55rem;margin:0;flex:0 0 1.55rem;
  border-radius:.5rem;
}
#today-layout-editor .today-sel-row .tool-ico svg{width:16px;height:16px}
#today-layout-editor .today-sel-row .layout-tool-title{
  font-size:.82rem;line-height:1.2;flex:1;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#today-layout-editor .today-sel-row .layout-ord{
  margin:0;margin-left:auto;flex-wrap:nowrap;gap:0;flex:0 0 auto;
}
#today-layout-editor .today-sel-row .ord-btn{
  font-size:.78rem;padding:.05rem .18rem;line-height:1;min-width:1.1rem;
}

.family-cols,.profile-cols{
  display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start;
}
@media(max-width:860px){
  .family-cols,.profile-cols{grid-template-columns:1fr}
}

#home-custom .sec-head{position:relative}
.home-config-btn{
  flex:0 0 auto;margin-left:.15rem;cursor:pointer;border:0;
  font-size:.72rem !important;font-weight:700 !important;
  color:var(--bb-rose-deep) !important;background:#f4e7df !important;
  border-radius:999px !important;padding:.35rem .8rem !important;
}
.home-config-btn:hover{background:#ead9cd !important}
.js-auth-preview{padding-top:1.15rem !important}
@media(min-width:700px){
  .js-auth-preview{padding-top:2.25rem !important}
}

.page-ico{
  flex:0 0 2.75rem !important;
  width:2.75rem !important;
  height:2.75rem !important;
  min-width:2.75rem !important;
  min-height:2.75rem !important;
  max-width:2.75rem !important;
  box-sizing:border-box;
}
.page-ico svg{
  width:22px !important;
  height:22px !important;
  flex-shrink:0;
  display:block;
}

#view-profile select,
#prof-country,
#prof-language{
  -webkit-appearance:none;
  appearance:none;
  padding-right:2.6rem !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .85rem center;
  background-size:16px 16px;
}
#view-profile input[type=date]{
  padding-right:2.6rem !important;
}

#preg-due-locked.hidden,
#preg-due-locked[hidden]{display:none !important}
#due-layout:not(.due-split){display:block;max-width:28rem;margin-left:auto;margin-right:auto}
.due-family-link{
  display:inline;border:0;background:none;padding:0;margin:0;
  color:#8d534c;font-weight:700;cursor:pointer;
  text-decoration:underline;text-underline-offset:2px;
}

#contraction-close-btn.contr-close-btn.is-off,
#contraction-close-btn[disabled],
#kick-save-btn.is-off,
#kick-save-btn[disabled]{
  color:#c4b8b0 !important;
  opacity:.45 !important;
  pointer-events:none !important;
  cursor:not-allowed !important;
}

.name-card{
  background:var(--bb-rose-soft);
  border:1px solid var(--bb-line);
  color:var(--bb-ink);
}
.name-card-title{font-weight:700;font-size:1.125rem;line-height:1.25;color:var(--bb-rose-deep);}
.name-card-mean{font-size:.875rem;line-height:1.35;color:var(--bb-ink);margin-top:.25rem;}
.name-card-orig{font-size:.75rem;color:var(--bb-muted);margin-top:.35rem;font-weight:600;}
.fav-row{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:12px;background:var(--bb-rose-soft);border:1px solid var(--bb-line);}
.fav-num{width:1.25rem;flex:0 0 auto;font-size:.75rem;font-weight:700;color:var(--bb-rose-deep);}
.fav-name{flex:1;min-width:0;font-weight:700;color:var(--bb-ink);}
.fav-acts{display:flex;align-items:center;gap:2px;flex:0 0 auto;}
.fav-ord{border:0;background:transparent;color:var(--bb-muted);width:1.5rem;height:1.5rem;line-height:1;font-size:.95rem;cursor:pointer;padding:0;}
.fav-ord:hover{color:var(--bb-rose-deep);}
.fav-x{font-size:1.1rem;}

.fav-block{margin-bottom:.35rem;}
.fav-info-btn{font-family:Georgia,serif;font-weight:700;font-style:italic;border-radius:999px;border:1px solid var(--bb-line)!important;width:1.35rem;height:1.35rem;}
.fav-info{padding:.35rem .7rem .55rem 2rem;font-size:.8rem;color:var(--bb-ink);}
.fav-info-m{margin:0;}
.fav-info-o{margin:.15rem 0 0;color:var(--bb-muted);font-weight:600;}

#wbw-layout.cal-layout,#wbw-layout.due-split{
  display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start;width:100%;
}
#wbw-layout.cal-layout>div,#wbw-layout.due-split>div{min-width:0;width:100%;}
@media(max-width:860px){
  #wbw-layout.cal-layout,#wbw-layout.due-split{grid-template-columns:1fr}
}
#wbw-layout .wbw-card,.wbw-card{background:#fff;border:1px solid var(--bb-line);}
.wbw-kicker{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-rose-deep);}
.wbw-panel{border-radius:1rem;padding:1.15rem 1.2rem;border:1px solid var(--bb-line);}
.wbw-panel-size{background:var(--bb-rose-soft);}
.wbw-panel-tip{background:var(--bb-cream);}
.wbw-panel-mom{background:var(--bb-sage-soft);}
.wbw-panel-more{background:#fff;}
.wbw-size-chip{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:1rem;background:var(--bb-rose-soft);border:1px solid var(--bb-line);font-weight:700;color:var(--bb-ink);}
.wbw-note{font-size:.8rem;line-height:1.45;color:var(--bb-muted);}

.wbw-icon-wrap{display:flex;align-items:center;justify-content:center;height:3rem;margin:0 0 .35rem;line-height:1;}
.wbw-emoji{font-size:3rem;line-height:1;display:block;}
.wbw-lime{display:block;width:3rem;height:3rem;}
.wbw-preg-heading{font-family:Quicksand,system-ui,sans-serif;font-weight:700;font-size:1.35rem;color:#7c4a44;margin:0 0 .45rem;}

#weight-layout.due-split{
  display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start;width:100%;
}
#weight-layout.due-split>div{min-width:0;width:100%;}
@media(max-width:860px){
  #weight-layout.due-split{grid-template-columns:1fr}
}

.weight-chart{min-height:2rem;}
.weight-chart-svg{width:100%;height:auto;display:block;}
.weight-chart-lbl{font-size:8px;fill:#8a8178;}

/* aligned select arrows — same as profile country */
select{
  -webkit-appearance:none;
  appearance:none;
  padding-right:2.6rem !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8178' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right .85rem center;
  background-size:16px 16px;
}
select[multiple]{
  background-image:none;
  padding-right:1rem !important;
}

input[type=date],
input[type=datetime-local],
input[type=time],
input[type=month]{
  position:relative;
  padding-right:2.6rem !important;
}
input[type=date]::-webkit-calendar-picker-indicator,
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator,
input[type=month]::-webkit-calendar-picker-indicator{
  position:absolute;
  right:.85rem;
  width:16px;
  height:16px;
  cursor:pointer;
  opacity:.65;
}
#view-profile input[type=date]{
  padding-right:2.6rem !important;
}

.tri-x{
  flex:0 0 1.35rem;
  width:1.35rem;height:1.35rem;
  display:inline-flex;align-items:center;justify-content:center;
  border:0;background:transparent;
  color:#b9a9a1;font-size:1.15rem;line-height:1;
  cursor:pointer;border-radius:999px;padding:0;
}
.tri-x:hover{color:#c16b63;background:rgba(193,107,99,.08)}
.tri-x-spacer{flex:0 0 1.35rem;width:1.35rem}

#view-trimester-check button.seg-on,
#view-hospital-bag button.seg-on,
#view-trimester-check .btn-primary,
#view-hospital-bag .btn-primary{
  background-color:var(--bb-rose) !important;
  color:#fff !important;
}
#view-trimester-check button.seg-on:hover,
#view-hospital-bag button.seg-on:hover,
#view-trimester-check .btn-primary:hover,
#view-hospital-bag .btn-primary:hover{
  background-color:var(--bb-rose-deep) !important;
}
#view-trimester-check input[type=checkbox],
#view-hospital-bag input[type=checkbox]{
  accent-color:var(--bb-rose);
}
#view-trimester-check h2.font-display,
#view-hospital-bag h2.font-display{
  color:var(--bb-rose-deep);
}

#reg-layout.reg-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1.75rem;
  align-items:start;
  width:100%;
}
#reg-layout.reg-split > div{min-width:0;width:100%}
@media(max-width:860px){
  #reg-layout.reg-split{grid-template-columns:1fr}
}
#view-registry h2.font-display{color:var(--bb-rose-deep)}
#view-registry .btn-primary{
  background-color:var(--bb-rose) !important;
  color:#fff !important;
}
#view-registry .btn-primary:hover{background-color:var(--bb-rose-deep) !important}
#view-registry input[type=checkbox]{accent-color:var(--bb-rose)}
.reg-row-on{
  background:var(--bb-rose-soft) !important;
  box-shadow:inset 0 0 0 1px rgba(201,137,128,.35);
}
.reg-ord{
  width:1.35rem;height:1.35rem;
  border:0;background:transparent;
  color:var(--bb-rose-deep);
  font-size:.95rem;line-height:1;
  cursor:pointer;border-radius:999px;padding:0;
}
.reg-ord:hover{background:rgba(201,137,128,.12)}
.reg-ord-spacer{display:inline-block;width:1.35rem;height:1.35rem}
#view-registry #reg-detail-note{min-height:6.5rem}

#food-search-wrap{position:relative}
.food-suggest{
  position:absolute;left:0;right:0;top:calc(100% - 2px);z-index:30;
  background:#fff;border:1px solid #eadfd6;border-radius:1rem;
  box-shadow:0 10px 30px rgba(80,50,40,.08);max-height:16rem;overflow:auto;
  padding:.35rem;
}
.food-suggest-item{
  display:flex;justify-content:space-between;gap:.75rem;align-items:center;
  width:100%;text-align:left;border:0;background:transparent;
  padding:.55rem .75rem;border-radius:.75rem;cursor:pointer;font-size:.875rem;
  color:#3f2f2c;
}
.food-suggest-item em{font-style:normal;font-size:.7rem;color:#9a8178;text-transform:uppercase;letter-spacing:.04em}
.food-suggest-item:hover,.food-suggest-on{background:var(--bb-rose-soft)}

#feed-layout.feed-split,
#sleep-layout.feed-split,
#bf-layout.feed-split,
#mile-layout.feed-split,
#kids-mile-layout.feed-split,
#notes-layout.feed-split{
  display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;align-items:start;width:100%;
}
#feed-layout.feed-split > div,
#sleep-layout.feed-split > div,
#bf-layout.feed-split > div,
#mile-layout.feed-split > div,
#kids-mile-layout.feed-split > div,
#notes-layout.feed-split > div{min-width:0;width:100%}
@media(max-width:860px){
  #feed-layout.feed-split,
  #sleep-layout.feed-split,
  #bf-layout.feed-split,
  #mile-layout.feed-split,
  #kids-mile-layout.feed-split,
  #notes-layout.feed-split{grid-template-columns:1fr}
}
body[data-page="feeding-log"] .tool-ico,
body[data-page="sleep-log"] .tool-ico,
body[data-page="breastfeed"] .tool-ico,
body[data-page="cost"] .tool-ico{
  background:var(--bb-sage-soft) !important;
  color:var(--bb-sage) !important;
  margin-bottom:0;
}
body[data-page="feeding-log"] h2.font-display,
body[data-page="sleep-log"] h2.font-display,
body[data-page="breastfeed"] h2.font-display,
body[data-page="cost"] h2.font-display{
  color:var(--bb-sage) !important;
}
#view-feeding-log .btn-primary{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
#view-feeding-log .btn-primary:hover{filter:brightness(.95)}
.feed-day{margin-bottom:.55rem}
.feed-day-label{
  display:block;
  width:100%;
  box-sizing:border-box;
  font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  color:var(--bb-sage);
  background:var(--bb-sage-soft);
  border-radius:.65rem;
  padding:.35rem .75rem;
  margin:0 0 .2rem;
}
.feed-row{border-bottom:1px solid #efe6df;padding-left:.75rem;padding-right:.75rem}
.feed-row:last-child{border-bottom:0}

#view-sleep-log .btn-primary[data-arg="nap"]{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
#view-sleep-log .btn-primary[data-arg="night"]{
  background-color:#2f4a6e !important;
  color:#fff !important;
}
#view-sleep-log .btn-primary:hover{filter:brightness(.95)}

#view-breastfeed .btn-primary{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
#view-breastfeed .btn-primary:hover{filter:brightness(.95)}
#view-breastfeed .btn-primary.bf-off,
#view-breastfeed .btn-primary:disabled{
  background-color:#c5d0c0 !important;
  color:#f4f7f2 !important;
  opacity:1 !important;
  filter:none !important;
  cursor:not-allowed;
  box-shadow:none;
}

body[data-page="feeding-log"] [id$="-child-bar"],
body[data-page="sleep-log"] [id$="-child-bar"],
body[data-page="breastfeed"] [id$="-child-bar"],
body[data-page="vaccines"] [id$="-child-bar"]{
  background:var(--bb-sage-soft) !important;
  border-color:#c5d0c0 !important;
}
body[data-page="feeding-log"] [id$="-child-bar"] p,
body[data-page="sleep-log"] [id$="-child-bar"] p,
body[data-page="breastfeed"] [id$="-child-bar"] p,
body[data-page="vaccines"] [id$="-child-bar"] p p{
  color:var(--bb-sage) !important;
}

#view-vaccines .btn-primary{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
#view-vaccines .btn-primary:hover{filter:brightness(.95)}
#vac-form.vac-locked{
  opacity:.45;
  pointer-events:none;
  filter:grayscale(.15);
}


/* Shared tools follow the section they were opened from */
body[data-page="growth"] .tool-ico,
body[data-page="vaccines"] .tool-ico,
body[data-page="sick"] .tool-ico{
  background:var(--bb-rose-soft) !important;
  color:var(--bb-rose-deep) !important;
  margin-bottom:0;
}
body[data-page="growth"] h2.font-display,
body[data-page="vaccines"] h2.font-display,
body[data-page="sick"] h2.font-display{
  color:var(--bb-rose-deep) !important;
}
body[data-palette="baby"][data-page="growth"] .tool-ico,
body[data-palette="baby"][data-page="vaccines"] .tool-ico,
body[data-palette="baby"][data-page="sick"] .tool-ico{
  background:var(--bb-sage-soft) !important;
  color:var(--bb-sage) !important;
}
body[data-palette="baby"][data-page="growth"] h2.font-display,
body[data-palette="baby"][data-page="vaccines"] h2.font-display,
body[data-palette="baby"][data-page="sick"] h2.font-display{
  color:var(--bb-sage) !important;
}
body[data-palette="kids"][data-page="growth"] .tool-ico,
body[data-palette="kids"][data-page="vaccines"] .tool-ico,
body[data-palette="kids"][data-page="sick"] .tool-ico{
  background:var(--bb-kids-soft) !important;
  color:var(--bb-kids) !important;
}
body[data-palette="kids"][data-page="growth"] h2.font-display,
body[data-palette="kids"][data-page="vaccines"] h2.font-display,
body[data-palette="kids"][data-page="sick"] h2.font-display{
  color:var(--bb-kids) !important;
}
body[data-palette="baby"][data-page="growth"] .btn-primary,
body[data-palette="baby"][data-page="vaccines"] .btn-primary,
body[data-palette="baby"][data-page="sick"] .btn-primary,
body[data-palette="baby"] #view-vaccines .btn-primary{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
body[data-palette="kids"][data-page="growth"] .btn-primary,
body[data-palette="kids"][data-page="vaccines"] .btn-primary,
body[data-palette="kids"][data-page="sick"] .btn-primary,
body[data-palette="kids"] #view-vaccines .btn-primary{
  background-color:var(--bb-kids) !important;
  color:#fff !important;
}
body[data-palette="preg"][data-page="growth"] .btn-primary,
body[data-palette="preg"][data-page="vaccines"] .btn-primary,
body[data-palette="preg"][data-page="sick"] .btn-primary,
body[data-palette="preg"] #view-vaccines .btn-primary{
  background-color:var(--bb-rose) !important;
  color:#fff !important;
}
body[data-palette="baby"][data-page="growth"] [id$="-child-bar"],
body[data-palette="baby"][data-page="vaccines"] [id$="-child-bar"],
body[data-palette="baby"][data-page="sick"] [id$="-child-bar"]{
  background:var(--bb-sage-soft) !important;
  border-color:#c5d0c0 !important;
}
body[data-palette="baby"][data-page="growth"] [id$="-child-bar"] p,
body[data-palette="baby"][data-page="vaccines"] [id$="-child-bar"] p,
body[data-palette="baby"][data-page="sick"] [id$="-child-bar"] p{color:var(--bb-sage) !important}
body[data-palette="kids"][data-page="growth"] [id$="-child-bar"],
body[data-palette="kids"][data-page="vaccines"] [id$="-child-bar"],
body[data-palette="kids"][data-page="sick"] [id$="-child-bar"]{
  background:var(--bb-kids-soft) !important;
  border-color:#d9d0e4 !important;
}
body[data-palette="kids"][data-page="growth"] [id$="-child-bar"] p,
body[data-palette="kids"][data-page="vaccines"] [id$="-child-bar"] p,
body[data-palette="kids"][data-page="sick"] [id$="-child-bar"] p{color:var(--bb-kids) !important}
body[data-palette="preg"][data-page="growth"] [id$="-child-bar"],
body[data-palette="preg"][data-page="vaccines"] [id$="-child-bar"],
body[data-palette="preg"][data-page="sick"] [id$="-child-bar"]{
  background:var(--bb-rose-soft) !important;
  border-color:#ead4cc !important;
}
body[data-palette="preg"][data-page="growth"] [id$="-child-bar"] p,
body[data-palette="preg"][data-page="vaccines"] [id$="-child-bar"] p,
body[data-palette="preg"][data-page="sick"] [id$="-child-bar"] p{color:var(--bb-rose-deep) !important}

.growth-perc-card{background:var(--bb-rose-soft);color:var(--bb-rose-deep)}
.growth-perc-label,.growth-perc-value{color:var(--bb-rose-deep)}
body[data-palette="baby"] .growth-perc-card{background:var(--bb-sage-soft);color:var(--bb-sage)}
body[data-palette="baby"] .growth-perc-label,
body[data-palette="baby"] .growth-perc-value{color:var(--bb-sage)}
body[data-palette="kids"] .growth-perc-card{background:var(--bb-kids-soft);color:var(--bb-kids)}
body[data-palette="kids"] .growth-perc-label,
body[data-palette="kids"] .growth-perc-value{color:var(--bb-kids)}
body[data-palette="preg"] .growth-perc-card{background:var(--bb-rose-soft);color:var(--bb-rose-deep)}
body[data-palette="preg"] .growth-perc-label,
body[data-palette="preg"] .growth-perc-value{color:var(--bb-rose-deep)}

/* Pregnancy tools: action buttons always rose */
body[data-page="due-date"] .view .btn-primary,
body[data-page="contraction"] .view .btn-primary,
body[data-page="kick-counter"] .view .btn-primary,
body[data-page="week-by-week"] .view .btn-primary,
body[data-page="names"] .view .btn-primary,
body[data-page="weight"] .view .btn-primary,
body[data-page="symptoms"] .view .btn-primary,
body[data-page="trimester-check"] .view .btn-primary,
body[data-page="hospital-bag"] .view .btn-primary,
body[data-page="registry"] .view .btn-primary,
body[data-page="safe-food"] .view .btn-primary,
body[data-page="due-date"] .view button.bg-cyan-500,
body[data-page="contraction"] .view button.bg-cyan-500,
body[data-page="kick-counter"] .view button.bg-violet-500,
body[data-page="symptoms"] .view button.bg-red-500{
  background-color:var(--bb-rose) !important;
  color:#fff !important;
}
body[data-page="due-date"] .view .btn-primary:hover,
body[data-page="contraction"] .view .btn-primary:hover,
body[data-page="kick-counter"] .view .btn-primary:hover,
body[data-page="week-by-week"] .view .btn-primary:hover,
body[data-page="names"] .view .btn-primary:hover,
body[data-page="weight"] .view .btn-primary:hover,
body[data-page="symptoms"] .view .btn-primary:hover,
body[data-page="trimester-check"] .view .btn-primary:hover,
body[data-page="hospital-bag"] .view .btn-primary:hover,
body[data-page="registry"] .view .btn-primary:hover,
body[data-page="safe-food"] .view .btn-primary:hover{
  background-color:var(--bb-rose-deep) !important;
}

body[data-page="baby-age"] .tool-ico{
  background:var(--bb-sage-soft) !important;
  color:var(--bb-sage) !important;
  margin-bottom:0;
}
body[data-page="baby-age"] h2.font-display{color:var(--bb-sage) !important}
body[data-page="baby-age"] .btn-primary{
  background-color:var(--bb-sage) !important;
  color:#fff !important;
}
body[data-page="baby-age"] .btn-primary:hover{background-color:#5c6858 !important}
body[data-page="baby-age"] #mile-child-bar{
  background:var(--bb-sage-soft) !important;
  border-color:#c5d0c0 !important;
}
body[data-page="kids-milestones"] .tool-ico{
  background:var(--bb-kids-soft) !important;
  color:var(--bb-kids) !important;
  margin-bottom:0;
}
body[data-page="kids-milestones"] h2.font-display{color:var(--bb-kids) !important}
body[data-page="kids-milestones"] .btn-primary{
  background-color:var(--bb-kids) !important;
  color:#fff !important;
}
body[data-page="kids-milestones"] .btn-primary:hover{background-color:var(--bb-kids-deep) !important}
body[data-page="kids-milestones"] #mile-child-bar{
  background:var(--bb-kids-soft) !important;
  border-color:#d9d0e4 !important;
}
body[data-page="kids-milestones"] .mile-stage-hero{
  background:var(--bb-kids-soft);
  border:1px solid #d9d0e4;
}
body[data-page="kids-milestones"] .mile-stage-kicker,
body[data-page="kids-milestones"] .mile-stage-title{color:var(--bb-kids)}
body[data-page="kids-milestones"] .mile-band{
  background:var(--bb-kids-soft);
  color:var(--bb-kids);
}
body[data-page="kids-milestones"] .mile-band:hover{filter:brightness(.96)}
body[data-page="baby-age"] .mile-stage-hero{
  background:var(--bb-sage-soft);
  border:1px solid #c5d0c0;
}
body[data-page="baby-age"] .mile-stage-kicker,
body[data-page="baby-age"] .mile-stage-title{color:var(--bb-sage)}

body[data-page="baby-age"] .mile-hero,
body[data-page="baby-age"] .mile-stage-hero{
  background:var(--bb-sage-soft);
}
body[data-page="baby-age"] .mile-hero-num,
body[data-page="baby-age"] .mile-hero-sub,
body[data-page="baby-age"] .mile-kicker,
body[data-page="baby-age"] .mile-stage-kicker,
body[data-page="baby-age"] .mile-stage-title{
  color:var(--bb-sage);
}
body[data-page="baby-age"] .mile-card{background:var(--bb-sage-soft)}
body[data-page="kids-milestones"] .mile-hero,
body[data-page="kids-milestones"] .mile-stage-hero{
  background:var(--bb-kids-soft);
}
body[data-page="kids-milestones"] .mile-hero-num,
body[data-page="kids-milestones"] .mile-hero-sub,
body[data-page="kids-milestones"] .mile-kicker,
body[data-page="kids-milestones"] .mile-stage-kicker,
body[data-page="kids-milestones"] .mile-stage-title{
  color:var(--bb-kids);
}
body[data-page="kids-milestones"] .mile-card{background:var(--bb-kids-soft)}

body[data-page="baby-stages"] .tool-ico{margin-bottom:0}
body[data-page="baby-stages"][data-palette="baby"] .tool-ico{background:var(--bb-sage-soft)!important;color:var(--bb-sage)!important}
body[data-page="baby-stages"][data-palette="baby"] h2.font-display{color:var(--bb-sage)!important}
body[data-page="baby-stages"][data-palette="kids"] .tool-ico{background:var(--bb-kids-soft)!important;color:var(--bb-kids)!important}
body[data-page="baby-stages"][data-palette="kids"] h2.font-display{color:var(--bb-kids)!important}
body[data-page="baby-stages"][data-palette="preg"] .tool-ico{background:var(--bb-rose-soft)!important;color:var(--bb-rose-deep)!important}
body[data-page="baby-stages"][data-palette="preg"] h2.font-display{color:var(--bb-rose-deep)!important}
body[data-page="baby-stages"] .stg-tab-on{background:var(--bb-sage)!important;color:#fff!important}
body[data-page="baby-stages"][data-palette="kids"] .stg-tab-on{background:var(--bb-kids)!important}
body[data-page="baby-stages"][data-palette="preg"] .stg-tab-on{background:var(--bb-rose)!important}
body[data-page="baby-stages"] .stg-card{background:var(--bb-sage-soft)}
body[data-page="baby-stages"] .stg-title,
body[data-page="baby-stages"] .stg-kicker,
body[data-page="baby-stages"] .stg-accent{color:var(--bb-sage)}
body[data-page="baby-stages"][data-palette="kids"] .stg-card{background:var(--bb-kids-soft)}
body[data-page="baby-stages"][data-palette="kids"] .stg-title,
body[data-page="baby-stages"][data-palette="kids"] .stg-kicker,
body[data-page="baby-stages"][data-palette="kids"] .stg-accent{color:var(--bb-kids)}
body[data-page="baby-stages"][data-palette="preg"] .stg-card{background:var(--bb-rose-soft)}
body[data-page="baby-stages"][data-palette="preg"] .stg-title,
body[data-page="baby-stages"][data-palette="preg"] .stg-kicker,
body[data-page="baby-stages"][data-palette="preg"] .stg-accent{color:var(--bb-rose-deep)}

body[data-page="kids-notes"] .tool-ico{margin-bottom:0}
body[data-page="kids-notes"][data-palette="baby"] .tool-ico{background:var(--bb-sage-soft)!important;color:var(--bb-sage)!important}
body[data-page="kids-notes"][data-palette="baby"] h2.font-display{color:var(--bb-sage)!important}
body[data-page="kids-notes"][data-palette="baby"] .btn-primary{background-color:var(--bb-sage)!important;color:#fff!important}
body[data-page="kids-notes"][data-palette="kids"] .tool-ico{background:var(--bb-kids-soft)!important;color:var(--bb-kids)!important}
body[data-page="kids-notes"][data-palette="kids"] h2.font-display{color:var(--bb-kids)!important}
body[data-page="kids-notes"][data-palette="kids"] .btn-primary{background-color:var(--bb-kids)!important;color:#fff!important}
body[data-page="kids-notes"][data-palette="preg"] .tool-ico{background:var(--bb-rose-soft)!important;color:var(--bb-rose-deep)!important}
body[data-page="kids-notes"][data-palette="preg"] h2.font-display{color:var(--bb-rose-deep)!important}
body[data-page="kids-notes"][data-palette="preg"] .btn-primary{background-color:var(--bb-rose)!important;color:#fff!important}
body[data-page="kids-notes"][data-palette="baby"] [id$="-child-bar"]{background:var(--bb-sage-soft)!important;border-color:#c5d0c0!important}
body[data-page="kids-notes"][data-palette="kids"] [id$="-child-bar"]{background:var(--bb-kids-soft)!important;border-color:#d9d0e4!important}
body[data-page="kids-notes"][data-palette="preg"] [id$="-child-bar"]{background:var(--bb-rose-soft)!important;border-color:#ead9d4!important}
body[data-page="kids-notes"] .notes-list-title{color:var(--bb-rose-deep)}
body[data-page="kids-notes"][data-palette="baby"] .notes-list-title{color:var(--bb-sage)}
body[data-page="kids-notes"][data-palette="kids"] .notes-list-title{color:var(--bb-kids)}
body[data-page="kids-notes"][data-palette="preg"] .notes-list-title{color:var(--bb-rose-deep)}
body[data-page="kids-notes"] .feed-day-label{
  color:var(--bb-rose-deep);
  background:var(--bb-rose-soft);
}
body[data-page="kids-notes"][data-palette="baby"] .feed-day-label{
  color:var(--bb-sage);
  background:var(--bb-sage-soft);
}
body[data-page="kids-notes"][data-palette="kids"] .feed-day-label{
  color:var(--bb-kids);
  background:var(--bb-kids-soft);
}
body[data-page="kids-notes"][data-palette="preg"] .feed-day-label{
  color:var(--bb-rose-deep);
  background:var(--bb-rose-soft);
}

.child-save-bar{
  background:var(--bb-rose-soft) !important;
  border-color:#ead9d4 !important;
}
.child-save-label{color:var(--bb-rose-deep) !important}
body[data-palette="baby"] .child-save-bar,
body[data-page="feeding-log"] .child-save-bar,
body[data-page="sleep-log"] .child-save-bar,
body[data-page="breastfeed"] .child-save-bar{
  background:var(--bb-sage-soft) !important;
  border-color:#c5d0c0 !important;
}
body[data-palette="baby"] .child-save-label,
body[data-page="feeding-log"] .child-save-label,
body[data-page="sleep-log"] .child-save-label,
body[data-page="breastfeed"] .child-save-label{color:var(--bb-sage) !important}
body[data-palette="kids"] .child-save-bar{
  background:var(--bb-kids-soft) !important;
  border-color:#d9d0e4 !important;
}
body[data-palette="kids"] .child-save-label{color:var(--bb-kids) !important}
body[data-palette="preg"] .child-save-bar{
  background:var(--bb-rose-soft) !important;
  border-color:#ead9d4 !important;
}
body[data-palette="preg"] .child-save-label{color:var(--bb-rose-deep) !important}


.home-voices{
  max-width:72rem;
  margin:0 auto 1.5rem;
  padding:0 1.25rem 3rem;
}
.voices-lead{
  margin:0 0 1.35rem;
  max-width:36rem;
  color:#7a736c;
  font-size:.92rem;
  line-height:1.55;
}
.voices-grid{
  display:grid;
  gap:1rem;
}
@media (min-width:720px){
  .voices-grid{grid-template-columns:repeat(3,1fr);gap:1.15rem}
}
.voice-card{
  margin:0;
  background:#fffdf9;
  border:1px solid #eadfd4;
  border-radius:1.5rem;
  padding:1.35rem 1.4rem 1.2rem;
  box-shadow:0 10px 28px rgba(80,55,45,.05);
}
.voice-card blockquote{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.02rem;
  line-height:1.55;
  color:#3d3833;
}
.voice-card figcaption{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:.4rem .7rem;
  margin-top:1rem;
}
.voice-name{
  font-weight:700;
  color:var(--bb-rose-deep);
  font-size:.86rem;
}
.voice-meta{
  color:#8a827a;
  font-size:.78rem;
}

/* Weekly shop picks */
.home-shop{
  margin:0 0 2.6rem;
  padding:0;
}
.shop-page{
  max-width:72rem;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  padding-left:1.25rem;
  padding-right:1.25rem;
  box-sizing:border-box;
}
.shop-kicker{
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--bb-rose-deep,#db2777);
  margin-bottom:.4rem;
}
.shop-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:1rem;
  margin-top:1rem;
}
@media (min-width:640px){
  .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shop-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.shop-card{
  background:#fff;
  border-radius:1.5rem;
  box-shadow:var(--bb-shadow);
  border:1px solid rgba(255,255,255,.8);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}
.shop-card-media{
  height:9rem;
  background:#fff8f4;
  display:flex;
  align-items:center;
  justify-content:center;
}
.shop-card-emoji{font-size:2.4rem;line-height:1}
.shop-card-img{max-width:100%;max-height:8.2rem;object-fit:contain;display:block}
.shop-card-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.shop-card-body h3{font-weight:700;font-size:1.05rem;color:#334155}
.shop-note{font-size:.86rem;color:#64748b;line-height:1.45;flex:1}
.shop-rating{font-size:.75rem;color:#9a8f88}
.shop-price{font-size:.95rem;font-weight:700;color:#be185d;margin:.15rem 0 .2rem}
.shop-cat{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#db2777}
.shop-buy{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:.55rem;border-radius:999px;padding:.65rem 1rem;
  background:var(--bb-rose,#ec4899);color:#fff;font-weight:700;font-size:.86rem;text-decoration:none;
}
.shop-buy:hover{background:var(--bb-rose-deep,#db2777)}
.shop-disc{font-size:.75rem;color:#94a3b8;line-height:1.45;margin-top:1rem}
.shop-empty{font-size:.9rem;color:#64748b;padding:1rem 0}
.shop-weeks{display:flex;flex-wrap:wrap;gap:.45rem}
.shop-weeks-stack{display:flex;flex-direction:column;gap:.7rem}
.shop-week-block{opacity:.86}
.shop-week-head{display:flex;align-items:center;gap:.45rem}
.shop-week-head .shop-week-toggle{flex:1;min-width:0}
.shop-week-head .shop-mini-del{flex:0 0 auto}
.shop-week-toggle{
  width:100%;display:flex;align-items:center;gap:.6rem;
  background:#fbf8f5;border:1px solid #eadfd6;border-radius:999px;
  padding:.5rem .9rem;color:#6b625b;font-size:.86rem;font-weight:700;text-align:left;cursor:pointer;
}
.shop-week-toggle span:first-child{flex:1}
.shop-week-count{font-size:.72rem;color:#9a8f88;font-weight:700}
.shop-week-toggle [data-week-lab]{color:#b56f66}
.shop-week-block.is-open{opacity:1}
.shop-week-block.is-open .shop-week-toggle{background:#f3e7de;border-color:#e2cfc3}
.shop-week-body{margin-top:.65rem}
.shop-week-admin-item{font-size:.8rem;color:#6b625b;padding:.2rem 0}
.shop-grid-mini{margin-top:0;gap:.7rem}
.shop-card-mini{box-shadow:none;border:1px solid #eadfd6;background:#fbf8f5}
.shop-card-mini .shop-card-media{height:5.4rem;background:#f6f0ea}
.shop-card-mini .shop-card-img{max-height:4.8rem}
.shop-card-mini .shop-card-emoji{font-size:1.6rem}
.shop-card-mini .shop-card-body{padding:.7rem .8rem .85rem;gap:.2rem}
.shop-card-mini .shop-card-body h3{font-size:.88rem;font-weight:650;color:#5c564f}
.shop-card-mini .shop-buy{padding:.4rem .75rem;font-size:.75rem;background:#c4b4a8}
.shop-card-mini .shop-buy:hover{background:#b19f92}
.shop-card-mini .shop-price{font-size:.8rem;color:#8a5a4a}
.shop-card-mini .shop-cat{color:#a78b80}
.shop-week-btn{
  display:inline-flex;align-items:center;border-radius:999px;
  padding:.35rem .8rem;font-size:.78rem;font-weight:700;
  background:#fff;border:1px solid #f9c5d5;color:#be185d;cursor:pointer;
}
.shop-week-btn.on,.shop-week-btn:hover{background:#fce7f3;border-color:#f9a8d4}
.shop-archive-wrap{margin-top:2.75rem;padding-top:1.25rem}
.shop-market-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;flex-wrap:wrap;margin:1rem 0 1rem;font-size:.8rem;color:#64748b}
.shop-market-left{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}
.shop-market-select{border:1px solid #e2e8f0;border-radius:999px;padding:.35rem .8rem;background:#fff;font-size:.8rem}
.shop-admin-cols{display:grid;grid-template-columns:1fr;gap:1.25rem;align-items:start}
@media(min-width:900px){
  .shop-admin-cols{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}
  #shop-admin-form-wrap{position:sticky;top:5.25rem}
}
.shop-admin-list{display:flex;flex-direction:column;gap:.75rem}
.shop-admin-row{background:#fff;border-radius:1.25rem;padding:1rem 1.1rem;display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;box-shadow:var(--bb-shadow)}
.shop-admin-meta{display:block;font-size:.72rem;color:#94a3b8;margin-top:.15rem}
.shop-admin-row p{font-size:.82rem;color:#64748b;margin-top:.35rem}
.shop-admin-actions{display:flex;flex-direction:column;gap:.35rem}
.shop-mini{font-size:.75rem;font-weight:700;border-radius:999px;padding:.35rem .7rem;background:#fdf2f8;color:#be185d;border:0;cursor:pointer}
.shop-mini-on{background:var(--bb-rose,#ec4899);color:#fff}
.shop-mini-del{background:#fff1f2;color:#be123c}
.shop-admin-form label{display:block;font-size:.75rem;font-weight:700;color:#64748b;margin-bottom:.85rem}
.shop-admin-form input,.shop-admin-form textarea,.shop-admin-form select{
  display:block;width:100%;margin-top:.35rem;border:1px solid #e2e8f0;border-radius:1rem;padding:.7rem .9rem;font-weight:500;color:#334155
}
.shop-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem}
.shop-check{display:flex;align-items:center;gap:.5rem;font-weight:600}
.shop-check input{width:auto}

.shop-filters{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 0 auto;justify-content:flex-end}
.shop-filter{border:1px solid var(--bb-line,#eadfd6);background:#fff;color:#6b625b;border-radius:999px;padding:.38rem .9rem;font-size:.8rem;font-weight:700}
.shop-filter.on{background:#f3e7de;color:#b56f66;border-color:#e2cfc3}
.shop-filter:hover{border-color:#d9c4b6}

/* empty date fields show a hint (Safari often draws a blank grey box) */
input[type="date"].date-ph{
  position:relative;
  min-height:2.6rem;
}
input[type="date"].date-ph:not(.has-val){
  color:transparent;
}
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit,
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit-fields-wrapper,
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit-text,
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit-month-field,
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit-day-field,
input[type="date"].date-ph:not(.has-val)::-webkit-datetime-edit-year-field{
  color:transparent;
  background:transparent;
}
input[type="date"].date-ph:not(.has-val)::before{
  content:attr(data-placeholder);
  position:absolute;
  left:0.75rem;
  top:50%;
  transform:translateY(-50%);
  color:#94a3b8;
  pointer-events:none;
  font-size:0.875rem;
}
input[type="date"].date-ph.has-val{
  color:#334155;
}
input[type="date"].date-ph.has-val::before{content:none}

.growth-charts svg{min-height:13.5rem}
@media(max-width:640px){
  .growth-charts svg{min-height:15rem}
}