.child-bmi{--surface:#fff;--sunken:#faf7ef;--paper:#fff;--ink:#010751;--muted:#595650;--line:#dbe5f5;--shadow:0 12px 34px -24px #0107514d;--tint:#3a5ea8;--tint-ink:#fff;--tint-soft:#eef3fb;--tint-line:#c1d2ef;--under:#8a6200;--under-bg:#fff4d1;--under-dot:#e8b400;--healthy:#1d7335;--healthy-bg:#e3f5e8;--healthy-dot:#2fa552;--over:#a14a00;--over-bg:#ffe9d6;--over-dot:#f08a24;--obese:#b3121f;--obese-bg:#fde3e5;--obese-dot:#d92b3a;--err:#b3121f;--r:14px;color:var(--ink);background:var(--cream);& [hidden]{display:none!important}& .sec{padding:48px 0}& .in{gap:24px;width:min(820px,100% - 44px);margin-inline:auto;display:grid}& .sec-guide{background:var(--cream)}& h2,& h3{line-height:1.2}& p{line-height:1.6}& .btn{background:var(--brand-pink);color:var(--ink);text-align:center;height:auto;min-height:52px}& .btn:hover{background:var(--pink-soft);border-color:var(--brand-pink)}& .btn:disabled{opacity:.6;cursor:wait}& .body a,& .bmi-note a{text-underline-offset:3px;text-decoration:underline}& .bmi-note{font-size:15px}& .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .calc-head{gap:6px;display:grid}& .calc-head h2{font-size:clamp(24px,4.4vw,30px)}& .calc-head p{color:var(--muted);max-width:62ch}& .card{background:var(--surface);border:1.5px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:20px}@media (width>=640px){& .card{padding:28px}}& form,& .fields{gap:22px;display:grid}@media (width>=640px){& .fields{grid-template-columns:1fr 1fr;gap:24px 20px}& .full{grid-column:1/-1}}& .field{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}& .field>label,& .field legend{font:700 13px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;padding:0}& .field legend{margin-bottom:8px}& .pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}& .box{background:var(--sunken);border:2px solid var(--line);border-radius:12px;align-items:center;transition:border-color .15s;display:flex;position:relative}& .box:focus-within{border-color:var(--tint)}& .box input,& .box select{-webkit-appearance:none;appearance:none;width:100%;min-width:0;color:var(--ink);font:700 22px/1.2 var(--display);background:0 0;border:0;border-radius:12px;outline:none;padding:14px}& .box select{cursor:pointer;padding-right:40px}& .box .unit{color:var(--muted);font:700 16px/1 var(--body);flex:none;padding-right:14px}& .box .caret{pointer-events:none;color:var(--muted);width:14px;height:14px;position:absolute;right:14px}& .box input::placeholder{color:var(--muted);opacity:.55;font-weight:500}& .box select option{color:#0e1240;background:#fff}& .field.bad .box{border-color:var(--err)}& .msg{color:var(--err);font-size:14.5px;font-weight:700}& .sex{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}& .sex label{border:2px solid var(--line);background:var(--sunken);min-width:0;font:700 clamp(16px,4.8vw,19px)/1.2 var(--display);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 10px;transition:border-color .15s,background .15s;display:flex;position:relative}& .sex input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}& .sex label:hover{border-color:var(--tint)}& .sex label:has(input:checked){background:var(--tint);border-color:var(--tint);color:var(--tint-ink)}& .sex label:has(input:focus-visible){outline:3px solid var(--tint);outline-offset:3px}& .sex .ring{border:2px solid;border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}& .sex label:has(input:checked) .ring:after{content:"";background:currentColor;border-radius:50%;width:8px;height:8px}& .field.bad .sex label{border-color:var(--err)}& .calc-btn{letter-spacing:.06em;text-transform:uppercase;width:100%;padding:17px 22px;font-size:18px}& .form-note{color:var(--muted);text-align:center;font-size:14.5px}& .result{border-top:2px dashed var(--line);outline:none;gap:18px;margin-top:22px;padding-top:24px;display:grid}& .res-label{font:700 12px/1.3 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}& .stats{grid-template-columns:1fr 1fr;gap:12px;display:grid}& .stat{border-radius:var(--r);background:var(--tint-soft);gap:4px;padding:16px;display:grid}& .stat b{font:700 clamp(30px,7vw,42px)/1 var(--display);letter-spacing:-.01em}& .stat small{font:700 15px/1 var(--body);color:var(--muted);letter-spacing:0}& .cat{border-radius:var(--r);background:var(--c-bg);color:var(--ink);border-left:6px solid var(--c-dot);gap:10px;padding:18px;display:grid}& .cat-name{font:700 clamp(22px,4.6vw,28px)/1.1 var(--display);color:var(--c-ink);text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;display:flex}& .cat-name i{background:var(--c-dot);width:20px;height:20px;box-shadow:0 0 0 4px var(--surface);border-radius:50%;flex:none}& .cat p{max-width:62ch}& [data-cat=under]{--c-bg:var(--under-bg);--c-ink:var(--under);--c-dot:var(--under-dot)}& [data-cat=healthy]{--c-bg:var(--healthy-bg);--c-ink:var(--healthy);--c-dot:var(--healthy-dot)}& [data-cat=over]{--c-bg:var(--over-bg);--c-ink:var(--over);--c-dot:var(--over-dot)}& [data-cat=obese]{--c-bg:var(--obese-bg);--c-ink:var(--obese);--c-dot:var(--obese-dot)}& .res-cta{justify-items:start;gap:10px;display:grid}& .res-cta .btn{width:100%;max-width:420px}& .res-cta.soft p{color:var(--muted)}& .res-cta.soft a{color:var(--tint);text-underline-offset:3px;font-weight:700}& .res-meta{color:var(--muted);font-size:14px}& .scale{gap:6px;display:grid}& .track{border-radius:999px;height:14px;display:flex;position:relative;overflow:visible}& .track span{height:100%}& .track span:first-child{border-radius:999px 0 0 999px}& .track span:nth-child(4){border-radius:0 999px 999px 0}& .marker{background:var(--surface);border:4px solid var(--ink);border-radius:50%;width:26px;height:26px;margin-top:-13px;margin-left:-13px;transition:left .4s;position:absolute;top:50%;box-shadow:0 2px 6px #00000040}& .ticks{height:18px;color:var(--muted);font-size:12.5px;font-weight:700;position:relative}& .ticks span{white-space:nowrap;position:absolute;transform:translate(-50%)}& .more{border:1.5px solid var(--line);border-radius:var(--r);background:var(--surface)}& .more summary{cursor:pointer;font:700 16px/1.3 var(--body);align-items:center;gap:12px;padding:14px 16px;list-style:none;display:flex}& .more summary::-webkit-details-marker{display:none}& .more summary .ic{background:var(--tint-soft);width:30px;height:30px;color:var(--tint);border-radius:50%;flex:none;place-items:center;display:grid}& .more summary .ic svg{width:16px;height:16px}& .more summary .chev{color:var(--muted);flex:none;width:16px;height:16px;margin-left:auto;transition:transform .2s}& .more[open] summary .chev{transform:rotate(180deg)}& .more .body{gap:10px;padding:0 16px 16px;display:grid}& .more .body p{max-width:66ch}& .chart{width:100%;height:auto;display:block}& .chart .zone-under{fill:var(--under-dot);opacity:.18}& .chart .zone-healthy{fill:var(--healthy-dot);opacity:.14}& .chart .zone-over{fill:var(--over-dot);opacity:.28}& .chart .zone-obese{fill:var(--obese-dot);opacity:.16}& .chart .grid{stroke:var(--line);stroke-width:1px}& .chart .p50{fill:none;stroke:var(--muted);stroke-width:1.5px;stroke-dasharray:5 4}& .chart .pline{fill:none;stroke:var(--muted);stroke-width:1px;opacity:.6}& .chart text{fill:var(--muted);font:700 12px var(--body)}& .chart .you{fill:var(--ink)}& .chart .you-ring{fill:none;stroke:var(--ink);stroke-width:2px;opacity:.35}& .chart .you-label{fill:var(--ink);font-size:13px}& .legend{color:var(--muted);flex-wrap:wrap;gap:6px 16px;font-size:14px;display:flex}& .legend span{align-items:center;gap:6px;display:inline-flex}& .legend i{background:var(--c-dot);border-radius:3px;width:12px;height:12px}& .guide-head{gap:6px;display:grid}& .guide-head h2{font-size:clamp(24px,4.4vw,30px)}& .guide-head p{color:var(--muted);max-width:62ch}& .cats{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width>=700px){& .cats{grid-template-columns:1fr 1fr}}& .cats li{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);border-top:6px solid var(--c-dot);align-content:start;gap:8px;padding:18px;display:grid}& .cats h3{align-items:center;gap:10px;font-size:20px;display:flex}& .cats h3 i{background:var(--c-dot);border-radius:50%;flex:none;width:14px;height:14px}& .cats .range{font:700 13px/1 var(--body);letter-spacing:.04em;background:var(--c-bg);color:var(--c-ink);border-radius:999px;justify-self:start;padding:7px 10px}& .cats p{color:var(--muted);font-size:15.5px}& .important{border-radius:var(--r);background:var(--surface);border:2px solid var(--tint-line);align-items:flex-start;gap:12px;padding:16px 18px;display:flex}& .important svg{width:22px;height:22px;color:var(--tint);flex:none;margin-top:2px}& .result:focus{outline:2px solid var(--tint);outline-offset:6px}@media (width<=420px){& .stats{grid-template-columns:1fr}& .card{padding:16px}& .cat-name{font-size:21px}}}.vaccination-page{--surface:#fff;--ink:#010751;--muted:#595650;--line:#dbe5f5;--accent:#010751;--accent-ink:#fff;--tint:#3a5ea8;--tint-ink:#fff;--tint-soft:#eef3fb;--tint-line:#c1d2ef;--purple:#010751;--purple-soft:#fcecef;--warm-ink:#010751;--shadow:0 12px 34px -24px #0107514d;--r:14px;color:var(--ink);background:var(--cream);& [hidden]{display:none!important}& .sec{padding:48px 0}& .in{gap:28px;width:min(1000px,100% - 44px);margin-inline:auto;display:grid}& .sec-read{background:var(--white)}& .sec-tips{background:var(--o100)}& .sec-why{background:var(--cream)}& h2,& h3{line-height:1.2}& p{line-height:1.6}& .ask,& .vaccination-note a{text-underline-offset:3px;text-decoration:underline}& .vaccination-note{font-size:15px}& .switch{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=440px){& .switch{grid-template-columns:1fr}}& .tab{text-align:left;border-radius:var(--r);border:2px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;gap:4px;padding:16px 18px;transition:border-color .15s,background .15s,transform .15s;display:grid}& .tab:hover{border-color:var(--tint)}& .tab b{font:700 19px/1.2 var(--display)}& .tab span{color:var(--muted);font-size:14px}& .tab[aria-selected=true]{background:var(--tint);border-color:var(--tint);color:var(--tint-ink)}& .tab[aria-selected=true] span{color:var(--tint-ink);opacity:.85}& .tab .kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--tint);font-size:12px;font-weight:700}& .tab[aria-selected=true] .kicker{color:var(--tint-ink);opacity:.75}& .panel{gap:18px;display:grid}& .hint{text-align:center;color:var(--muted);margin-top:14px;font-size:15px}& .panel-head{gap:6px;display:grid}& .panel-head h2{font-size:clamp(24px,4.4vw,30px)}& .panel-head p{color:var(--muted);max-width:62ch}& .count{font:700 13px/1 var(--body);letter-spacing:.06em;text-transform:uppercase;color:var(--tint)}& .list{gap:10px;display:grid}& .vax{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);transition:border-color .15s,box-shadow .15s}& .vax[open]{border-color:var(--tint);box-shadow:var(--shadow)}& .vax summary{cursor:pointer;border-radius:var(--r);align-items:center;gap:14px;padding:14px 16px;list-style:none;display:flex}& .vax summary::-webkit-details-marker{display:none}& .vax summary .t{flex:1;gap:2px;min-width:0;display:grid}& .vax h3{font-size:19px;font-weight:700}& .vax summary small{color:var(--muted);font-size:14.5px}& .chev{background:var(--tint-soft);width:34px;height:34px;color:var(--tint);border-radius:50%;flex:none;place-items:center;transition:transform .2s;display:grid}& .chev svg{width:16px;height:16px}& .vax[open] .chev{transform:rotate(180deg)}& .vax .body{gap:12px;max-width:68ch;padding:0 16px 16px;display:grid}& .protects{background:var(--tint-soft);border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:10px 12px;display:flex}& .protects dt{letter-spacing:.08em;text-transform:uppercase;color:var(--tint);font-size:12px;font-weight:700}& .protects dd{margin:0;font-weight:700}& .vax .ask{color:var(--accent);text-underline-offset:3px;justify-self:start;font-weight:700}& .vax .note{color:var(--muted);border-left:3px solid var(--tint);padding-left:10px;font-size:15px}& .tips{gap:18px;display:grid}& .tips-head{gap:6px;display:grid}& .tips-label{align-items:center;gap:6px;display:inline-flex}& .tips-label svg{flex:none;width:18px;height:18px}& .tips-head h2{font-size:clamp(24px,4.4vw,30px)}& .tips-head p{color:var(--muted);max-width:62ch}& .tip-grid{gap:12px;margin:0;padding:0;list-style:none;display:grid}& .tip{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r);align-content:start;gap:10px;min-width:0;padding:18px;display:grid}@media (width>=760px){& .tip-grid{grid-template-columns:repeat(3,1fr);gap:0 14px}& .tip{grid-row:span 4;grid-template-rows:subgrid;align-content:stretch;row-gap:12px}}& .tip-icon{background:var(--purple-soft);width:44px;height:44px;color:var(--purple);border-radius:12px;place-items:center;display:grid}& .tip-icon svg{width:24px;height:24px}& .tip h3{font-size:19px}& .tip .why{color:var(--ink);background:var(--purple-soft);border-radius:10px;margin-top:4px;padding:12px 14px;font-size:15px;line-height:1.5}& .tip .why b{letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:4px;font-size:12px;display:block}& .tips-close{font:500 18px/1.45 var(--display);max-width:60ch}& .explain{align-items:start;gap:16px 48px;display:grid}@media (width>=760px){& .explain{grid-template-columns:.9fr 1.1fr}}& .explain .lead{gap:14px;display:grid}& .explain .q{font:700 64px/.6 var(--display);color:var(--warm-ink);opacity:.35;height:28px}& .explain .body{gap:12px;display:grid}& .explain h2{font-size:clamp(22px,4vw,27px)}& .explain p{max-width:64ch}& .explain .big{font:700 clamp(24px,4.4vw,32px)/1.2 var(--display);color:var(--warm-ink);text-wrap:balance}}.growth-checker{--surface:#fff;--sunken:#f0ebdf;--ink:#010751;--muted:#595650;--line:#dbe5f5;--accent:#010751;--accent-ink:#fff;--accent-soft:#eef3fb;--heart:#ee858d;--flag:#cd031b;--flag-soft:#fcecef;--flag-line:#ee858d;--gross:#3a5ea8;--fine:#010751;--speech:#3a5ea8;--social:#cd031b;--shadow:0 10px 30px -24px #0107514d;color:var(--ink);background:var(--cream);padding-block:48px;& [hidden]{display:none!important}& .growth-checker__inner{gap:32px;width:min(1000px,100% - 44px);margin-inline:auto;display:grid}& h2,& h3{line-height:1.2}& p{line-height:1.6}& .btn{background:var(--heart);height:auto;min-height:52px;color:var(--ink);text-align:center;padding:14px 24px}& .btn:hover{background:var(--pink-soft);border-color:var(--heart)}& .growth-checker__note{font-size:15px}& .growth-checker__note a{text-underline-offset:3px;text-decoration:underline}& .step{align-items:center;gap:12px;display:flex}& .step .blk{background:var(--b,var(--accent));width:38px;height:38px;color:var(--accent-ink);font:700 20px/1 var(--display);border-radius:10px;flex:none;place-items:center;display:grid;transform:rotate(-6deg);box-shadow:inset 0 -4px #0000002e}& .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}& .step h2{font-size:clamp(22px,4.4vw,28px);font-weight:700}& .step .cue{font:400 16px/1.3 var(--body);color:var(--muted);white-space:nowrap;vertical-align:middle}& .ages{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;display:grid}@media (width<=560px){& .ages{grid-template-columns:repeat(2,1fr)}}& .ages input{opacity:0;pointer-events:none;position:absolute}& .ages label{text-align:center;background:var(--surface);min-height:96px;box-shadow:var(--shadow);cursor:pointer;font-variant-numeric:tabular-nums;border:1.5px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:12px 10px 8px;font-weight:700;line-height:1.2;display:flex}& .ages label:hover{border-color:var(--accent)}& .ages input:checked+label{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}& .ages input:focus-visible+label{outline:3px solid var(--accent);outline-offset:3px}& .ages label span{align-items:center;min-height:2.4em;display:flex}& .ages label svg{width:26px;height:40px;color:var(--k);overflow:visible}& .ages input:checked+label svg{color:var(--heart)}& #ageContent:not([hidden]){flex-direction:column;gap:40px;display:flex}& .age-title{font-size:clamp(26px,5vw,34px)}& .age-note{color:var(--muted);margin-top:6px}& .domains{grid-template-columns:1fr 1fr;gap:16px;margin-top:14px;display:grid}@media (width<=600px){& .domains{grid-template-columns:1fr}}& .domain{background:var(--surface);box-shadow:var(--shadow);border:0;border-radius:18px;flex-direction:column;gap:10px;min-width:0;padding:18px 18px 16px;display:flex}& .domain header{align-items:center;gap:10px;display:flex}& .domain .ic{background:color-mix(in srgb,var(--c) 16%,transparent);border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid;transform:rotate(-4deg)}& .domain svg{width:28px;height:28px;color:var(--c)}& .domain h3{font-size:19px;font-weight:700}& .domain .sub{color:var(--muted);margin-top:-4px;font-size:14px}& .domain ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}& .domain li{padding-left:18px;position:relative}& .domain li:before{content:"";background:var(--c);border-radius:50%;width:7px;height:7px;position:absolute;top:.62em;left:2px}& .flags{background:var(--surface);border:1.5px solid var(--flag-line);box-shadow:var(--shadow);border-radius:18px;overflow:hidden}& .flags-head{background:var(--flag-soft);align-items:flex-start;gap:12px;padding:18px 20px;display:flex}& .flags-head svg{width:26px;height:26px;color:var(--flag);flex:none;margin-top:2px}& .flags-head h2{font-size:clamp(20px,4vw,25px)}& .flags-head p{color:var(--muted);margin-top:4px;font-size:15px}& .flag-list{margin:0;padding:8px;list-style:none}& .flag-list li+li{border-top:1px solid var(--line)}& .flag-list label{cursor:pointer;border-radius:10px;align-items:flex-start;gap:14px;padding:13px 12px;display:flex}& .flag-list label:hover{background:var(--sunken)}& .flag-list input{appearance:none;border:2px solid var(--muted);cursor:pointer;background:var(--surface);border-radius:6px;flex:none;place-content:center;width:24px;height:24px;margin:1px 0 0;display:grid}& .flag-list input:after{content:"";border-left:3px solid var(--accent-ink);border-bottom:3px solid var(--accent-ink);opacity:0;width:12px;height:7px;transform:rotate(-45deg)translate(1px,-1px)}& .flag-list input:checked{background:var(--flag);border-color:var(--flag)}& .flag-list input:checked:after{opacity:1;border-color:var(--surface)}& .flag-list .loss{font-weight:700}& .flag-list .hint{color:var(--muted);margin-top:3px;font-size:15px;line-height:1.45;display:block}& .result{background:var(--sunken);border-radius:12px;gap:10px;margin:0 16px 16px;padding:16px 18px;display:grid}& .result.on{background:var(--flag-soft);border:1px solid var(--flag-line)}& .result strong{font-family:var(--display);font-size:19px}& .result .btn{background:var(--flag);color:var(--surface)}& .notice{border-left:5px solid var(--accent);background:var(--accent-soft);border-radius:6px 18px 18px 6px;gap:10px;padding:22px 24px;display:grid}& .notice p{max-width:62ch}}