/* Scoped to Growth content. Shared header, navigation and modal styles are preserved. */
#growthBody{overflow:clip;touch-action:pan-y}
#growthBody .growth-pane>.sec:first-child{margin-top:0}
#growthBody .card{border:1px solid #ecdedc;box-shadow:0 4px 18px #64404d06;background-color:#fffaf5}
#growthBody h2,#growthBody h3{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:#512044;line-height:1.1}
#growthBody h2{font-size:24px;margin:0}
#growthBody h2>.material-symbols-rounded{font-size:26px;vertical-align:-4px;margin-right:8px;color:#a24563}
#growthBody .sec{margin-top:8px}
#growthBody .growth-next{position:relative;isolation:isolate;display:block;min-height:220px;padding:16px 16px 9px;overflow:hidden;background:#fce8db;border-color:#efd8ca;border-radius:22px}
#growthBody .growth-next-copy{position:relative;z-index:1;display:block;width:58%;min-width:0}
#growthBody .growth-next h2{font-size:36px;line-height:.97;margin:0 0 5px;letter-spacing:-1.1px}
#growthBody .growth-next-copy>b{font:400 17px/1.18 'DM Serif Display',Georgia,serif;display:block;margin-bottom:5px}
#growthBody .growth-check-date{display:flex;align-items:center;gap:8px;font:400 17px/1.15 'DM Serif Display',Georgia,serif;color:#512044;margin-bottom:7px}
#growthBody .growth-check-date>.material-symbols-rounded{font-size:21px;color:#c56e55;flex-shrink:0}
#growthBody .growth-next .btn{width:100%;min-height:31px;padding:6px 8px;border-radius:10px;font-size:11px;line-height:1.25;font-weight:700;white-space:normal;display:flex;align-items:center;justify-content:center;gap:6px}
#growthBody .growth-record-check{background:#74274f;color:#fff;border:1px solid #74274f}
#growthBody .growth-next .growth-link-check{background:#fff5;border:1px solid #a76787;color:#512044;margin-top:5px}
#growthBody .growth-link-check>.material-symbols-rounded{font-size:20px}
#growthBody .growth-hero-art{position:absolute;width:48%;height:97%;object-fit:contain;object-position:bottom right;right:-2px;bottom:0;z-index:0}
#growthBody .growth-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:7px 4px 2px;border-radius:20px;background:#fffcf8;margin-top:3px}
#growthBody .growth-stat{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;position:relative;min-height:62px;padding:10px 8px;gap:8px;overflow:hidden;background:#f1e3f2;border:1px solid #d6b9d9;border-radius:14px;box-shadow:none}
#growthBody .growth-stat:nth-child(2){background:#e8efec;border-color:#bdd4cc}
#growthBody .growth-stat:nth-child(3){background:#fbe0dc;border-color:#e8b9b2}
#growthBody .growth-stat:nth-child(4){background:#fce4d0;border-color:#e6c1a1}
#growthBody .growth-stat-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#eacfe6;color:#a06298;font-size:23px}
#growthBody .growth-stat:nth-child(2) .growth-stat-icon{background:#d5e8e3;color:#65a59a}
#growthBody .growth-stat:nth-child(3) .growth-stat-icon{background:#f7c8bf;color:#c97179}
#growthBody .growth-stat:nth-child(4) .growth-stat-icon{background:#fad6b7;color:#b88360}
#growthBody .growth-stat-copy{position:relative;z-index:1;min-width:0;display:grid;gap:3px}
#growthBody .growth-stat-head{display:block;color:#512044;font:400 12px/1.15 'DM Serif Display',Georgia,serif}
#growthBody .growth-stat-value{display:block;margin:0;font:400 21px/1.1 'DM Serif Display',Georgia,serif;color:#512044;white-space:nowrap}
#growthBody .growth-stat:first-child .growth-stat-value{font-size:17px;white-space:normal}
#growthBody .growth-stat-sprig{position:absolute;right:3px;bottom:3px;width:24px;height:30px;object-fit:contain;opacity:.6}
#growthBody .growth-latest-date{font-size:10px;color:#947c88;text-align:center;padding:5px 0 2px}
#growthBody .growth-chart{padding:12px 14px 14px;border-radius:20px;background:#fffcf7}
#growthBody .growth-chart-head{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:nowrap}
#growthBody .growth-chart-head h2{font-size:20px;white-space:nowrap}
#growthBody .growth-chart-head h2>.material-symbols-rounded{font-size:20px;margin-right:4px}
#growthBody .growth-chart-tabs{margin:0;gap:4px;display:flex}
#growthBody .growth-chart-tabs button{font-size:8.5px;font-weight:600;padding:6px 8px;background:#f2e3ee;color:#755369;min-height:25px}
#growthBody .growth-chart-tabs button.on{background:#74274f;color:white}
#growthBody .growth-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:112px;padding:6px 8px 0;text-align:center;color:#8c7282}
#growthBody .growth-empty>img{width:135px;height:52px;object-fit:contain}
#growthBody .growth-empty>b{font:400 15px/1.2 'DM Serif Display',Georgia,serif;color:#512044;margin-top:3px}
#growthBody .growth-empty>p{max-width:245px;font-size:10px;line-height:1.3;margin:5px 0 0}
#growthBody .growth-delta{margin-top:8px}
#growthBody .growth-sizes{padding:12px 14px;background:#fffcf7;border-radius:20px}
#growthBody .growth-size-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
#growthBody .growth-size-heading h2{font-size:23px;margin:0}
#growthBody .growth-size-toggle{display:flex;align-items:center;gap:0;border:0;background:transparent;color:#713451;font-size:9px;padding:4px 0;cursor:pointer}
#growthBody .growth-size-toggle>.material-symbols-rounded{font-size:18px}
#growthBody .growth-sizes>small{display:block;font-size:9px;color:#9a8490;margin-top:3px}
#growthBody .growth-size-today{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:6px}
#growthBody .growth-derived-card{display:flex;padding:0 3px;gap:7px;align-items:center;background:transparent;border:0;border-radius:0;box-shadow:none;min-width:0}
#growthBody .growth-derived-card+ .growth-derived-card{border-left:1px solid #eddfdd}
#growthBody .growth-derived-card>img{width:48px;height:66px;object-fit:contain;flex-shrink:0}
#growthBody .growth-derived-card .m{display:block;font-size:10px;line-height:1.2}
#growthBody .growth-derived-card b{font:400 23px/1.2 'DM Serif Display',Georgia,serif}
#growthBody .growth-size-source{display:block;font-size:8px;color:#947c88;margin-top:3px}
#growthBody #growthSizeDetails{margin-top:4px;font-size:11px;color:#795568}
#growthBody #growthSizeDetails:not([open])>summary{display:none}
#growthBody .growth-size-row{align-items:center;gap:12px;min-height:44px;text-align:left}
#growthBody .growth-teeth-hero{position:relative;display:block;min-height:195px;padding:18px 17px 14px;margin-bottom:10px;background:#eeddf0;border-color:#d9c1dd;overflow:hidden}
#growthBody .growth-teeth-hero>div{position:relative;z-index:1;width:58%}
#growthBody .growth-teeth-hero h2{font-size:36px;line-height:.98;letter-spacing:-.8px;margin-bottom:10px}
#growthBody .growth-teeth-hero b{font:400 23px/1.2 'DM Serif Display',Georgia,serif;white-space:nowrap}
#growthBody .growth-teeth-hero p{font-size:11px;line-height:1.4;color:#806579;max-width:150px;margin:9px 0 0}
#growthBody .growth-teeth-hero>img{position:absolute;right:0;bottom:0;width:52%;height:94%;object-fit:contain;object-position:bottom right}
#growthBody .growth-map{padding:15px 12px 10px;background:#fffcf7;margin-bottom:10px;border-radius:20px}
#growthBody .growth-map h2{font-size:23px}
#growthBody .growth-map>p{margin:4px 0 4px 34px;font-size:10px}
#growthBody .growth-mouth-layout{display:grid;grid-template-columns:minmax(0,1fr) 87px;align-items:center;gap:7px}
#growthBody .growth-mouth{min-width:0;padding:7px 3px}
#growthBody .growth-arch{position:relative;display:block;height:auto;aspect-ratio:225 / 104;width:100%;margin:0;max-width:none}
#growthBody .growth-arch+.growth-arch{margin:6.2222% 0 0}
#growthBody .growth-arch-label{position:absolute;top:64%;left:17%;right:17%;color:#958291;font-size:9px;line-height:1.2;text-align:center;pointer-events:none}
#growthBody .growth-arch-lower .growth-arch-label{top:8%}
#growthBody .growth-tooth{position:absolute;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(var(--tooth-angle));width:23px;height:29px;min-height:0;padding:0;border-radius:9px;background:#faf6ef;border:1px solid #cdbfc0;color:#c4b6b7;box-shadow:inset 0 0 3px #b9aaa8,0 1px 3px #b7a3aa44}
#growthBody .growth-tooth>.material-symbols-rounded{font-size:25px;line-height:1;color:#ccbdba}
#growthBody .growth-tooth-state{position:absolute;font-size:10px;transform:rotate(calc(-1 * var(--tooth-angle)))}
#growthBody .growth-tooth.teething{background:#ffe5b6;color:#ad7b35;border-color:#dcba7d}
#growthBody .growth-tooth.emerged{background:#bfd2b9;color:#4c7656;border-color:#91b099}
#growthBody .growth-tooth.fully_emerged{background:#dbbfe1;color:#713c79;border-color:#b99cc2}
#growthBody .growth-tooth-legend{display:grid;gap:9px;font-size:8px;color:#6f5267}
#growthBody .growth-tooth-legend>span{display:flex;align-items:center;gap:5px;line-height:1.15}
#growthBody .growth-tooth-legend .material-symbols-rounded{font-size:19px;color:#cfcac4;font-variation-settings:'FILL' 1}
#growthBody .growth-tooth-legend .teething .material-symbols-rounded{color:#efc67e}
#growthBody .growth-tooth-legend .emerged .material-symbols-rounded{color:#9cba9b}
#growthBody .growth-tooth-legend .fully_emerged .material-symbols-rounded{color:#b796c3}
#growthBody .growth-episode-summary{padding:15px 13px 12px;background:#f8eaf2;border-color:#ecdae7;border-radius:20px;margin-bottom:0}
#growthBody .growth-episode-summary h2{font-size:23px}
#growthBody .growth-episode-content{display:flex;align-items:center;gap:14px;margin:9px 0 6px}
#growthBody .growth-episode-content>img{width:90px;height:84px;object-fit:contain;flex-shrink:0}
#growthBody .growth-episode-content>div{min-width:0}
#growthBody .growth-episode-content b{font:400 16px/1.2 'DM Serif Display',Georgia,serif;color:#512044}
#growthBody .growth-episode-content p{font-size:11px;line-height:1.45;margin:8px 0;color:#806579}
#growthBody .growth-episode-summary .pri{width:100%;min-height:35px;padding:7px 10px;border-radius:14px;font-size:11px;background:#74274f}
#growthBody .growth-episode-footer{display:flex;align-items:center;justify-content:center;gap:7px;color:#a28c9b;font-size:9px;margin-top:10px}
#growthBody .growth-episode-footer img{width:24px;height:22px;object-fit:contain}
#growthBody .growth-past-episodes{margin-top:10px;color:#795568;font-size:11px}
#growthBody .growth-history-intro{position:relative;padding:23px 18px 20px;background:#fff9f0;border-radius:20px;overflow:hidden}
#growthBody .growth-history-intro h2{font-size:37px;letter-spacing:-1px;position:relative;z-index:1}
#growthBody .growth-history-intro p{position:relative;z-index:1;font-size:11px;color:#806579;margin:10px 0 0;max-width:87%}
#growthBody .growth-history-intro>img{position:absolute;right:0;bottom:0;width:60px;height:102px;object-fit:contain;opacity:.8}
#growthBody .growth-filters{display:flex;gap:7px;margin:11px 0 20px;padding:1px}
#growthBody .growth-filters button{flex:1;min-width:0;padding:8px 5px;border:1px solid #e4c8d2;background:#fbf0ef;font-size:11px;border-radius:25px;font-weight:600;min-height:34px}
#growthBody .growth-filters button.on{background:#74274f;color:white;border-color:#74274f}
#growthBody .growth-history-list{position:relative;padding-left:28px}
#growthBody .growth-history-list:before{content:'';position:absolute;left:7px;top:12px;bottom:0;border-left:1px dashed #dfccca}
#growthBody .growth-history-day{position:relative;font-size:16px;margin:24px 0 12px}
#growthBody .growth-history-day:first-child{margin-top:0}
#growthBody .growth-history-day:before{content:'';position:absolute;left:-26px;top:4px;width:10px;height:10px;border-radius:50%;background:#d58373;box-shadow:0 0 0 4px #f8e5db}
#growthBody .growth-history-row{position:relative;display:flex;gap:10px;align-items:flex-start;padding:13px 11px;margin:8px 0;width:100%;border:0;border-radius:16px;background:#fbe1d7;text-align:left;color:#714d60}
#growthBody .growth-history-row:before{content:'';position:absolute;left:-26px;top:20px;width:9px;height:9px;border-radius:50%;background:#dd9da0;box-shadow:0 0 0 4px #f8e6de}
#growthBody .growth-history-row[data-kind=sizes]{background:#f0e1ef}
#growthBody .growth-history-row[data-kind=sizes]:before{background:#b685bd;box-shadow:0 0 0 4px #f0e2ef}
#growthBody .growth-history-row[data-kind=teething]{background:#eee4f1}
#growthBody .growth-history-icon{flex:0 0 32px;width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#f7c7b7;color:#b66b5a;font-size:23px}
#growthBody [data-kind=sizes] .growth-history-icon{background:#e9d0eb;color:#956194}
#growthBody .growth-history-content{min-width:0;flex:1}
#growthBody .growth-history-title{display:flex;align-items:center;gap:6px;color:#512044;margin-top:2px}
#growthBody .growth-history-title>b{font:400 15px/1.25 'DM Serif Display',Georgia,serif;flex:1}
#growthBody .growth-history-title>small{font-size:9px;white-space:nowrap}
#growthBody .growth-history-title>.material-symbols-rounded{font-size:18px}
#growthBody .growth-history-description{display:block;font-size:10px;line-height:1.5;margin-top:6px}
#growthBody .growth-history-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:9px 0 2px}
#growthBody .growth-history-values>span{display:grid;gap:4px;background:#fffcf4bb;padding:7px 2px;border-radius:8px;text-align:center}
#growthBody .growth-history-values small{font-size:8px}
#growthBody .growth-history-values b{font:400 12px/1.2 'DM Serif Display',Georgia,serif;color:#512044;white-space:nowrap}
#growthBody .growth-history-note{display:flex;align-items:flex-start;gap:5px;font-size:10px;line-height:1.4;margin-top:9px;white-space:pre-wrap}
#growthBody .growth-history-note .material-symbols-rounded{font-size:14px}
#growthBody .growth-history-content>img{width:100%;max-height:160px;object-fit:cover;border-radius:10px;margin-top:8px}
#growthBody button:focus-visible,#growthBody summary:focus-visible{outline:3px solid #ad75a1;outline-offset:3px}
@media(max-width:370px){#growthBody .growth-next h2,#growthBody .growth-teeth-hero h2{font-size:33px}#growthBody .growth-stat-value{font-size:19px}#growthBody .growth-stat-head{font-size:11px}#growthBody .growth-chart-head{gap:9px}#growthBody .growth-history-values b{font-size:10px}#growthBody .growth-mouth-layout{grid-template-columns:minmax(0,1fr) 72px}#growthBody .growth-tooth{width:21px}#growthBody .growth-tooth-legend{font-size:7px}}
@media(min-width:700px){#growthBody .growth-next{min-height:300px;padding:28px}#growthBody .growth-next-copy{width:55%}#growthBody .growth-next h2{font-size:48px}#growthBody .growth-next .btn{min-height:40px;font-size:14px}#growthBody .growth-next-copy>b{font-size:23px}#growthBody .growth-hero-art{width:44%}#growthBody .growth-stat{min-height:90px;padding:16px}#growthBody .growth-stat-value{font-size:28px}#growthBody .growth-stat-head{font-size:16px}#growthBody .growth-teeth-hero{min-height:270px}#growthBody .growth-teeth-hero h2{font-size:48px}#growthBody .growth-mouth-layout{max-width:540px;margin:auto;grid-template-columns:minmax(0,1fr) 130px;gap:24px}#growthBody .growth-arch{height:auto}#growthBody .growth-tooth{width:34px;height:43px}#growthBody .growth-arch-label{font-size:12px}#growthBody .growth-tooth-legend{font-size:12px}#growthBody .growth-empty{min-height:200px}}

#growthBody .growth-stat:nth-child(4) .growth-stat-head{font-size:10px;white-space:nowrap}

#growthBody .growth-tooth{background:transparent;border:0;box-shadow:none}
#growthBody .growth-tooth>img{width:100%;height:100%;object-fit:contain}
#growthBody .growth-tooth.teething>img{filter:sepia(.6) saturate(1.3)}
#growthBody .growth-tooth.emerged>img{filter:sepia(.5) hue-rotate(65deg) saturate(.8)}
#growthBody .growth-tooth.fully_emerged>img{filter:sepia(.3) hue-rotate(240deg)}

#growthBody .growth-history-size-values{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}
#growthBody .growth-history-size-values>span{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:9px;background:#fffaf0c9;font-size:9px;color:#512044}
#growthBody .growth-history-size-values .material-symbols-rounded{font-size:17px;color:#956194}
#growthBody .growth-history-size-values b{font:400 13px 'DM Serif Display',Georgia,serif}

@media(max-width:370px){#growthBody .growth-chart-head{flex-wrap:wrap}#growthBody .growth-chart-tabs{margin-left:auto}}

/* Hidden sibling views keep their width for swiping, without extending vertical scrolling. */
#growthBody .growth-pane[aria-hidden=true]{height:0;padding-block:0;overflow:hidden}

/* Measurement dialog: independent scrolling body and always reachable actions. */
.growth-measure-dialog{z-index:60;padding:12px 10px max(12px,env(safe-area-inset-bottom,0px));background:#42283970;backdrop-filter:blur(3px)}
.growth-measure-dialog .sheet{display:flex;flex-direction:column;width:min(600px,100%);max-height:min(92dvh,820px);overflow:hidden;padding:0;border-radius:26px;border:1px solid #f4e5e0;background:#fffaf6;color:#512044}
.growth-measure-dialog .gm-header{position:relative;isolation:isolate;flex-shrink:0;min-height:128px;padding:21px 20px 17px;background:#fce8dc;overflow:hidden;border-bottom:1px solid #edd4c6}
.growth-measure-dialog .gm-heading{position:relative;z-index:1;max-width:calc(100% - 98px)}
.growth-measure-dialog .gm-header h2{margin:0;font:400 30px/1.04 'DM Serif Display',Georgia,serif;color:#512044;letter-spacing:-.4px}
.growth-measure-dialog .gm-header p{font:400 11px/1.45 'Nunito Sans',sans-serif;color:#8d6b77;margin:9px 0 0;max-width:245px}
.growth-measure-dialog .gm-motif{position:absolute;right:13px;bottom:9px;width:105px;height:92px;pointer-events:none;z-index:0}
.growth-measure-dialog .gm-motif::before{content:"";position:absolute;inset:7px 0 0;border-radius:50%;background:radial-gradient(ellipse,#fff8edb0,transparent 72%)}
.growth-measure-dialog .gm-motif>.material-symbols-rounded{position:absolute;font-variation-settings:'FILL' 0,'wght' 300,'GRAD' 0,'opsz' 40;line-height:1}
.growth-measure-dialog .gm-motif-ruler{font-size:49px;color:#9baea0;left:2px;top:17px;transform:rotate(-38deg)}
.growth-measure-dialog .gm-motif-scale{font-size:38px;color:#c19198;right:6px;top:13px;transform:rotate(10deg)}
.growth-measure-dialog .gm-motif-face{font-size:24px;color:#c5a683;left:44px;top:0;transform:rotate(-8deg)}
.growth-measure-dialog .gm-motif-shirt{font-size:34px;color:#b397b9;left:20px;bottom:0;transform:rotate(-12deg)}
.growth-measure-dialog .gm-motif-foot{font-size:29px;color:#c5a683;right:7px;bottom:2px;transform:rotate(18deg)}
.growth-measure-dialog .gm-motif>i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d8bba6;left:7px;bottom:13px}
.growth-measure-dialog .gm-motif>i:nth-last-child(2){left:67px;bottom:34px;width:3px;height:3px;background:#bcacbe}
.growth-measure-dialog .gm-motif>i:last-child{left:12px;top:4px;width:3px;height:3px;background:#aabaaa}
.growth-measure-dialog .gm-close{position:absolute;right:11px;top:10px;width:30px;height:30px;padding:0;display:grid;place-items:center;border-radius:50%;background:#fffaf0dd;border:1px solid #edd3cd;color:#75435d;z-index:2}
.growth-measure-dialog .gm-close .material-symbols-rounded{font-size:19px}
.growth-measure-dialog .gm-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:15px 16px 16px;display:flex;flex-direction:column;gap:13px;scroll-padding:16px}
.growth-measure-dialog .kx-lbl{font-size:11px;color:#705163;font-weight:700;padding:0;line-height:1.25}
.growth-measure-dialog .field{min-width:0;min-height:42px;padding:9px 11px;border:1px solid #e6d7dd;border-radius:12px;background:#fffdfb;color:#512044;font-size:16px;font-weight:600;box-shadow:none}
.growth-measure-dialog input[type=date]{width:100%;color-scheme:light;min-height:43px;font-size:14px;font-weight:600}
.growth-measure-dialog .gm-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.growth-measure-dialog .gm-measure{padding:10px;border:1px solid var(--gm-edge);border-radius:16px;background:var(--gm-bg);position:relative;align-content:start;gap:7px}
.growth-measure-dialog .gm-pink{--gm-bg:#fcf0ed;--gm-edge:#ead5d0;--gm-icon:#bb6b74}
.growth-measure-dialog .gm-sage{--gm-bg:#f1f5f1;--gm-edge:#d2ded5;--gm-icon:#62998d}
.growth-measure-dialog .gm-peach{--gm-bg:#fcf1e6;--gm-edge:#ead8c3;--gm-icon:#ae7d59}
.growth-measure-dialog .gm-lilac{--gm-bg:#f6eff7;--gm-edge:#e0d2e4;--gm-icon:#a077ae}
.growth-measure-dialog .gm-measure-label{display:flex;align-items:center;gap:7px;min-height:28px}
.growth-measure-dialog .gm-measure-label>.material-symbols-rounded{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:50%;color:var(--gm-icon);background:#ffffff75;font-size:21px}
.growth-measure-dialog .gm-input-unit{display:flex;align-items:center;background:#fffdfbd9;border:1px solid var(--gm-edge);border-radius:11px;overflow:hidden;min-height:41px}
.growth-measure-dialog .gm-input-unit>.field{width:100%;background:transparent;border:0;border-radius:0;min-height:40px;padding:7px 8px;font:400 23px/1.1 'DM Serif Display',Georgia,serif;appearance:textfield}
.growth-measure-dialog .gm-input-unit>.field::-webkit-inner-spin-button,.growth-measure-dialog .gm-input-unit>.field::-webkit-outer-spin-button{appearance:none;margin:0}
.growth-measure-dialog .gm-input-unit>span{font-size:11px;color:#9b7d8d;padding-right:9px;flex-shrink:0}
.growth-measure-dialog .gm-optional{font-size:9px;color:#947e9a;margin-top:-3px;position:absolute;right:10px;top:4px}
.growth-measure-dialog .gm-measure-hint{font-size:10px;line-height:1.35;color:#9a8290;margin:-6px 1px 0}
.growth-measure-dialog .gm-sizes{padding:12px;border:1px solid #eee3e9;border-radius:18px;background:#fffafc}
.growth-measure-dialog .gm-sizes h3{display:flex;gap:6px;align-items:center;font:400 21px/1.1 'DM Serif Display',Georgia,serif;margin:0 0 10px;color:#512044}
.growth-measure-dialog .gm-sizes h3>.material-symbols-rounded{font-size:23px;color:#a45f87}
.growth-measure-dialog .growth-size-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.growth-measure-dialog .growth-size-field{position:relative;min-width:0;padding:9px 8px 8px;border:1px solid #e9dfe9;border-radius:13px;background:#fbf6fb}
.growth-measure-dialog .growth-size-field>img{position:absolute;right:5px;top:-4px;width:35px;height:37px;object-fit:contain;pointer-events:none}
.growth-measure-dialog .growth-size-field .kx-lbl{min-height:22px;display:flex;align-items:center;padding-right:25px;font-size:11px}
.growth-measure-dialog .growth-size-field .field{min-height:37px;padding:7px 8px;font-size:16px}
.growth-measure-dialog .gm-estimate{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:#8d7090;border-radius:20px;padding:3px 7px;margin-top:6px;background:#fffaf8;border:1px solid #ecdeeb;max-width:100%}
.growth-measure-dialog .gm-estimate b{font-weight:800;color:#704b76}
.growth-measure-dialog .gm-size-hint{margin:8px 0 0;font-size:9px;line-height:1.4;color:#947e91}
.growth-measure-dialog .gm-details{border:1px solid #e9dce0;border-radius:16px;background:#fffcf8}
.growth-measure-dialog .gm-details>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:12px;cursor:pointer;min-height:54px}
.growth-measure-dialog .gm-details>summary::-webkit-details-marker{display:none}
.growth-measure-dialog .gm-details>summary>.material-symbols-rounded{font-size:22px;color:#ad7c9c}
.growth-measure-dialog .gm-details>summary>span:nth-child(2){display:grid;gap:3px;flex:1}
.growth-measure-dialog .gm-details>summary b{font-size:12px;font-weight:700;color:#70455e}
.growth-measure-dialog .gm-details>summary small{font-size:10px;color:#a08798}
.growth-measure-dialog .gm-details[open] .gm-detail-arrow{transform:rotate(180deg)}
.growth-measure-dialog .gm-details-body{padding:0 12px 13px;display:grid;gap:13px}
.growth-measure-dialog .gm-photo{position:relative}
.growth-measure-dialog .gm-photo-picker{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#f8f0f5;border:1px dashed #d2afc6;border-radius:13px;cursor:pointer;color:#84566f;font-size:12px;font-weight:700}
.growth-measure-dialog .gm-photo-picker>.material-symbols-rounded{font-size:28px;color:#ac7b9d}
.growth-measure-dialog .gm-photo-picker small{display:block;font-size:9px;font-weight:400;color:#a28b9a;margin-top:3px}
.growth-measure-dialog .gm-upload-input{position:absolute;width:1px;height:1px;padding:0;opacity:0;clip-path:inset(50%);overflow:hidden}
.growth-measure-dialog .gm-photo:focus-within .gm-photo-picker{outline:2px solid #a76b98;outline-offset:2px}
.growth-measure-dialog .gm-photo-caption{display:block;color:#a28b9a;font-size:9px;line-height:1.4;overflow-wrap:anywhere;margin-top:6px}
.growth-measure-dialog .growth-photo-preview{display:block;width:100%;max-height:165px;object-fit:contain;border:1px solid #e9dce0;border-radius:13px;background:#fff8f2;margin-top:8px}
.growth-measure-dialog .growth-photo-preview[hidden]{display:none}
.growth-measure-dialog .gm-remove-photo{font-size:10px;color:#88637d;background:#f1e6ed;margin-top:7px;min-height:32px}
.growth-measure-dialog textarea.field{min-height:85px;font-size:13px;font-weight:400;resize:vertical}
.growth-measure-dialog .gm-footer{display:flex;gap:9px;align-items:center;flex-shrink:0;padding:12px 16px;background:#fffaf6;border-top:1px solid #e8d5df;box-shadow:0 -4px 14px #71435b06}
.growth-measure-dialog .gm-save{min-height:44px;flex:1;border-radius:15px;background:#752950;color:#fff;font-size:12px;font-weight:700}
.growth-measure-dialog .gm-delete{display:grid;place-items:center;min-height:42px;width:42px;padding:8px;border:1px solid #edd5d9;background:#f9e9ec;color:#b16c7b;border-radius:13px}
.growth-measure-dialog .gm-delete>.material-symbols-rounded{font-size:21px}
.growth-measure-dialog .growth-field-error{font-size:10px;line-height:1.35;color:#9c3353;overflow-wrap:anywhere}
.growth-measure-dialog .field[aria-invalid=true]{outline:2px solid #c5657f;outline-offset:-2px}
.growth-measure-dialog .field:focus-visible,.growth-measure-dialog button:focus-visible,.growth-measure-dialog summary:focus-visible{outline:2px solid #a76b98;outline-offset:2px}
@media(max-width:370px){.growth-measure-dialog .gm-header{padding-left:16px}.growth-measure-dialog .gm-header h2{font-size:27px}.growth-measure-dialog .gm-heading{max-width:calc(100% - 85px)}.growth-measure-dialog .gm-motif{right:8px;transform:scale(.88);transform-origin:right bottom}.growth-measure-dialog .gm-scroll{padding-inline:12px}.growth-measure-dialog .gm-measure{padding:8px}.growth-measure-dialog .gm-measure-label{font-size:10px;gap:5px}.growth-measure-dialog .gm-optional{font-size:8px;right:7px}.growth-measure-dialog .gm-footer{padding-inline:12px}}
@media(min-width:700px){.growth-measure-dialog{place-items:center}.growth-measure-dialog .gm-header{min-height:140px;padding:24px}.growth-measure-dialog .gm-header h2{font-size:34px}.growth-measure-dialog .gm-motif{right:24px;bottom:15px;transform:scale(1.12);transform-origin:right bottom}.growth-measure-dialog .gm-heading{max-width:calc(100% - 130px)}.growth-measure-dialog .gm-scroll{padding:20px 24px}.growth-measure-dialog .gm-footer{padding:14px 24px}}

/* History opens a reading view before any edit. */
.growth-viewer{z-index:61;background:#42283970;backdrop-filter:blur(3px);padding:12px 10px max(12px,env(safe-area-inset-bottom,0px));--gv-tint:#fcf0e9;--gv-edge:#ead4c5;--gv-accent:#ad7b68}
.growth-viewer[data-tone=sizes]{--gv-tint:#f4eaf6;--gv-edge:#ddcce4;--gv-accent:#a176ac}
.growth-viewer[data-tone=teething]{--gv-tint:#f7eaf0;--gv-edge:#e7cfdc;--gv-accent:#b47c98}
.growth-viewer .sheet{width:min(620px,100%);max-height:min(92dvh,860px);display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:26px;background:#fffaf6;border:1px solid #eedfe4;color:#512044}
.growth-viewer .gv-head{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:64px;padding:13px 64px 13px 18px;flex-shrink:0;background:var(--gv-tint);border-bottom:1px solid var(--gv-edge)}
 .growth-viewer .gv-heading{display:flex;align-items:center;gap:7px;min-width:0}
.growth-viewer .gv-heading>.material-symbols-rounded{font-size:23px;color:var(--gv-accent);flex-shrink:0}
.growth-viewer h2{font:700 15px/1.3 'Nunito Sans',sans-serif;margin:0;color:#63344f;overflow-wrap:anywhere}
.growth-viewer .gv-head p{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;color:#8d7180;white-space:nowrap}
.growth-viewer .gv-head p>.material-symbols-rounded{font-size:17px}
.growth-viewer .gv-close{position:absolute;right:9px;top:10px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;padding:0;background:#fffaf6bb;color:#75435d;border:1px solid var(--gv-edge)}
.growth-viewer .gv-close>.material-symbols-rounded{font-size:21px}
.growth-viewer .gv-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px;display:flex;flex-direction:column;gap:17px;scroll-padding:18px}
.growth-viewer .gv-body>section,.growth-viewer .gv-body>.gv-notice{flex-shrink:0;min-width:0}
.growth-viewer h3{display:flex;align-items:center;gap:6px;font:700 13px/1.3 'Nunito Sans',sans-serif;margin:0 0 10px;color:#65334f}
.growth-viewer h3>.material-symbols-rounded{font-size:18px;color:var(--gv-accent)}
.growth-viewer .gv-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}
.growth-viewer .gv-values>div{min-width:0;padding:13px 11px;border:1px solid var(--gv-edge);border-radius:15px;background:color-mix(in srgb,var(--gv-tint) 55%,#fffdfb)}
.growth-viewer .gv-values .gv-wide{grid-column:1/-1}
.growth-viewer dt{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.35;color:#8d7180}
.growth-viewer dt>.material-symbols-rounded{font-size:18px;color:var(--gv-accent);flex-shrink:0}
.growth-viewer dd{font:400 25px/1.18 'DM Serif Display',Georgia,serif;margin:8px 0 0;overflow-wrap:anywhere}
.growth-viewer .gv-wide dd{font:600 14px/1.5 'Nunito Sans',sans-serif;white-space:pre-wrap}
.growth-viewer .gv-notes{position:relative;overflow:hidden;background:#fcf3f5;border:1px solid #ecdae2;border-radius:17px;padding:14px 40px 14px 14px}
.growth-viewer .gv-notes p{margin:0;font-size:13px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;color:#785c6d}
 .growth-viewer .gv-tile{position:relative;overflow:hidden;isolation:isolate;min-height:104px;display:flex;flex-direction:column;justify-content:center}
.growth-viewer .gv-values>.gv-pink{background:#fbece8;border-color:#e5c8c3;--gv-mark:#be818a}
.growth-viewer .gv-values>.gv-sage{background:#edf3ed;border-color:#c8d9ce;--gv-mark:#819f8d}
.growth-viewer .gv-values>.gv-peach{background:#fcf0e2;border-color:#e8d0b7;--gv-mark:#bd9a77}
.growth-viewer .gv-values>.gv-lilac{background:#f3eaf5;border-color:#dac7e0;--gv-mark:#ac8bb8}
.growth-viewer .gv-tile dt,.growth-viewer .gv-tile dd{position:relative;z-index:1}
.growth-viewer .gv-tile dt>.material-symbols-rounded{color:var(--gv-mark)}
.growth-viewer .gv-tile-motif{position:absolute;right:-5px;bottom:-8px;color:var(--gv-mark);opacity:.18;transform:rotate(-18deg);z-index:0;pointer-events:none}
.growth-viewer .gv-tile-motif>.material-symbols-rounded{font-size:69px;font-variation-settings:'FILL' 0,'wght' 250}
.growth-viewer .gv-tile::after{content:"";position:absolute;right:13px;top:13px;width:4px;height:4px;background:var(--gv-mark);opacity:.3;border-radius:50%;box-shadow:-10px 7px 0 -1px var(--gv-mark)}
.growth-viewer .gv-tile dd{font-size:27px}
.growth-viewer .gv-values>.gv-size-tile{position:relative;min-height:112px;background:#f8f0f8;border-color:#e1cfe4;padding:13px 11px;overflow:hidden}
.growth-viewer .gv-size-tile dt{padding-right:34px}
.growth-viewer .gv-size-art{position:absolute;right:3px;top:5px;width:45px;height:49px;object-fit:contain;pointer-events:none;opacity:.9}
.growth-viewer .gv-estimate{display:block;font-size:10px;line-height:1.4;color:#9c819c;margin-top:7px}
.growth-viewer .gv-estimate b{font-weight:600}
.growth-viewer .gv-note-flower{position:absolute;right:9px;bottom:9px;transform:rotate(15deg);opacity:.19;color:#a97491;pointer-events:none}
.growth-viewer .gv-note-flower>.material-symbols-rounded{font-size:39px;font-variation-settings:'wght' 250}
.growth-viewer .gv-photos{min-width:0}
.growth-viewer .gv-photo-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;overscroll-behavior-x:contain;scrollbar-width:none;padding:5px 3px 10px;position:relative;outline-offset:1px}
.growth-viewer .gv-photo-track::-webkit-scrollbar{display:none}
.growth-viewer .gv-photo-frame{flex:0 0 100%;min-width:0;box-sizing:border-box;scroll-snap-align:center;scroll-snap-stop:always;margin:0;padding:10px 10px 18px;border:1px solid #d8bfcc;border-radius:15px;background:#fffdf8;box-shadow:0 4px 8px #75445c12;position:relative}
.growth-viewer .gv-photo-frame::after{content:"";position:absolute;left:50%;bottom:6px;width:25px;height:2px;border-radius:2px;background:#d6bdca;transform:translateX(-50%);opacity:.5}
.growth-viewer .gv-photo-frame img{display:block;width:100%;height:auto;max-height:48dvh;object-fit:contain;border:1px solid #eee1e5;border-radius:7px;background:#f7f0eb}
.growth-viewer .gv-photos-multiple .gv-photo-track::before,.growth-viewer .gv-photos-multiple .gv-photo-track::after{content:"";flex:0 0 max(0px,calc((100% - 180px)/2 - 15px))}
.growth-viewer .gv-photos-multiple .gv-photo-frame{flex:0 0 180px;padding:8px 8px 16px;border-radius:12px}
.growth-viewer .gv-photos-multiple .gv-photo-frame img{height:154px;max-height:26dvh;object-fit:contain}
.growth-viewer .gv-photo-nav{display:flex;align-items:center;justify-content:center;gap:9px;color:#987f91;font-size:10px}
.growth-viewer .gv-notice{display:flex;gap:7px;align-items:start;font-size:11px;line-height:1.5;color:#967c8c;margin:0}
.growth-viewer .gv-notice>.material-symbols-rounded{font-size:18px;flex-shrink:0}
.growth-viewer .gv-footer{flex-shrink:0;border-top:1px solid #e8d5df;padding:12px 18px;background:#fffaf6}
.growth-viewer .gv-actions{display:flex;gap:9px}
.growth-viewer .gv-actions .btn{display:flex;justify-content:center;align-items:center;gap:7px;min-height:46px;border-radius:14px;font-size:13px;font-weight:700}
.growth-viewer .gv-actions .gv-edit,.growth-viewer .gv-actions .gv-delete{flex:1;min-width:0;background:#f0e4ed;color:#76395f;border:1px solid #d9bfd1;box-shadow:none}
.growth-viewer .gv-actions .material-symbols-rounded{font-size:19px}
.growth-viewer .gv-confirm p{font-size:14px;font-weight:700;margin:0 0 8px}
.growth-viewer .gv-confirm small{display:block;font-size:11px;line-height:1.5;color:#8e7182;margin-bottom:8px}
.growth-viewer .gv-confirm>div{display:flex;gap:8px;flex-wrap:wrap}
.growth-viewer .gv-confirm .btn{min-height:44px;flex:1;font-size:12px;border-radius:13px}
.growth-viewer .gv-confirm-delete{background:#943c5c;color:white}
.growth-viewer .gv-error{font-size:12px;color:#a43153;margin:8px 0 0}
.growth-viewer [hidden]{display:none!important}
.growth-viewer button:focus-visible,.growth-viewer .gv-photo-track:focus-visible{outline:2px solid #a76b98;outline-offset:2px}
@media(min-width:700px){.growth-viewer{place-items:center}.growth-viewer .gv-body{padding:24px}.growth-viewer .gv-head{padding:14px 66px 14px 24px}.growth-viewer .gv-footer{padding:14px 24px}}

@media(max-width:370px){.growth-viewer .gv-body{padding:14px;gap:15px}.growth-viewer .gv-head{padding-left:17px}.growth-viewer .gv-tile dd{font-size:25px}.growth-viewer .gv-values>div{padding:11px 9px}.growth-viewer .gv-size-art{width:38px;height:43px}.growth-viewer .gv-size-tile dt{padding-right:24px}.growth-viewer .gv-footer{padding-inline:14px}}

/* A bounded, recognisable photo strip; looping is manual, never autoplay. */
.growth-viewer .gv-photos-multiple{padding:10px 8px 5px;border:1px solid #d9c5d5;border-radius:18px;background:linear-gradient(135deg,#f7edf5,#fff3e6);box-shadow:inset 0 0 0 4px #fffaf677}
.growth-viewer .gv-strip-label{display:flex;align-items:center;gap:6px;color:#916f88;font-size:10px;padding:1px 5px 7px;border-bottom:1px dashed #ddcad6;margin-bottom:3px}
.growth-viewer .gv-strip-label .material-symbols-rounded{font-size:16px}
.growth-viewer .gv-strip-label span:nth-child(2){flex:1}
.growth-viewer .gv-prev-photo,.growth-viewer .gv-next-photo{display:grid;place-items:center;border:1px solid #dbc6d6;background:#fffaf6;width:30px;height:30px;padding:0;border-radius:50%;color:#8a5b7a;flex-shrink:0}
.growth-viewer .gv-prev-photo .material-symbols-rounded,.growth-viewer .gv-next-photo .material-symbols-rounded{font-size:21px}
.growth-measure-dialog .gm-photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}
.growth-measure-dialog .gm-photo-previews:empty{display:none}
.growth-measure-dialog .gm-photo-previews figure{position:relative;margin:0;min-width:0;height:94px;border:1px solid #dbc4d3;border-radius:11px;background:#fffaf6;padding:5px;display:grid;place-items:center}
.growth-measure-dialog .gm-photo-previews img{display:block;width:100%;height:100%;max-height:82px;object-fit:contain;border-radius:6px}
.growth-measure-dialog .gm-photo-previews button{position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:27px;height:27px;min-height:0;padding:0;border:1px solid #d6bdce;border-radius:50%;background:#fffaf6;color:#80536e}
.growth-measure-dialog .gm-photo-previews button .material-symbols-rounded{font-size:17px}