/* 了解孩子 v0.7.3 — warm paper, botanical illustrations, a quiet sense of discovery.
   Presentation only; no generated evidence, unlock progress or model results. */
:root{--pm-bg:#f2eee4;--pm-card:#FBF7EE;--pm-ink:#28334C;--pm-sub:#626D7F;--pm-line:#e1e3d5;--pm-brand:#1E2A5A;--pm-brand-soft:#EAF5EC;--pm-brand-line:#b8cbb0;--pm-warm:#f4e9d5;--pm-warm-ink:#805934;--pm-r:23px;--paper-shadow:0 5px 18px #354f3b06;--serif:"Noto Serif CJK SC","Songti SC",serif}
body[data-mode="parent"]{background:radial-gradient(ellipse at 12% 10%,#dfe6d8 0,transparent 42%),radial-gradient(ellipse at 85% 95%,#e9dcc8 0,transparent 45%),#eeeade}
#pmRoot{max-width:460px;background:#FBF7EE;border-color:#e2e2d4;font-weight:400}
#pmBody{background-image:radial-gradient(#9f95600c .7px,transparent .7px);background-size:7px 7px;padding:22px 22px 32px;scrollbar-width:thin;scrollbar-color:#cad3be transparent}
#pmRoot button,#pmRoot input,#pmRoot textarea,#pmRoot select{touch-action:manipulation}
#pmRoot button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
#pmRoot button:active:not(:disabled){transform:translateY(1px)}
#pmRoot :focus-visible{outline:3px solid #b27a3e;outline-offset:3px}
.pm-head{margin-bottom:20px}.pm-h1{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:.2px;color:#1E2A5A}.pm-sub{font-size:14px;line-height:1.85;margin-top:7px;color:#626D7F}
.fam-identity{position:relative;margin:0 0 22px;padding:0 0 16px;border-bottom:1px solid #DFE3EC;gap:10px}
.fam-identity>span{display:grid;grid-template-columns:42px minmax(0,1fr);column-gap:11px;align-items:center;min-width:0}
.fam-identity>span::before{content:"";grid-row:1/3;width:42px;height:44px;border-radius:15px 15px 15px 5px;background-color:#e5ebd8;background-image:none;mask:none;box-shadow:inset 0 0 0 1px #d7dfc8}
.fam-identity>span::after{content:"";position:absolute;left:10px;top:9px;width:23px;height:25px;background:#5b7b55;mask:var(--identity-icon) center/contain no-repeat}
.fam-identity strong{font-size:16px;line-height:1.5;letter-spacing:.4px;color:#1E2A5A;overflow-wrap:anywhere}.fam-identity small{font-size:12px;margin:0;color:#697761;line-height:1.6}
#pmBody .fam-identity .pm-link{border:1px solid #d9e1cf;border-radius:30px;padding:5px 13px;min-width:55px;min-height:38px;background:#f3f5e8;text-decoration:none;font-size:12px;flex-shrink:0}
.pm-btn{background:#1E2A5A;box-shadow:0 4px 0 #1e4437;border:1px solid #1E2A5A;border-radius:18px;font-size:16px;letter-spacing:.5px;min-height:52px;line-height:1.6;padding:12px 16px;margin-bottom:4px}
.pm-btn.ghost{background:#FFFEFB;border:1px solid #c0ceb7;color:#1E2A5A;box-shadow:0 2px 0 #e3e8d8}
.pm-btn:disabled{box-shadow:none;opacity:.48}.pm-btn:active:not(:disabled){box-shadow:0 1px 0 #1e4437!important;transform:translateY(2px)!important}
.pm-btn.ghost:active{box-shadow:none!important}.pm-link{color:#486744;text-decoration-color:#9eae8c;text-underline-offset:5px}
.pm-tabs{flex-shrink:0;position:relative;z-index:3;border-top:1px solid #DFE3EC;background:#fffdf7;box-shadow:0 -7px 25px #35432c05;padding:8px 7px calc(7px + env(safe-area-inset-bottom));gap:4px}
.pm-tab{padding:6px 0 4px;border-radius:18px;gap:4px;color:#626D7F;font-size:11px;min-height:54px}
.pm-tab.on{background:#EDF0F8;color:#1E2A5A;font-weight:650}.pm-tab .ic{display:grid;place-items:center;font-size:0;width:30px;height:25px;line-height:1}
.pm-tab .ic::after{content:"";display:block;width:23px;height:23px;background:currentColor;mask:var(--icon) center/contain no-repeat}
.pm-scene{position:relative;margin-bottom:20px;overflow:hidden;border-radius:24px;box-shadow:inset 0 0 0 1px #ffffff70}.pm-scene svg{border-radius:24px}
#pmRoot[data-view="today"] .pm-scene+.pm-head .pm-h1{font-family:var(--serif);font-size:25px;font-weight:700;letter-spacing:.4px}
.pm-quote{position:relative;font-size:14px;color:#526e46;padding:0 0 0 12px;line-height:1.85;margin:0 0 18px;border-left:3px solid #b6bf8d}
.pm-cover{padding:0}.pm-cover .pm-scene{margin-bottom:24px}.pm-covertitle{font-family:var(--serif);font-size:32px;letter-spacing:3px;color:#1E2A5A}.pm-coversub{font-size:15px;letter-spacing:.5px;color:#69785c;margin-top:5px;margin-bottom:24px}
.pm-coverblock{background:#FFFEFB;border:1px solid #e1e4d3;border-radius:22px;padding:18px 18px;margin-bottom:13px;box-shadow:var(--paper-shadow)}
.pm-coverblock:nth-of-type(4){background:#edf1e1;border-color:#dce4cb}.pm-coverblock h5{font-size:13px;letter-spacing:2px;display:flex;align-items:center;gap:9px;margin-bottom:10px;color:#52734a}
.pm-coverblock h5::before{content:"";display:block;width:6px;height:6px;border-radius:2px;transform:rotate(45deg);background:#b5bd85}
.pm-coverblock li{font-size:14px;line-height:1.85;color:#4e5946}.pm-coverblock li::marker{color:#a6b18b}
.pm-tip,.fam-notice{background:#f5ead6;border:1px solid #e9d9bc;border-radius:16px;color:#785d3c;font-size:13px}
.pm-flash{background:#edf1e1;border-color:#d6e1c8;color:#42613c;border-radius:17px;box-shadow:var(--paper-shadow)}
.fam-todaycard{position:relative;overflow:hidden;margin-top:17px;padding:20px;background:#FFFEFB;border:1px solid #e0e5d3;box-shadow:var(--paper-shadow);border-radius:23px}
.fam-todaycard h3{font-size:17px;letter-spacing:.3px;color:#364b35;margin-bottom:10px}.fam-todaycard p{font-size:14px;line-height:1.85;color:#6a7561}.fam-todaycard .pm-link{font-size:13px;font-weight:550}
.fam-todaycard+.fam-todaycard{background:#edf1e1}.pm-sec{margin:27px 0 12px}.pm-sec h4{font-size:14px;color:#506140;letter-spacing:.5px}.pm-sec span{background:#eef1e4;color:#6d7e57;padding:2px 9px;border-radius:20px;font-size:11px}
.fam-modulegrid{gap:12px;margin:22px 0}.fam-module{position:relative;padding:17px 15px;min-height:153px;border-color:#e1e4d4;border-radius:22px;background:#edf1df;box-shadow:0 4px 0 #dfe5d2;overflow:hidden}
.fam-module[onclick="FAM.start('C')"]{background:#f5e9d3;border-color:#ecddbf;box-shadow:0 4px 0 #e9dbbd}.fam-module[onclick="FAM.start('H')"]{background:#e4edeb;border-color:#d5e0da;box-shadow:0 4px 0 #d3dfd6}.fam-module[onclick="FAM.start('E')"]{background:#eee7da;border-color:#e4dbcb;box-shadow:0 4px 0 #dfd6c7}
.fam-module::after{content:"↗";position:absolute;right:15px;top:17px;font-size:17px;color:#718568;opacity:.6}.fam-module strong{font-size:16px;line-height:1.5;letter-spacing:.1px;color:#1E2A5A;margin:12px 0 7px}.fam-module small{font-size:11px;color:#707961;line-height:1.5;display:block}
.fam-moduleicon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#fffcf380;font-size:0;color:#658252}.fam-moduleicon::before{content:"";width:24px;height:24px;display:block;background:currentColor;mask:var(--icon) center/contain no-repeat}
.fam-module:disabled{opacity:.55;box-shadow:none}
.pm-flowchoice,.pm-flowopt,.pm-opt{background:#FFFEFB;border:1px solid #DFE3EC;box-shadow:0 3px 0 #ebeddf;border-radius:18px;line-height:1.65;min-height:58px;color:#3f4c39}
#pmBody .pm-flowopt{font-size:15px;padding:15px 15px;margin-bottom:12px}.pm-flowopt.on,.pm-opt.on{border-color:#769161;background:#EAF5EC;box-shadow:inset 0 0 0 1px #769161,0 3px 0 #d5dfc5;color:#2e5237}
.pm-flowmark,.pm-arrow{font-size:19px;color:#6b8659;flex-shrink:0}.pm-flowopt.on .pm-flowmark{background:#69865a;color:#fff;border-radius:50%;display:grid;place-items:center;min-width:22px;height:22px;font-size:13px}
.pm-flowgrid{gap:12px}.pm-flowgrid .pm-flowchoice{padding:16px 13px;min-height:108px;border-radius:20px;gap:12px;box-shadow:0 4px 0 #e9eddd;font-size:15px;background:#edf1e2}
.pm-flowgrid .pm-flowchoice:nth-child(4n+2){background:#f6ecd9;border-color:#e7dec7;box-shadow:0 4px 0 #ede1c8}.pm-flowgrid .pm-flowchoice:nth-child(4n+3){background:#eaf0eb}.pm-flowgrid .pm-flowchoice:nth-child(4n){background:#f1e8df;border-color:#e8dccc;box-shadow:0 4px 0 #eaded1}
.pm-flowemoji{display:block;font-size:0;width:29px;height:29px;background:#fffcf9a0;border-radius:9px;padding:4px;color:#627c50}
.pm-flowemoji::after{content:"";display:block;width:23px;height:23px;background:currentColor;mask:var(--icon) center/contain no-repeat}
.pm-flowgrid .pm-flowchoice .pm-arrow{bottom:14px;right:12px;font-size:18px}.pm-flowgrid .pm-flowchoice>span:nth-child(2){font-weight:550;padding-right:12px}
.pm-flowquestion h2{font-size:22px;line-height:1.65;color:#1E2A5A;letter-spacing:.1px}.pm-flowquestion p{font-size:13px;line-height:1.8;color:#727c68}
.pm-flowmeta{font-size:12px;color:#6b795d;margin-top:21px;margin-bottom:11px}.pm-flowtrack{height:6px;background:#e7ead9;margin-bottom:25px}.pm-flowtrack span{background:linear-gradient(90deg,#8fa37c,#456b4d)}
.pm-flowactions{gap:23px;margin-top:22px}.pm-flowactions .pm-link{font-size:13px}.fam-stephead{padding:6px 0 12px;margin-bottom:4px;border-bottom:1px dashed #d7dfc9;font-size:12px;color:#6d8254}.fam-stephead .pm-link{font-size:12px}
.pm-flowreview,.fam-entry,.fam-observation{background:#FFFEFB;border:1px solid #DFE3EC;border-radius:22px;box-shadow:var(--paper-shadow)}
.pm-flowreview{padding:5px 17px}.pm-flowrow{border-top:1px dashed #dce1cf;padding:15px 0;font-size:14px;line-height:1.8}.pm-flowrow .pm-link{font-size:12px}.pm-flowqsmall{font-size:13px;color:#626D7F;margin-bottom:5px}.pm-flowactivity{font-size:18px;color:#1E2A5A}
.fam-observation{padding:20px 18px;border-top:3px solid #bdc99e}.fam-observation h3{font-family:var(--serif);font-size:21px;color:#1E2A5A;margin:10px 0 14px}.fam-cardmeta{font-size:11px;letter-spacing:.3px;color:#7b856e}.fam-observation .pm-chip{background:#edf1df;border-color:#dde4cc;font-size:12px;padding:7px 11px;color:#576b43;min-height:36px}
.fam-observation summary{font-size:13px;margin-top:11px;color:#5c794c}.fam-observer{background:#eaf0e2;border:1px solid #dce5cf;border-radius:18px;font-size:14px;padding:16px}
.fam-input,.pm-input,.pm-note{border:1px solid #d9e0c9;border-radius:16px;background:#FFFEFB;box-shadow:0 3px 0 #ecefdf;min-height:53px;color:#3e4d38}.fam-label{font-size:13px;letter-spacing:.4px;color:#5c6b4b;margin-top:22px}.pm-note{line-height:1.8}
.pm-chip{border-color:#dce2ce;background:#fffdf6;border-radius:12px;font-size:13px;color:#5b684e}.pm-chip.on{background:#e6edd8;border-color:#7b945f;color:#3e613d}.pm-fine{color:#7c8271;font-size:12px;line-height:1.85}.pm-empty{background:#f3f4e8;border:1px dashed #cdd8b9;border-radius:23px;margin-top:19px;padding:23px 18px;color:#798668;font-size:13px}.pm-empty .pm-btn{margin-top:15px}
/* The empty box is a small illustrated keepsake, never a reward/score meter. */
.fam-boxentry{position:relative;isolation:isolate;overflow:hidden;background:#f3e6ca;border:1px solid #e7d5ad;border-radius:25px;padding:16px 16px 15px 9px;gap:7px;margin:23px 0;box-shadow:0 5px 0 #e9d9b8;min-height:145px}
.fam-boxentry::before{content:"";position:absolute;z-index:-1;right:-25px;top:-42px;width:145px;height:145px;border:1px solid #ddc99f;border-radius:50%;opacity:.7}.fam-boxentry::after{content:"";position:absolute;z-index:-1;right:-6px;top:-20px;width:145px;height:145px;border:1px solid #ddc99f;border-radius:50%;opacity:.45}
.fam-boxthumb{flex-basis:105px;transform:rotate(-4deg)}.fam-boxentrytext{gap:5px}.fam-boxentrytext strong{font-family:var(--serif);font-size:20px;font-weight:700;color:#4b583b;letter-spacing:.6px}.fam-boxentrytext>span{font-size:13px;color:#796b50}.fam-boxentrytext small{font-size:11px;color:#8a7958}.fam-boxentrytext b{font-size:12px;align-self:flex-start;padding:4px 10px;background:#fcf7e9;border:1px solid #e1d1ad;border-radius:30px;margin-top:3px;color:#557048}
.fam-boxpage{padding-bottom:15px}.fam-boxpage .pm-head{margin:9px 0 12px}.fam-boxpage .pm-h1{font-family:var(--serif);font-size:25px;color:#1E2A5A;letter-spacing:1px}.fam-boxback{font-size:12px;margin:0 0 4px;text-decoration:none}.fam-boxstatus{background:#eaf0db;border:1px solid #d9e2c3;padding:6px 12px;font-size:10px;color:#778658;letter-spacing:.4px}
.fam-openbox{width:264px;max-width:90%;margin:14px auto 0}.fam-openbox svg{overflow:visible}.fam-boxtitle{font-family:var(--serif);font-size:26px;letter-spacing:1px;margin:10px 0;color:#1E2A5A}
.fam-boxbody{font-size:14px;line-height:1.95;color:#6f7961;margin:10px 6px 13px}.fam-boxfuture{font-size:12px;color:#949578;margin:0 8px 15px;line-height:1.9}
.fam-boxcounts{border:none;background:none;gap:12px;padding:0;margin:24px 0 12px}.fam-boxcounts>div{background:#eef1df;border:1px solid #dce4c9;border-radius:21px;padding:16px 6px 14px;box-shadow:0 3px 0 #e2e7d2}.fam-boxcounts>div+div{border:1px solid #e7dabe;background:#f4ead3;box-shadow:0 3px 0 #eadebf}.fam-boxcounts strong{font-family:Georgia,serif;font-size:36px;font-weight:400;color:#3a6545}.fam-boxcounts>div+div strong{color:#8a7041}.fam-boxcounts span{font-size:11px;color:#7e876b;margin-top:4px;letter-spacing:.4px}.fam-boxscope{font-size:10px;line-height:1.7;color:#8d947b;margin-bottom:25px}
@media(hover:hover){#pmRoot button:hover:not(:disabled){filter:none}.pm-btn:hover:not(:disabled){background:#346d55}.pm-btn.ghost:hover:not(:disabled){background:#edf1e0}.pm-flowopt:hover:not(:disabled),.pm-flowchoice:hover:not(:disabled),.fam-module:hover:not(:disabled){border-color:#94a777;box-shadow:0 5px 13px #536a3020;transform:translateY(-1px)}.fam-boxentry:hover{box-shadow:0 7px 15px #8f754322;transform:translateY(-2px)}}
@media(min-width:600px){#pmRoot{height:calc(100dvh - 36px);margin:18px auto;border-radius:32px;border:1px solid #d7dccb;box-shadow:0 15px 60px #43583920}#pmBody{padding:25px 25px 35px}body[data-mode="parent"]{min-height:100dvh}}
@media(max-width:350px){#pmBody{padding:18px 17px 27px}.pm-h1{font-size:22px}.fam-identity{margin-bottom:19px}.fam-boxthumb{flex-basis:84px}.fam-boxentry{padding:15px 12px 15px 5px;gap:4px}.fam-boxentrytext strong{font-size:18px}.fam-boxentrytext>span{font-size:12px}.fam-boxentrytext small{font-size:10px}.fam-boxpage .pm-h1{font-size:23px}.fam-boxtitle{font-size:24px}.fam-module{padding:15px 12px}.fam-module strong{font-size:14px}.pm-flowgrid .pm-flowchoice{font-size:14px;min-height:102px}.pm-flowquestion h2{font-size:21px}.pm-tabs{padding-left:4px;padding-right:4px;gap:2px}}
@media(prefers-reduced-motion:reduce){#pmRoot button{transition:none!important;transform:none!important}.box-lid{animation:none!important}}
@media print{#pmRoot{height:auto;max-width:none;margin:0;border:none;box-shadow:none;border-radius:0}.pm-tabs{display:none}#pmBody{overflow:visible;background:none}}
/* Unified decorative line-icon set. Text labels remain in the accessibility tree. */
.pm-tab:nth-child(1) .ic{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%202v2m0%2016v2M2%2012h2m16%200h2M5%205l1.5%201.5m11%2011L19%2019M5%2019l1.5-1.5m11-11L19%205%22%2F%3E%3C%2Fsvg%3E")}
.pm-tab:nth-child(2) .ic{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m4%2017-1%204%204-1L20%207a2.1%202.1%200%200%200-3-3L4%2017Zm11-11%203%203M4%2017l3%203%22%2F%3E%3C%2Fsvg%3E")}
.pm-tab:nth-child(3) .ic{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022V12C6%2013%202%209%203%204c6-1%209%203%209%208m0%204C11%209%2016%205%2022%206c0%206-4%2010-10%2010M6%2022h12%22%2F%3E%3C%2Fsvg%3E")}
.pm-tab:nth-child(4) .ic{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m10%203-.6%202.2-2%20.9-2-.8-2%203.4%201.5%201.5v2.4L3.4%2014l2%203.4%202-.8%202%201L10%2020h4l.6-2.4%202-1%202%20.8%202-3.4-1.5-1.4v-2.4l1.5-1.5-2-3.4-2%20.8-2-.9L14%203Z%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2211.5%22%20r%3D%223%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(1) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m3%208%209-5%209%205-9%205-9-5Zm0%200v10l9%205%209-5V8M12%2013v10M7%206l9%205%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(2) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%206C8%203%205%203%202%204v15c3-1%206-1%2010%202%204-3%207-3%2010-2V4c-3-1-6-1-10%202Zm0%200v15M5%208l4%201m6%200%204-1M5%2012l4%201m6%200%204-1%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(3) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%226%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M16%203h6v6h-6ZM2%2021l5-8%205%208Zm13-4h7m-3.5-3.5v7%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(4) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%2F%3E%3Cpath%20d%3D%22m12%207%205%204-2%206H9l-2-6%205-4Zm0-5v5m10%205-5-1m1%209-3-3M6%2020l3-3M2%2012l5-1%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(5) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M8%2017V5l13-3v12M8%208l13-3%22%2F%3E%3Cellipse%20cx%3D%225%22%20cy%3D%2218%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2215%22%20rx%3D%223%22%20ry%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(6) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202a10%2010%200%201%200%200%2020h1a2%202%200%200%200%201-4l-1-1a2%202%200%200%201%201-3h4a4%204%200%200%200%204-4C22%205%2018%202%2012%202Z%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%229%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%226%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(7) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m2-17a3%203%200%200%201%200%206m1%204a5%205%200%200%201%204%205v2%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(8) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22m15%2015%207%207M8%2013c0-4%202-7%206-7%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(9) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m2%2011%2010-9%2010%209M5%209v12h14V9M9%2021v-8h6v8%22%2F%3E%3C%2Fsvg%3E")}
.pm-flowgrid .pm-flowchoice:nth-child(10) .pm-flowemoji{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Cpath%20d%3D%22M7%2012h.01M12%2012h.01M17%2012h.01%22%2F%3E%3C%2Fsvg%3E")}
.fam-module[onclick="FAM.start('P')"] .fam-moduleicon{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022V12C6%2013%202%209%203%204c6-1%209%203%209%208m0%204C11%209%2016%205%2022%206c0%206-4%2010-10%2010M6%2022h12%22%2F%3E%3C%2Fsvg%3E")}
.fam-module[onclick="FAM.start('C')"] .fam-moduleicon{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%227%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M3%2021v-3a6%206%200%200%201%2012%200v3m2-17a3%203%200%200%201%200%206m1%204a5%205%200%200%201%204%205v2%22%2F%3E%3C%2Fsvg%3E")}
.fam-module[onclick="FAM.start('H')"] .fam-moduleicon{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203h16a2%202%200%200%201%202%202v11a2%202%200%200%201-2%202H9l-6%204v-4H2V5a2%202%200%200%201%202-2ZM7%208h10M7%2012h6%22%2F%3E%3C%2Fsvg%3E")}
.fam-module[onclick="FAM.start('E')"] .fam-moduleicon{--icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%209h20l-3%2012H5L2%209Zm4%200%204-7m8%207-4-7M8%2013v4m4-4v4m4-4v4%22%2F%3E%3C%2Fsvg%3E")}
.fam-identity>span{--identity-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2022V12C6%2013%202%209%203%204c6-1%209%203%209%208m0%204C11%209%2016%205%2022%206c0%206-4%2010-10%2010M6%2022h12%22%2F%3E%3C%2Fsvg%3E")}/* Keep the next step in sight on a standard-height phone; the rest remains scrollable. */
.fam-boxpage .fam-openbox{width:230px;margin:8px auto 0}.fam-boxpage .fam-boxtitle{font-size:24px;margin:6px 0 8px}.fam-boxpage .fam-boxbody{margin:8px 2px 10px}.fam-boxpage .fam-boxfuture{margin-bottom:12px}.fam-boxpage .fam-boxcounts{margin-top:19px}.fam-boxpage .fam-boxcounts>div{padding:11px 5px 10px}.fam-boxpage .fam-boxcounts strong{font-size:33px}.fam-boxpage .fam-boxscope{margin-bottom:21px}
@keyframes paper-reveal{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.fam-openbox{animation:paper-reveal .35s ease-out both}
@media(prefers-reduced-motion:reduce){.fam-openbox{animation:none!important}}
/* Readable secondary text, including the small progress captions. */
:root{--pm-sub:#6c745f}
.pm-tab{color:#68715c}.pm-sub,.pm-flowquestion p,.pm-flowqsmall,.pm-fine{color:#6b735f}.fam-identity small{color:#637054}.fam-module small{color:#606c50}.fam-cardmeta{color:#697459}.fam-stephead,.pm-flowmeta{color:#65764c}.fam-boxentrytext>span{color:#705e42}.fam-boxentrytext small{color:#766343}.fam-boxentrytext b{color:#50653e}.fam-boxstatus{color:#606e40}.fam-boxbody{color:#687256}.fam-boxfuture{color:#747253}.fam-boxcounts span{color:#666e4d}.fam-boxscope{color:#70775e}.fam-label{color:#5c6b4b}.fam-input::placeholder,.pm-input::placeholder,.pm-note::placeholder{color:#70775f;opacity:1}
.fam-boxpage .fam-openbox{width:218px}.fam-boxpage .fam-boxcounts{margin-top:15px}.fam-boxpage .fam-boxscope{margin-bottom:12px}

/* v0.7.7: child-first onboarding; same existing palette. */
.fam-onboarding-steps{display:flex;gap:8px;justify-content:space-between;margin:2px 0 24px;color:#89917c;font-size:12px}
.fam-onboarding-steps span{display:flex;align-items:center;gap:5px;min-width:0}.fam-onboarding-steps b{display:grid;place-items:center;border:1px solid #dce2cf;border-radius:50%;width:24px;height:24px;font-weight:500;flex-shrink:0}
.fam-onboarding-steps .current{color:#1E2A5A;font-weight:650}.fam-onboarding-steps .current b{color:#fff;background:#1E2A5A;border-color:#1E2A5A}.fam-onboarding-steps .done b{background:#e5ecd7;color:#54704b}
.fam-child-summary{display:grid;gap:5px;padding:17px 19px;border:1px solid #dbe4cb;border-radius:20px;background:#edf1e1;margin:0 0 20px;color:#4d6645}.fam-child-summary strong{font-size:19px}.fam-child-summary span{font-size:13px}.fam-child-summary small{font-size:11px;color:#7a856b}
