:root{color:#163331;font-synthesis:none;-webkit-font-smoothing:antialiased;background:#f8faf8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #d49b33}button{touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button svg{flex-shrink:0;width:20px;height:20px}a{color:#16645b}.web-app{max-width:460px;min-height:100svh;margin:auto;padding:0 22px}header{justify-content:space-between;align-items:center;height:54px;display:flex}header img{width:132px;height:auto;display:block}.quiet{white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;min-height:44px;font-size:14px;display:inline-flex}.step-line{letter-spacing:.13em;color:#69817b;justify-content:space-between;align-items:center;margin:4px 0 12px;font-size:10px;font-weight:650;display:flex}.progress{gap:4px;display:flex}.progress i{background:#dce6df;border-radius:4px;width:18px;height:3px}.progress i:first-child,.progress .filled{background:#226b60}h1{letter-spacing:-.045em;margin:0 0 7px;font-size:28px;font-weight:650;line-height:1.12}p{line-height:1.5}.intro{color:#596e64;margin:0 0 12px;font-size:14px}nav{background:#eaf0eb;border-radius:14px;gap:3px;padding:3px;display:flex}nav button{background:0 0;border:0;border-radius:11px;flex:1;min-height:38px;font-size:14px;font-weight:550}nav button[aria-pressed=true]{color:#125c50;background:#fff;box-shadow:0 1px 4px #24392b0c}.bottle-stage{background:radial-gradient(#eef3ed,#0000 70%);margin:10px 0 0;position:relative}.web-rail{scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.web-rail::-webkit-scrollbar{display:none}.web-slide{scroll-snap-align:center;flex:0 0 100%;justify-content:center;height:clamp(180px,29svh,240px);display:flex;position:relative}.web-slide>button{background:0 0;border:0;height:100%;padding:0}.web-slide img{width:auto;height:100%;display:block}.round{background:#ffffffdc;border:1px solid #dce4df;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.prev,.next{position:absolute;top:calc(50% - 22px)}.prev{left:2px}.next{right:2px}.round:disabled{visibility:hidden}.bottle-name{text-align:center;margin:10px 0 9px}.bottle-name h2{letter-spacing:-.025em;margin:0 0 2px;font-size:19px;font-weight:650}.bottle-name p{color:#596e64;margin:0;font-size:12px}.variants{justify-content:center;gap:8px;margin-bottom:8px;display:flex}.variants button{color:#526b5e;background:#fff;border:1px solid #cbd9d0;border-radius:12px;flex:1;min-height:64px;padding:9px 8px;font-size:13px}.variants button span{letter-spacing:-.025em;margin-top:4px;font-size:18px;font-weight:650;display:block}.variants button[aria-pressed=true]{color:#174c3e;background:#e4eee6;border-color:#286956}.primary{color:#fff;background:#195e51;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:13px 18px;font-size:15px;font-weight:600;display:flex;box-shadow:0 3px 6px #194d4210}.secondary{color:#61766c;background:0 0;border:0;width:100%;min-height:42px;font-size:12px;display:block}footer{text-align:center;color:#596e64;padding:4px 0 12px;font-size:9px}.back{color:#60796c;background:0 0;border:0;align-items:center;gap:7px;min-height:44px;padding:0;font-size:13px;display:flex}.selected-bottle{border-bottom:1px solid #dce5dd;align-items:center;gap:14px;margin:4px 0 22px;padding:8px 0 17px;display:flex}.selected-bottle img{object-fit:contain;width:32px;height:65px}.selected-bottle strong{font-size:15px;display:block}.selected-bottle span{color:#527666;align-items:center;gap:8px;margin-top:5px;font-size:12px;display:flex}.selected-bottle svg{width:14px;height:14px}.mode-switch{background:#eaf0e9;border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:48px;margin:14px 0;padding:12px;font-size:13px;display:flex}.web-ranges{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.web-ranges button{background:#fff;border:1px solid #cedbd1;border-radius:14px;min-height:64px;font-size:19px;font-weight:550;position:relative}.web-ranges small{color:#738077;font-size:13px;font-weight:400}.web-ranges button[aria-pressed=true]{background:#e3eee3;border-color:#3f7865}.web-ranges svg{width:12px;position:absolute;top:8px;right:8px}.age-check{cursor:pointer;align-items:center;gap:9px;min-height:48px;margin-bottom:14px;font-size:13px;display:flex}.age-checkbox{background:#fff;border:1px solid #80978b;border-radius:5px;flex-shrink:0;place-items:center;width:20px;height:20px;padding:0;display:grid;box-shadow:0 1px 2px #1633310d}.age-checkbox[data-state=checked]{color:#fff;background:#195e51;border-color:#195e51}.age-checkbox>span{place-items:center;display:grid}.age-checkbox svg{width:16px;height:16px}.result h1{font-size:28px}.amount{letter-spacing:-.055em;margin:6px 0 24px;font-size:64px;font-weight:600}.result p{color:#536b5d;font-size:15px}.result a{margin:22px 0;font-size:14px;display:block}.scrim{z-index:10;background:#102d285c;justify-content:center;align-items:flex-end;padding-top:20px;display:flex;position:fixed;inset:0}.web-panel{width:100%;max-width:460px;max-height:90dvh;padding:30px 24px max(24px,env(safe-area-inset-bottom));background:#f8faf8;border-radius:24px 24px 0 0;position:relative;overflow:auto}.close{position:absolute;top:12px;right:12px}.eyebrow{letter-spacing:.1em;color:#698075;padding-right:38px;font-size:10px}.web-panel h2{letter-spacing:-.04em;margin:8px 0 22px;font-size:28px}.web-panel p{color:#65796c;font-size:14px}.web-panel .primary{margin-top:22px}.label-crop{background:#fff;border-radius:16px;height:220px;position:relative;overflow:hidden}.label-crop img{width:auto;height:1100px;transform:translate(calc(-1 * var(--label-x)),calc(-1 * var(--label-y)));position:absolute;top:110px;left:28px}@media (height<=700px){header{height:46px}.step-line{margin-bottom:9px}h1{font-size:26px}.intro{margin-bottom:9px}.bottle-stage{margin-top:8px}.web-slide{height:200px}.bottle-name{margin:7px 0 5px}.variants{margin-bottom:4px}.selected-bottle{margin-bottom:16px}.web-ranges button{min-height:54px}}.selected-bottle{margin:0 0 14px;padding:5px 0 10px}.selected-bottle img{width:25px;height:46px}.web-slide>button{position:relative}.finger{top:calc(var(--label-y) - 24px);width:calc(var(--label-x) + 28px);pointer-events:none;z-index:1;filter:drop-shadow(0 1px 2px #123d3520);height:48px;position:absolute;left:-32px}.finger:before{z-index:1;content:"";background:#123d35;border-radius:2px;height:4px;position:absolute;top:22px;left:0;right:22px;box-shadow:0 0 0 2px #fff}.finger svg{width:48px;height:48px;display:block;position:absolute;right:0}@media (prefers-reduced-motion:no-preference){main{animation:.22s ease-out step-in}.web-slide[data-active=true]>button>img,.bottle-name{animation:.2s ease-out appear}.finger{animation:.22s ease-out pointer-in}nav button,.variants button,.web-ranges button,.primary,.round{transition:background-color .16s,border-color .16s,color .16s,transform .12s,opacity .16s}.primary:active:not(:disabled),.round:active:not(:disabled),.variants button:active,.web-ranges button:active{transform:scale(.97)}.scrim[data-state=open]{animation:.18s ease-out fade-in}.web-panel[data-state=open]{animation:.22s ease-out step-in}.web-ranges svg{animation:.16s ease-out appear}}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes pointer-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.label-button{color:#245b4d;background:#fff;border:1px solid #cbd9d0;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin:10px 0 8px;font-size:15px;font-weight:550;display:flex}.web-app[data-step=bottle]>header,.web-app[data-step=bottle]>footer{flex-shrink:0}.web-app[data-step=bottle]>main{flex-direction:column;flex:1;min-height:0;display:flex}.web-app[data-step=bottle]>main>*{flex-shrink:0}.web-app[data-step=bottle] .bottle-stage{flex:1;min-height:150px}.web-app[data-step=bottle] .web-rail{position:absolute;inset:0}.web-app[data-step=bottle] .web-slide{height:100%}.pediatric-help{border-top:1px solid #cbd9d0;margin-top:24px;padding-top:20px}.pediatric-help h3{margin:0;font-size:20px}.pediatric-help a.primary{text-decoration:none}.pediatric-help .referral-note{font-size:12px}.pediatric-logo{object-fit:contain;max-width:100%;height:64px;margin:0 auto 18px;display:block}.finger .pointer-outline{right:0}.external-icon{vertical-align:middle;width:16px;height:16px}.finger svg:last-child{z-index:2}.breadcrumbs{background:0 0;border-radius:0;margin:0 0 2px;padding:0;display:block}.breadcrumbs ol{align-items:center;gap:10px;min-height:44px;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{color:#596e64;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.breadcrumbs button{color:#16645b;text-underline-offset:3px;background:0 0;border-radius:0;flex:none;min-height:44px;padding:0;font-size:12px;font-weight:500;text-decoration:underline}.breadcrumbs [aria-current=step]{color:#163331;font-weight:650}.breadcrumbs svg{color:#81968b;width:14px;height:14px}.web-app[data-step]{flex-direction:column;min-height:100dvh;display:flex}.web-app[data-step]>header,.step-actions{flex-shrink:0}.web-app[data-step]>main{flex-direction:column;flex:1;min-width:0;min-height:0;animation:none;display:flex}.web-app[data-step]>main>*{flex-shrink:0}.step-actions{padding-top:12px;padding-bottom:env(safe-area-inset-bottom,0px);background:#f8faf8}.step-actions .label-button{margin-top:0}.step-actions footer{padding-bottom:12px}.refill-card{background:#edf3ee;border:1px solid #dce4df;border-radius:16px;margin:28px 0 18px;padding:20px}.refill-card h2{letter-spacing:-.02em;margin:0;font-size:19px;line-height:1.3}.refill-card p{margin:10px 0 16px;font-size:14px}.refill-card a.label-button{margin:0;padding:10px;font-size:14px;text-decoration:none;display:flex}.refill-card .refill-strength{margin:12px 0 8px;font-size:12px}.refill-card small{color:#65796c;font-size:11px;line-height:1.5;display:block}.refill-card h2{align-items:flex-start;gap:10px;display:flex}.refill-card h2>svg{color:#195e51;flex-shrink:0;width:24px;height:24px}.refill-card h2>.refill-bell{color:#195e51;transform-origin:50% 15%}@media (prefers-reduced-motion:no-preference){.refill-bell{animation:1.2s ease-in-out .3s 3 bell-ring}}@keyframes bell-ring{0%,to{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-7deg)}75%{transform:rotate(3deg)}}.wellbeing-card{margin-bottom:12px}.wellbeing-card+.refill-card{margin-top:12px}.age-info{color:#195e51;background:#edf3ee;border:1px solid #cbd9d0;border-radius:12px;align-items:flex-start;gap:10px;margin:8px 0 16px;padding:14px;display:flex}.age-info svg{flex-shrink:0;width:20px;height:20px;margin-top:1px}.age-info p{margin:0;font-size:13px;line-height:1.5}.bottle-zoom{z-index:2;position:absolute;bottom:0;left:calc(50% - 22px);box-shadow:0 2px 8px #16333114}.web-app[data-step=bottle] h1{letter-spacing:-.035em;font-size:clamp(16px,4.6vw,20px);line-height:1.2}nav[aria-label=Choose\ medicine] a{min-height:38px;color:inherit;border-radius:11px;flex:1;justify-content:center;align-items:center;font-size:14px;font-weight:550;text-decoration:none;display:flex}nav[aria-label=Choose\ medicine] a[aria-current=page]{color:#125c50;background:#fff;box-shadow:0 1px 4px #24392b0c}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.12s}::view-transition-new(root){animation-duration:.12s}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}}.result .pediatric-help{margin-bottom:24px}.result .pediatric-help a.primary{margin:16px 0 12px;display:flex}.web-app[data-step=bottle]{grid-template-rows:auto minmax(min-content,1fr) auto;min-height:100svh;display:grid}.web-app[data-step=bottle]>main{grid-template-rows:auto auto auto minmax(150px,1fr) auto auto;display:grid}.web-app[data-step=range] .web-ranges{gap:8px;margin:10px 0}.web-app[data-step=range] .mode-switch{margin:6px 0}.web-app[data-step=range] .age-info{margin:4px 0;padding:10px}.web-app[data-step=range] .selected-bottle{margin-bottom:10px}.result .result-range{margin:0 0 12px;font-weight:600}@media (width>=360px) and (height<=700px){.web-app[data-step=range] .web-ranges:has(>button:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}.web-app[data-step=range] .web-ranges:has(>button:nth-child(6)) button{font-size:16px}}.install-steps{padding-left:22px;line-height:1.5}.install-steps li{margin:10px 0}.web-panel .install-note{color:#596e64;font-size:13px}@media (display-mode:standalone){.install-button{display:none}}