#growth-app,#growth-dialog{--card:var(--surface-1);--text:var(--text-primary);--line:var(--grid)}
#growth-app{max-width:920px;margin:0 auto;font-size:14px;line-height:1.55;color:var(--text)}
#growth-app *,#growth-dialog,#growth-dialog *{box-sizing:border-box;min-width:0}
#growth-app button,#growth-dialog button{font:inherit;min-height:40px;white-space:nowrap}
#growth-app .gr-profile{display:flex;align-items:center;gap:10px;padding:14px 0;flex-wrap:wrap}
#growth-app .gr-profile select{font:inherit;font-weight:700;max-width:160px}
#growth-app .gr-age{flex:1;min-width:90px;color:var(--muted);font-size:12px}
#growth-app .gr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px 8px;border-bottom:1px solid var(--line);margin-bottom:16px}
#growth-app .gr-tabs button{background:none;border:0;border-radius:0;padding:8px 0;color:var(--muted);border-bottom:2px solid transparent}
#growth-app .gr-tabs button[aria-selected=true]{color:var(--text);font-weight:700;border-bottom-color:var(--accent)}
#growth-app .gr-tabs button{font-size:13px;text-align:center}
#growth-app .gr-record-row{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line)}
#growth-app .gr-record-row>button:first-child{display:flex;gap:8px;align-items:center;flex:1;text-align:left;background:none;border:0;padding:12px 0;white-space:normal;overflow-wrap:anywhere}
#growth-app .gr-record-row>button:first-child>span:nth-child(2){flex:1}
#growth-app .gr-record-row b,#growth-app .gr-task-row b{display:block;font-size:13px;font-weight:600}
#growth-app .gr-record-row small,#growth-app .gr-task-row small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
#growth-app .gr-record-kind{color:var(--muted);font-size:11px;flex:none}
#growth-app .gr-text{padding:4px;background:none;border:0;color:var(--muted);font-size:11px}
#growth-app .gr-source-actions{display:flex;gap:8px;flex-wrap:wrap}
#growth-app .gr-source-actions button{font-size:12px;padding:6px 10px;border:1px solid var(--line);background:var(--card)}
#growth-app .gr-task-row{display:flex;align-items:center;gap:10px}
#growth-app .gr-task-row>button:first-child{width:36px;height:36px;padding:0;min-height:36px;border:1px solid var(--line);border-radius:8px}
#growth-app .gr-task-row>button:last-child{flex:1;text-align:left;white-space:normal;border:0;background:none;padding:10px 0}
#growth-app .gr-calendar-nav{display:flex;align-items:center;gap:6px;margin:12px 0}
#growth-app .gr-calendar-nav b{flex:1;text-align:center;font-size:14px}
#growth-app .gr-calendar-nav button{padding:4px 10px;min-width:32px}
#growth-app .gr-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;text-align:center}
#growth-app .gr-calendar-grid>span{font-size:12px;color:var(--muted);padding:6px 0}
#growth-app .gr-calendar-grid button{border:1px solid transparent;border-radius:8px;padding:6px 0;min-height:48px;font-size:12px;background:transparent}
#growth-app .gr-calendar-grid small{display:block;font-size:10px;min-height:15px;color:var(--accent)}
#growth-app .gr-calendar-grid button[aria-pressed=true]{background:var(--fill);border-color:var(--accent);color:var(--text)}
#growth-app .gr-calendar-grid .gr-outside{opacity:.4}
#growth-app .gr-day-heading{margin-top:18px}
#growth-app .gr-profile-date{font-size:13px}
#growth-app .gr-profile-date small{color:var(--muted)}
#growth-app .gr-story{padding:10px 0;border-bottom:1px solid var(--line)}
#growth-app .gr-story>p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}
#growth-app .gr-story>small{color:var(--muted);font-size:12px}
#growth-dialog .gr-link-row{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;white-space:normal;padding:12px 0}
#growth-dialog .gr-link-row b{display:block;font-size:14px;overflow-wrap:anywhere}
#growth-dialog .gr-link-row small{display:block;color:var(--muted);font-size:12px}
#growth-app .gr-panel{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;margin-bottom:14px}
#growth-app .gr-heading{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
#growth-app h2{font-size:15px;font-weight:700;line-height:1.4;margin:0}
#growth-app h3{font-size:14px;margin:0 0 6px}
#growth-app p{margin:8px 0}
#growth-app .gr-muted,#growth-dialog .gr-muted{color:var(--muted);font-size:12px;line-height:1.6}
#growth-app .gr-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}
#growth-app .gr-metric{background:transparent;text-align:left;border:1px solid var(--line);padding:10px;border-radius:10px;white-space:normal}
#growth-app .gr-metric[aria-pressed=true]{background:var(--fill);border-color:var(--accent);color:var(--text)}
#growth-app .gr-metric span{display:block;font-size:12px}
#growth-app .gr-metric strong{display:block;font-size:18px;margin-top:4px;font-variant-numeric:tabular-nums}
#growth-app .gr-metric small{font-size:11px;color:var(--muted)}
#growth-app .gr-chart-head{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-top:18px}
#growth-app .gr-chart-head select{font:inherit;max-width:100px;min-height:36px}
#growth-app .gr-chart{display:block;width:100%;max-height:280px;margin-top:8px;overflow:visible}
#growth-app .gr-chart text{fill:var(--text-secondary);font-size:13px;font-family:inherit}
#growth-app .gr-chart .gr-grid{stroke:var(--line);stroke-width:1}
#growth-app .gr-chart .gr-path{stroke:var(--accent);stroke-width:2;fill:none}
#growth-app .gr-chart circle{fill:var(--accent);stroke:var(--card);stroke-width:2;cursor:pointer}
#growth-app .gr-chart [role=button]:focus circle{stroke:var(--text);stroke-width:3}
#growth-app .gr-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
#growth-app .gr-table th{color:var(--muted);font-weight:500;white-space:nowrap;text-align:right;padding:9px 3px;border-bottom:1px solid var(--line)}
#growth-app .gr-table th:first-child,#growth-app .gr-table td:first-child{text-align:left}
#growth-app .gr-table td{text-align:right;padding:6px 3px;border-bottom:1px solid var(--line)}
#growth-app .gr-table td button{padding:4px 0;border:0;background:none;text-align:left;color:var(--accent);font-size:12px;white-space:normal}
#growth-app .gr-table small{display:block;color:var(--muted);font-size:10px}
#growth-app .gr-empty{padding:26px 10px;text-align:center;color:var(--muted)}
#growth-app .gr-filter{display:flex;gap:8px;margin:12px 0}
#growth-app .gr-filter input{flex:1;width:100%;min-width:0;font:inherit}
#growth-app .gr-filter select{max-width:108px;font:inherit}
#growth-app .gr-prep-row{display:flex;width:100%;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;border-radius:0;padding:13px 0;white-space:normal}
#growth-app .gr-prep-row>span:first-child{flex:1;overflow-wrap:anywhere}
#growth-app .gr-prep-row b{font-size:14px;display:block}
#growth-app .gr-prep-row small{display:block;color:var(--muted);font-size:12px}
#growth-app .gr-state{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:3px 7px;flex:none}
#growth-app .gr-state.pending{color:var(--accent)}
#growth-app .gr-state.ready,#growth-app .gr-state.excluded{color:var(--muted)}
#growth-app .gr-error,#growth-dialog .gr-error{color:var(--critical,#bd3444);font-size:13px;white-space:pre-line}
#growth-dialog{width:calc(100% - 24px);max-width:460px;max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--text);padding:20px}
#growth-dialog::backdrop{background:rgba(12,25,43,.42)}
#growth-dialog .gr-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#growth-dialog h2{font-size:16px;margin:0}
#growth-dialog label{display:block;font-size:13px;margin:12px 0;color:var(--muted)}
#growth-dialog input,#growth-dialog select,#growth-dialog textarea{display:block;width:100%;margin-top:6px;font:inherit;font-size:15px;color:var(--text);background:var(--card);border:1px solid var(--line);border-radius:8px;padding:10px;min-height:42px}
#growth-dialog .gr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#growth-dialog .gr-form-grid label{margin:6px 0}
#growth-dialog .gr-date-field{display:flex;align-items:center;gap:6px}
#growth-dialog .gr-date-field input{flex:1;min-width:0}
#growth-dialog .gr-date-field button{margin-top:6px;padding:6px 10px}
#growth-dialog .income-date-nav{display:grid;grid-template-columns:28px minmax(60px,1fr) 56px 28px 38px;gap:3px;align-items:center}
#growth-dialog .income-date-nav input,#growth-dialog .income-date-nav select{width:100%;min-width:0;padding:4px;margin:0;font-size:13px}
#growth-dialog .income-date-nav button{min-width:0;padding:4px;font-size:13px}
#growth-dialog .income-date-grid button{padding:4px;min-width:0;font-size:13px}
#growth-dialog .gr-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
#growth-dialog .gr-actions [type=submit]{flex:1}
#growth-dialog [data-gr=close]{background:none;border:0;font-size:20px}
#growth-dialog .gr-delete{color:var(--critical,#bd3444);border:0;background:none}
@media(max-width:350px){#growth-app .gr-panel{padding:12px}#growth-app .gr-metric{padding:7px}#growth-app .gr-metric strong{font-size:16px}#growth-app .gr-profile{gap:6px}#growth-app .gr-table{font-size:11px}}
#growth-app .gr-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#growth-app .gr-categories button{font-size:12px;white-space:normal;line-height:1.35;padding:7px 4px;border:1px solid var(--line);background:var(--card);border-radius:8px}
#growth-app .gr-categories small{font-size:11px;color:var(--muted)}
#growth-app [aria-pressed=true]{border-color:var(--accent);background:var(--fill)}
#growth-app .gr-prep-group{margin-top:20px}
#growth-app .gr-prep-group h3{font-size:13px;font-weight:600;padding-bottom:6px;border-bottom:1px solid var(--line)}
#growth-app .gr-prep-group h3 small{font-weight:400;color:var(--muted);font-size:12px}
#growth-app .gr-daily-nav{display:flex;gap:5px;align-items:center}
#growth-app .gr-daily-nav input,#growth-app .gr-calendar-nav input{flex:1;min-width:0;width:100%;font:inherit;font-size:13px;min-height:40px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:5px}
#growth-app .gr-daily-nav button{padding:5px 10px}
#growth-app .gr-check-row{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding:7px 0}
#growth-app .gr-check-row>button:first-child{flex:none;width:38px;min-height:38px;padding:0;border:1px solid var(--line);border-radius:8px}
#growth-app .gr-check-row>span{flex:1;overflow-wrap:anywhere}
#growth-app .gr-check-row b{font-size:13px;font-weight:600}
#growth-app .gr-check-row small{display:block;font-size:11px;color:var(--muted)}
#growth-app .gr-template{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}
#growth-app .gr-template button{font-size:12px;white-space:normal;min-height:40px;margin:0 5px 6px 0;border:1px solid var(--line);background:var(--card);padding:6px 9px}
#growth-app .gr-care-totals{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}
#growth-app .gr-care-totals span{padding:5px 8px;background:var(--fill);border-radius:6px}
#growth-app .gr-entry-row{display:block;white-space:normal;width:100%;text-align:left;overflow-wrap:anywhere;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}
#growth-app .gr-entry-row b{font-size:13px}
#growth-app .gr-entry-row small{display:block;font-size:12px;color:var(--muted);margin-top:4px}
#growth-app .gr-vaccine-record{display:flex;align-items:center;gap:6px}
#growth-app .gr-vaccine-record>button:first-child{flex:1}
#growth-app .gr-day-log{margin-top:12px}
#growth-app summary{cursor:pointer;min-height:40px;line-height:1.5;font-size:13px;padding:8px 0}
#growth-app .gr-timeline{padding:6px 0;border-bottom:1px solid var(--line)}
#growth-app .gr-timeline summary{display:flex;gap:8px;align-items:baseline;list-style:none}
#growth-app .gr-timeline summary::after{content:'＋';flex:none;font-weight:400;color:var(--muted)}
#growth-app .gr-timeline[open]>summary::after{content:'−'}
#growth-app .gr-timeline summary>span:last-child{flex:1;overflow-wrap:anywhere}
#growth-app .gr-timeline summary b{font-size:13px;font-weight:600}
#growth-app .gr-timeline summary small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}
#growth-app .gr-timeline p,#growth-app .gr-timeline a{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
#growth-app .gr-guide-nav{margin-bottom:12px}
#growth-app .gr-source-actions select{font:inherit;font-size:12px;max-width:100%;min-height:40px}
#growth-app button:disabled{opacity:.45;cursor:default}
#growth-dialog .gr-weekdays{padding:10px 0;border:0;display:flex;justify-content:space-between;gap:3px}
#growth-dialog .gr-weekdays legend{font-size:13px;color:var(--muted)}
#growth-dialog .gr-weekdays label{margin:0;text-align:center;font-size:12px;cursor:pointer}
#growth-dialog .gr-weekdays input{width:20px;height:20px;min-height:20px;margin:5px auto;padding:0;accent-color:var(--accent)}
@media(min-width:640px){#growth-app .gr-categories{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* 2026-09-27 사용예시(임시) — 목업 사진 세로로 */
#growth-app .gr-examples{display:grid;gap:18px;margin-top:10px}
#growth-app .gr-examples figure{margin:0}
#growth-app .gr-examples figcaption{font-size:12px;font-weight:650;color:var(--text-secondary);margin:0 0 6px}
#growth-app .gr-examples img{display:block;width:100%;max-width:390px;height:auto;margin:0 auto;border:1px solid var(--line);border-radius:14px;background:var(--card)}
/* ───── 2026-09-27 성장집 v2 (승인 목업) — 가계부 결산표와 같은 톤: 조밀한 한 줄 목록 · 굵은 선 머리 · 강조색 하나 ───── */
#growth-app{--soft:color-mix(in srgb,var(--accent) 9%,transparent);--hair:color-mix(in srgb,var(--line) 55%,transparent);--band:color-mix(in srgb,var(--muted) 28%,transparent)}
#growth-app button:where(.gr-kid,.gr-tabs2 button,.gr-lnk,.gr-arr,.gr-box,.gr-mini,.gr-log,.gr-it,.gr-it-b,.gr-ms,.gr-kv,.gr-road-r,.gr-sw,.gr-seg button,.gr-stages button,.gr-flt button,.gr-quick button,.gr-adds button,.gr-banner button){min-height:0;background:none;border:0;border-radius:0;box-shadow:none;padding:0;color:inherit;font:inherit;text-align:left;white-space:nowrap}
#growth-app .gr-sp{flex:1}
#growth-app .mut{color:var(--muted)}
#growth-app .up{color:#d84a3a}#growth-app .down{color:var(--accent)}
/* 아이 고르기 — 아이가 몇이든 같은 줄 */
#growth-app .gr-kids{display:flex;gap:6px;padding:10px 0 0;overflow-x:auto;scrollbar-width:none}
#growth-app .gr-kids::-webkit-scrollbar{display:none}
#growth-app .gr-kid{flex:none;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:700}
#growth-app .gr-kid small{font-size:11px;font-weight:600;color:var(--muted)}
#growth-app .gr-kid.on{background:var(--text);border-color:var(--text);color:var(--card)}
#growth-app .gr-kid.on small{color:color-mix(in srgb,var(--card) 72%,transparent)}
#growth-app .gr-kid.add{border-style:dashed;color:var(--muted);font-weight:600}
#growth-app .gr-tabs2{display:flex;gap:16px;margin-top:10px;border-bottom:1px solid var(--hair);overflow-x:auto;scrollbar-width:none}
#growth-app .gr-tabs2::-webkit-scrollbar{display:none}
#growth-app .gr-tabs2 button{flex:none;font-size:15px;font-weight:750;color:var(--muted);padding-bottom:7px;border-bottom:2px solid transparent;margin-bottom:-1px}
#growth-app .gr-tabs2 button.on{color:var(--text);border-bottom-color:var(--text)}
#growth-app .gr-tabs2 button[data-tab=examples]{font-size:12px;font-weight:650;align-self:flex-end;padding-bottom:9px}
/* 문서 머리 · 세 칸 */
#growth-app .gr-doc{padding-top:10px}
#growth-app .gr-doc-h{display:flex;align-items:center;gap:6px}
#growth-app .gr-doc-h h2{margin:0;font-size:15px;font-weight:750}
#growth-app .gr-doc-h small{font-size:11px;color:var(--muted)}
#growth-app .gr-arr{width:22px;height:26px;text-align:center;font-size:16px;color:var(--text-secondary)}
#growth-app .gr-doc-sub{font-size:11.5px;color:var(--muted);line-height:1.5;white-space:normal}
#growth-app .gr-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:10px;border:1px solid var(--line);border-radius:10px}
#growth-app .gr-kpi>div{padding:7px 9px;min-width:0}
#growth-app .gr-kpi>div+div{border-left:1px solid var(--hair)}
#growth-app .gr-kpi small{display:block;font-size:10.5px;color:var(--muted)}
#growth-app .gr-kpi b{display:block;margin-top:1px;font-size:15px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-kpi b.acc{color:var(--accent)}
#growth-app .gr-kpi em{display:block;font-style:normal;font-size:10.5px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-unit{font-size:11px;font-weight:600;color:var(--muted)}
/* 굵은 선 머리 */
#growth-app .gr-sec{display:flex;align-items:baseline;gap:6px;margin-top:16px;padding-bottom:5px;border-bottom:1.5px solid var(--text)}
#growth-app .gr-sec h3{margin:0;font-size:13px;font-weight:750}
#growth-app .gr-sec small{font-size:11px;color:var(--muted)}
#growth-app .gr-lnk{font-size:11.5px;font-weight:650;color:var(--accent)}
#growth-app .gr-links{display:flex;gap:14px;padding-top:6px}
#growth-app .gr-foot{margin:10px 0 16px;font-size:10.5px;line-height:1.55;color:var(--muted)}
#growth-app .gr-foot a{color:var(--accent)}
#growth-app .gr-quick{display:flex;gap:5px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
#growth-app .gr-quick::-webkit-scrollbar{display:none}
#growth-app .gr-quick button{flex:none;height:28px;padding:0 10px;border-radius:8px;background:var(--fill);font-size:12px;font-weight:650}
#growth-app .gr-quick button:disabled{opacity:.45}
#growth-app .gr-banner{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px;line-height:1.45;color:var(--text-secondary)}
#growth-app .gr-banner span{flex:1;white-space:normal}
#growth-app .gr-banner button{flex:none;height:26px;padding:0 10px;border-radius:7px;background:var(--text);color:var(--card);font-size:11.5px;font-weight:700}
/* 오늘 체크 */
#growth-app .gr-ck{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--hair)}
#growth-app .gr-box{width:18px;height:18px;border:1.5px solid var(--line);border-radius:5px;display:grid;place-items:center;font-size:11px;color:transparent}
#growth-app .gr-ck.done .gr-box,#growth-app .gr-it.done .gr-box,#growth-app .gr-box[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--card)}
#growth-app .gr-ck.auto .gr-box{border-style:dotted;border-color:var(--muted)}
#growth-app .gr-ck.need .gr-box{border-style:dashed;border-color:var(--muted);border-radius:50%}
#growth-app .gr-ck-t b{display:block;font-size:13px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-ck.done .gr-ck-t b{color:var(--text-secondary)}
#growth-app .gr-ck-t i{display:block;font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-v{font-size:12.5px;font-weight:700;text-align:right;white-space:nowrap}
#growth-app .gr-v small{display:block;font-size:10.5px;font-weight:500;color:var(--muted)}
#growth-app .gr-mini{font-size:11px;color:var(--muted)}
/* 시간순 기록 · 한 줄 목록 */
#growth-app .gr-log{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;width:100%;padding:5.5px 0;border-bottom:1px solid var(--hair);font-size:12.5px;align-items:baseline}
#growth-app .gr-log time{font-size:11.5px;color:var(--muted)}
#growth-app .gr-log span,#growth-app .gr-log em{overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-log em{font-style:normal;font-size:11px;color:var(--muted);max-width:40vw}
#growth-app .gr-it{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;width:100%;padding:7px 0;border-bottom:1px solid var(--hair);align-items:baseline}
#growth-app div.gr-it{display:flex;align-items:center}
#growth-app .gr-it-b{flex:1;min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:8px;align-items:baseline}
#growth-app .gr-d{font-size:11.5px;font-weight:700;line-height:1.3}
#growth-app .gr-d small{display:block;font-size:10.5px;font-weight:500;color:var(--muted)}
#growth-app .gr-it-t b{display:block;font-size:13px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-it-t i{display:block;font-style:normal;font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-it.done .gr-it-t b{color:var(--muted);text-decoration:line-through}
#growth-app .gr-kind{font-size:10.5px;color:var(--muted);white-space:nowrap}
#growth-app .gr-tag{display:inline-block;padding:1px 6px;border-radius:5px;background:var(--fill);font-size:10.5px;font-weight:650;color:var(--text-secondary);white-space:nowrap}
#growth-app .gr-ok{font-size:11px;font-weight:700;color:var(--accent);white-space:nowrap}
#growth-app .gr-adds{display:flex;gap:6px;margin-top:12px}
#growth-app .gr-adds button{flex:1;height:30px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-weight:650;text-align:center}
#growth-app .gr-memo{margin-top:12px;padding:8px 10px;border-left:3px solid var(--text);background:var(--fill);font-size:12px;line-height:1.6}
/* 한 줄 고르기 */
#growth-app .gr-seg{display:flex;margin-top:10px;padding:2px;border-radius:8px;background:var(--fill)}
#growth-app .gr-seg button{flex:1;height:26px;border-radius:6px;font-size:11.5px;font-weight:650;color:var(--muted);text-align:center}
#growth-app .gr-seg button[aria-pressed=true]{background:var(--card);color:var(--text);box-shadow:0 1px 2px rgba(23,38,60,.14)}
#growth-app .gr-flt{display:flex;align-items:center;gap:4px;margin-top:10px;flex-wrap:wrap}
#growth-app .gr-flt button{height:26px;padding:0 10px;border:1px solid transparent;border-radius:999px;font-size:11.5px;font-weight:650;color:var(--muted)}
#growth-app .gr-flt button[aria-pressed=true]{border-color:var(--line);background:var(--fill);color:var(--text)}
#growth-app .gr-flt .gr-lnk{padding:0 4px}
/* 성장 — 그래프 · 표 */
#growth-app .gr-chart2{display:block;width:100%;height:auto;max-height:190px;margin-top:6px}
#growth-app .gr-chart2 .gr-grid{stroke:var(--hair)}
#growth-app .gr-chart2 text{fill:var(--muted);font-size:10px}
#growth-app .gr-chart2 .gr-path{fill:none;stroke:var(--accent);stroke-width:1.8}
#growth-app .gr-chart2 circle{fill:var(--card);stroke:var(--accent);stroke-width:1.6;cursor:pointer}
#growth-app .gr-table2{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
#growth-app .gr-table2 th{background:none;padding:6px 0 5px;border-bottom:1px solid var(--line);font-size:10.5px;font-weight:650;color:var(--muted);text-align:right}
#growth-app .gr-table2 :is(th,td):first-child{text-align:left}
#growth-app .gr-table2 td{padding:5px 0;border-bottom:1px solid var(--hair);text-align:right;white-space:nowrap;cursor:pointer}
#growth-app .gr-table2 td:first-child{color:var(--text-secondary)}
#growth-app .gr-table2 :is(th,td)+:is(th,td){padding-left:8px}
#growth-app .gr-table2 tr.last td{font-weight:750;color:var(--text)}
/* 발달 — 보통 하는 시기 막대 · 우리 아이 점 · 지금 선 */
#growth-app .gr-ms-axis,#growth-app .gr-ms{display:grid;grid-template-columns:100px minmax(0,1fr) 66px;gap:8px;align-items:center}
#growth-app .gr-ms-axis{padding:6px 0 2px;font-size:9.5px;color:var(--muted)}
#growth-app .gr-ticks{position:relative;height:12px}
#growth-app .gr-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
#growth-app .gr-ms{width:100%;padding:6px 0;border-bottom:1px solid var(--hair)}
#growth-app .gr-ms:disabled{opacity:1;cursor:default}
#growth-app .gr-ms-t b{display:block;font-size:12.5px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-ms-t small{display:block;font-size:10.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-track{position:relative;height:14px}
#growth-app .gr-track::before{content:"";position:absolute;left:0;right:0;top:6.5px;height:1px;background:var(--hair)}
#growth-app .gr-track i{position:absolute}
#growth-app .gr-band{top:3px;height:8px;border-radius:4px;background:var(--band)}
#growth-app .gr-mid{top:3px;width:2px;height:8px;background:var(--text-secondary);transform:translateX(-1px);opacity:.55}
#growth-app .gr-tick{top:1px;width:2px;height:12px;border-radius:1px;background:var(--text-secondary);transform:translateX(-1px)}
#growth-app .gr-now-line{top:-6px;bottom:-6px;border-left:1.5px dashed var(--accent);opacity:.7}
#growth-app .gr-dot{top:2px;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translateX(-5px);box-shadow:0 0 0 2px var(--card)}
#growth-app .gr-ms-v{text-align:right;line-height:1.25}
#growth-app .gr-ms-v b{display:block;font-size:11.5px;font-weight:650}
#growth-app .gr-ms-v small{display:block;font-size:10px;color:var(--muted)}
#growth-app .gr-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:10.5px;color:var(--muted);align-items:center}
#growth-app .gr-legend i{display:inline-block;vertical-align:middle;margin-right:4px}
#growth-app .gr-legend .lb{width:18px;height:7px;border-radius:4px;background:var(--band)}
#growth-app .gr-legend .lt{width:2px;height:11px;background:var(--text-secondary)}
#growth-app .gr-legend .ld{width:9px;height:9px;border-radius:50%;background:var(--accent)}
#growth-app .gr-legend .ln{height:11px;border-left:1.5px dashed var(--accent)}
/* 시기별 */
#growth-app .gr-stages{display:flex;gap:4px;margin-top:10px;overflow-x:auto;scrollbar-width:none}
#growth-app .gr-stages::-webkit-scrollbar{display:none}
#growth-app .gr-stages button{flex:none;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:650;color:var(--text-secondary)}
#growth-app .gr-stages button[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--card)}
#growth-app .gr-me{margin-left:3px;font-size:10px;font-weight:700;color:var(--accent)}
#growth-app .gr-stages button[aria-pressed=true] .gr-me{color:color-mix(in srgb,var(--card) 75%,transparent)}
#growth-app .gr-kv{display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;width:100%;padding:7px 0;border-bottom:1px solid var(--hair);font-size:12.5px;line-height:1.55;white-space:normal}
#growth-app .gr-dt{font-size:11.5px;color:var(--muted);padding-top:1px}
#growth-app .gr-dd{display:block;min-width:0}
#growth-app .gr-dd>div{margin-top:1px}
#growth-app .gr-src{font-size:10.5px;color:var(--muted)}
#growth-app .gr-src a{color:inherit;text-decoration:underline}
#growth-app .gr-small{font-size:11.5px}
#growth-app .gr-ours{display:flex;align-items:center;gap:6px;margin-top:5px;padding:5px 8px;border-radius:8px;background:var(--soft);font-size:12px}
#growth-app .gr-ours b{color:var(--accent)}
#growth-app .gr-cmp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:6px;border:1px solid var(--line);border-radius:8px}
#growth-app .gr-cmp>div{padding:5px 7px;min-width:0}
#growth-app .gr-cmp>div+div{border-left:1px solid var(--hair)}
#growth-app .gr-cmp small{display:block;font-size:10px;color:var(--muted)}
#growth-app .gr-cmp b{display:block;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-cmp-v{margin-top:4px;font-size:11.5px;color:var(--text-secondary)}
#growth-app .gr-tpl{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--hair);font-size:12.5px}
#growth-app .gr-tpl>span:first-child{flex:1;min-width:0}
#growth-app .gr-tpl small{margin-left:6px;font-size:10.5px;color:var(--muted)}
#growth-app .gr-sw{position:relative;flex:none;width:30px;height:18px;border-radius:999px;background:var(--line)}
#growth-app .gr-sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--card);transition:left .15s}
#growth-app .gr-sw.on{background:var(--text)}
#growth-app .gr-sw.on::after{left:14px}
/* 접종 · 검진 이정표 */
#growth-app .gr-road-list{margin-top:6px}
#growth-app .gr-road-g{display:grid;grid-template-columns:78px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--hair);align-items:start}
#growth-app .gr-road-rows{display:grid;gap:3px;min-width:0}
#growth-app .gr-road-h b{display:block;font-size:12.5px;font-weight:750;white-space:normal}
#growth-app .gr-road-h small{display:block;font-size:10.5px;color:var(--muted)}
#growth-app .gr-road-r{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:6px;width:100%;align-items:baseline;padding:1px 0;font-size:12.5px}
#growth-app .gr-road-t{overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-road-t small{display:block;font-size:10.5px;color:var(--muted)}
#growth-app .gr-road-s{margin-left:6px}
#growth-app .gr-now{margin:2px 0;padding:3px 0 3px 8px;border-left:2px solid var(--accent);font-size:11px;font-weight:700;color:var(--accent)}
@media(max-width:350px){#growth-app .gr-ms-axis,#growth-app .gr-ms{grid-template-columns:86px minmax(0,1fr) 60px}#growth-app .gr-kpi b{font-size:14px}}
/* ───── 2026-09-27 v0.0441 — 흰 카드 위에(목업 · 가계부 화면처럼) · 달력 탭 · 좁은 폰 ───── */
#growth-app .gr-sheet{margin-top:10px;padding:2px 14px 6px;background:var(--card);border-radius:var(--radius,18px);box-shadow:var(--shadow)}
#growth-app .gr-sheet>.gr-seg:first-child,#growth-app .gr-sheet>.gr-stages:first-child{margin-top:12px}
#growth-app .gr-tabs2{gap:14px}
#growth-app .gr-tabs2 button{font-size:14.5px}
#growth-app .gr-ms-v small{white-space:normal}
#growth-app .gr-ms-v b{white-space:nowrap}
#growth-app .gr-ms:disabled .gr-ms-t b{color:var(--text)}
/* 달력 */
#growth-app .gr-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-top:8px;border-top:1.5px solid var(--text)}
#growth-app .gr-cw{padding:5px 0 4px;text-align:center;font-size:10.5px;font-weight:650;color:var(--muted)}
#growth-app .gr-cw.sun{color:#d84a3a}
#growth-app button.gr-cd{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:0;height:50px;padding:4px 0 3px;border:0;border-top:1px solid var(--hair);border-radius:0;background:none;box-shadow:none;color:var(--text);text-align:center;font:inherit}
#growth-app .gr-cd .gr-cn{font-size:12.5px;font-weight:600;line-height:1.2}
#growth-app .gr-cd .gr-cl{font-size:9px;line-height:1.2;color:var(--accent);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#growth-app .gr-cdots{display:flex;gap:2px;height:6px;align-items:center}
#growth-app .gr-cd.out{opacity:.35}
#growth-app .gr-cd.today .gr-cn{color:var(--accent);font-weight:800;text-decoration:underline;text-underline-offset:2px}
#growth-app .gr-cd.bday .gr-cn{display:inline-grid;place-items:center;width:22px;height:18px;border-radius:9px;box-shadow:0 0 0 1.5px var(--accent)}
#growth-app .gr-cd[aria-pressed=true]{background:var(--fill);border-radius:10px}
#growth-app .gr-dot2{display:inline-block;width:5px;height:5px;border-radius:50%;vertical-align:middle}
#growth-app .gr-dot2.vac{background:var(--accent)}
#growth-app .gr-dot2.dev{background:var(--muted)}
#growth-app .gr-dot2.life{background:var(--text)}
#growth-app .gr-dot2.prep{background:none;box-shadow:inset 0 0 0 1.2px var(--text-secondary)}
#growth-app .gr-legend .gr-dot2{margin-right:4px}
@media(max-width:380px){#growth-app .gr-sheet{padding:2px 12px 6px}#growth-app .gr-kpi b{font-size:14px}#growth-app .gr-tabs2{gap:12px}#growth-app .gr-tabs2 button{font-size:14px}#growth-app .gr-ms-axis,#growth-app .gr-ms{grid-template-columns:92px minmax(0,1fr) 64px}}
#growth-app div.gr-it.st{display:grid}
/* 잘려 보이는 가로 스크롤 대신 줄바꿈 — 360px 폰에서 ‘+ 코 흡’처럼 끝이 잘려 넘친 것처럼 보였다 */
#growth-app .gr-quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible}
#growth-app .gr-quick button{width:100%;padding:0 4px;text-align:center;overflow:hidden;text-overflow:ellipsis}
#growth-app .gr-stages{flex-wrap:wrap;overflow:visible}
#growth-app .gr-kpi em{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}
/* 태어났어요 · 생일 입력 (2026-09-27) */
#growth-app .gr-born-box{display:flex;align-items:center;gap:10px}
#growth-app .gr-born-box p{flex:1;margin:0}
#growth-app button.gr-born{flex:none;min-height:0;height:32px;padding:0 12px;border:0;border-radius:9px;background:var(--text);color:var(--card);font-size:12px;font-weight:750;white-space:nowrap}
@media(max-width:380px){#growth-app .gr-born-box{flex-direction:column;align-items:stretch}#growth-app button.gr-born{width:100%}}