:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#173e38;background:#f5f7f2;font-synthesis:none;--ink:#173e38;--muted:#627870;--teal:#28776b;--line:#dfe7df;--mint:#e5f1e9;--cream:#f5f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}a{color:inherit}button,input{font:inherit}.skip-link{position:absolute;top:-60px;left:16px;z-index:10;padding:12px;background:white}.skip-link:focus{top:12px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1320px;margin:auto;padding:24px 32px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:26px;letter-spacing:-1.3px;font-weight:850}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:#d3e8dc;border-radius:12px;color:var(--teal);font-weight:850;font-size:25px}.brand-context{margin-left:12px;padding-left:20px;border-left:1px solid #cedacf;font-size:13px;letter-spacing:0;font-weight:550;color:var(--muted)}.review-date{font-size:12px;color:var(--muted)}.review-banner{background:#e8ede2;border-block:1px solid #d8e1d2;padding:16px 24px;text-align:center;font-size:13px;line-height:1.6}.review-banner strong,.review-banner span{display:block}.review-banner span{color:#566b5b}.review-layout{max-width:1320px;margin:auto;padding:44px 32px;display:grid;grid-template-columns:210px minmax(0,1fr);gap:48px}.chapter-nav{position:sticky;top:28px;align-self:start;display:grid;gap:6px}.overline{font-size:10px;font-weight:800;letter-spacing:1.6px;color:#617b6f;margin:0 0 12px}.chapter-nav>a{display:flex;gap:12px;align-items:center;text-decoration:none;padding:12px 10px;border-radius:10px;font-size:11px;color:#839589}.chapter-nav>a>span{font-size:13px;font-weight:650;color:#365449}.chapter-nav>a:hover,.chapter-nav>a:focus-visible{background:var(--mint)}.chapter{margin-bottom:66px;scroll-margin-top:25px}.hero{padding:8px 0 34px;border-bottom:1px solid var(--line)}h1{font-size:clamp(34px,4.8vw,58px);line-height:1.08;letter-spacing:-2px;font-weight:730;margin:18px 0 22px}h2{font-size:clamp(25px,3vw,34px);line-height:1.15;letter-spacing:-1px;margin:0}h3{line-height:1.2;letter-spacing:-.4px}.lead{font-size:16px;line-height:1.8;color:#5d7468;max-width:730px}.principles{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.principles span{padding:8px 11px;border:1px solid #dce6d9;background:#f9fbf7;border-radius:9px;color:#4d685a;font-size:12px;font-weight:650}.legend{display:flex;flex-wrap:wrap;gap:10px 20px;padding-top:18px;border-top:1px solid var(--line)}.legend>span{font-size:11px;line-height:1.8;color:#6a7b71}.legend strong{color:#3f594b}.status-dot{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%}.status-dot.connected{background:#398268}.status-dot.partial{background:#b28a31}.status-dot.planned{background:#89958c}.small-note{font-size:11px;line-height:1.6;color:#718076}.chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.chapter-intro{font-size:14px;color:var(--muted);line-height:1.7;max-width:760px;margin:0 0 24px}.status{display:inline-block;white-space:normal;font-size:10px;line-height:1.4;font-weight:750;padding:6px 9px;border-radius:99px;flex-shrink:0;max-width:210px}.status.connected{background:#e0eee4;color:#326448}.status.partial{background:#f2ead4;color:#7d622b}.status.planned{background:#e8ece7;color:#68766b}.screen-grid{display:grid;gap:15px}.screen-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.screen{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 6px 24px #23422d06;display:flex;flex-direction:column;min-width:0}.screen-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.screen-number{font-size:11px;line-height:28px;text-align:center;width:30px;border-radius:9px;background:#edf3ed;color:#56715e;font-weight:750}.screen-type,.step-indicator{font-size:9px;font-weight:800;letter-spacing:.9px;color:#809084}.step-indicator{color:#3d7c65}.screen h3{font-size:20px;margin:0 0 14px}.screen p{font-size:12px;line-height:1.65;color:#6a7b70;margin:0 0 16px}.field-example{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:45px;border:1px solid #dce5dc;border-radius:10px;padding:11px;font-size:11px;color:#8b988e;margin:5px 0;background:#fcfdfb}.field-example small{font-size:10px}.action-example{background:var(--teal);color:white;font-size:12px;font-weight:700;padding:13px 10px;border-radius:10px;text-align:center;margin:12px 0;line-height:1.5}.quiet-example{font-size:11px;color:#6e8274;padding:12px;background:#f1f6ef;border-radius:10px;line-height:1.6;margin:5px 0}.screen .route{margin-top:auto;padding-top:18px;border-top:1px solid #edf1ea;font-size:10px;line-height:1.9;color:#809084;margin-bottom:0}.route strong{color:#577060}.illustration{font-size:38px;color:#659279;background:#edf4e9;border-radius:20px;text-align:center;padding:20px;margin-bottom:20px}.code-placeholder{border:1px dashed #cbdcc9;border-radius:12px;padding:25px 10px;margin:3px 0 20px;text-align:center;color:#6b826a;background:#f8fbf6;font-size:12px;font-family:ui-monospace,monospace}.success-screen{background:#eef7ef}.success-mark{width:54px;height:54px;border-radius:50%;background:#d7ead7;color:#438157;display:grid;place-items:center;font-size:26px;margin:0 0 18px}.field-help{font-size:10px!important;color:#7a8a7e!important;line-height:1.6!important;margin:8px 0!important}.context-note{border-left:3px solid #c2d6bf;background:#ecf1e8;padding:15px 18px;margin-top:20px;font-size:12px;color:#647761;line-height:1.7;border-radius:0 12px 12px 0}.app-preview{display:grid;grid-template-columns:165px minmax(0,1fr);border:1px solid #d5e0d4;border-radius:24px;background:#fafcf7;overflow:hidden;box-shadow:0 16px 40px #24472f0b}.app-sidebar{padding:28px 15px;background:#f1f6ed;border-right:1px solid #dfe7db;display:flex;flex-direction:column;gap:8px}.mini-brand{display:flex;align-items:center;gap:8px;font-size:22px;font-weight:850;letter-spacing:-1px;margin:0 8px 24px}.mini-brand .brand-mark{height:29px;width:29px;font-size:22px}.app-nav-item{padding:12px;border-radius:9px;font-size:11px;color:#748471;font-weight:650}.app-nav-item.active{color:#286b51;background:#dfeee0}.sidebar-foot{margin-top:auto;padding:35px 10px 0;font-size:9px;color:#889781}.app-content{padding:26px;min-width:0}.app-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px}.child-chip{display:flex;gap:8px;align-items:center;border:1px solid #dde6d8;border-radius:24px;padding:5px 10px 5px 5px;font-size:11px;color:#4d6a55;background:white}.child-avatar{display:grid;place-items:center;width:25px;height:25px;background:#e9dcb8;border-radius:50%;font-size:11px;color:#846c36;font-weight:750}.sample-label{font-size:8px;letter-spacing:1px;color:#91a087}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}.home-heading .overline{font-size:8px}.home-heading h3{font-size:26px;letter-spacing:-1px;margin:0 0 7px}.home-heading p:last-child{font-size:11px;color:#83907d;margin:0}.sun{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#f6e9bf;color:#b89741;font-size:24px;flex-shrink:0}.home-metrics{display:grid;grid-template-columns:1.15fr 1fr;gap:12px}.home-metrics>div{padding:17px;background:white;border:1px solid #e1e9dc;border-radius:16px}.metric-label{font-size:10px;color:#6b816b}.home-metrics strong{font-size:34px;display:block;font-weight:700;letter-spacing:-1px;margin:12px 0}.home-metrics strong small{font-size:15px;font-weight:500;color:#8a9985}.home-metrics p{font-size:9px;color:#8a9683;line-height:1.6;margin:0}.balance-example{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #e0e9d9;border-radius:12px;background:#eaf2e5;margin-top:12px;font-size:10px;line-height:1.6;color:#708568}.balance-example strong{color:#527247}.sample-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.sample-section-heading h4{font-size:16px;margin:0}.action-example.compact{display:inline-block;font-size:10px;padding:8px 12px;margin:0}.food-empty{margin-top:12px;text-align:center;border:1px dashed #d7e3d0;border-radius:15px;padding:24px 18px;background:white}.food-empty>span{display:block;font-size:30px;color:#9ab28e;margin-bottom:10px}.food-empty strong{font-size:12px;font-weight:650;color:#647c59}.food-empty p{font-size:10px;color:#91a186;line-height:1.6;margin:9px 0 0}.setup-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0 0;margin-top:18px;border-top:1px solid #e1e9dc}.setup-strip strong{font-size:10px;display:block;color:#6c8162}.setup-strip small{display:block;margin-top:6px;font-size:9px;color:#91a186;line-height:1.6}.optional-label{font-size:9px;color:#78946b;background:#e8f0e0;padding:5px 8px;border-radius:8px}.app-mobile-nav{display:none}.route-summary{margin-top:20px;display:grid;gap:7px}.route-summary p{margin:0;font-size:12px;line-height:1.6;color:#72806e}.route-summary strong{color:#4e6b45}.choice-example{padding:12px;border:1px solid #dce6d9;border-radius:10px;font-size:11px;color:#56734c;margin-bottom:8px;background:#f8fbf5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px}.choice-example.future{border-style:dashed;color:#889581}.choice-example small{font-size:9px}.log-example{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#708268;border:1px solid #e1e9db;border-radius:10px;padding:12px 10px;margin:5px 0 12px}.log-example .status{font-size:8px;padding:4px 6px}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.option-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px;display:flex;flex-direction:column}.option-icon{width:36px;height:36px;border-radius:12px;background:#e6f0df;color:#688d51;display:grid;place-items:center;font-size:23px;margin-bottom:18px}.option-card h3{font-size:19px;margin:0 0 10px}.option-card p{font-size:12px;line-height:1.7;color:#73816c;margin:0 0 12px}.option-card .small-note{font-size:10px}.route-label{margin-top:auto;border-top:1px solid #e8eee3;padding-top:13px;font-size:10px;color:#739065;line-height:1.7}.journey-steps{list-style:none;padding:0;margin:0;display:grid;gap:0}.journey-steps li{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #dfe7d9}.journey-steps li>span{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:#e3eddc;color:#6c885b;font-size:11px;font-weight:750}.journey-steps h3{font-size:19px;margin:4px 0 10px}.journey-steps p{font-size:13px;color:#71806a;line-height:1.7;margin:0 0 9px;max-width:720px}.journey-steps small{font-size:10px;color:#8d9e80}.later-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin:26px 0}.later-grid article{border-top:2px solid #d7e3cc;padding-top:15px}.later-grid h3{font-size:18px;margin:0 0 9px}.later-grid p{font-size:12px;line-height:1.75;color:#71806a;margin:0}.review-check{background:#e5eedc;border:1px solid #d4e0c9;padding:24px;border-radius:18px;margin-top:30px}.review-check h3{font-size:23px;margin:0 0 15px}.review-check ul{padding-left:18px;margin:0;display:grid;gap:9px;color:#637c52;font-size:12px;line-height:1.65}.review-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:10px;color:#86947c;padding:24px 0;border-top:1px solid #dfe7d7}.review-footer a{text-underline-offset:4px}a:focus-visible{outline:3px solid #82b697;outline-offset:4px;border-radius:5px}
@media(min-width:1500px){.review-layout{gap:60px}}
@media(max-width:1100px){.review-layout{grid-template-columns:170px minmax(0,1fr);gap:26px;padding:32px 24px}.screen-grid.three{grid-template-columns:1fr}.screen{display:grid;grid-template-columns:minmax(0,1fr);padding:24px}.screen .route{margin-top:16px}.screen-top{margin-bottom:15px}.illustration{max-width:150px}.app-sidebar{width:auto}.chapter-heading{align-items:flex-start}.status{max-width:170px}.app-preview{grid-template-columns:135px minmax(0,1fr)}.app-sidebar{padding:24px 10px}.app-content{padding:20px}}
@media(max-width:760px){.masthead{padding:18px 20px}.review-date{display:none}.brand{font-size:23px}.brand-context{font-size:11px;margin-left:5px;padding-left:12px}.review-banner{text-align:left;padding:14px 20px;font-size:12px}.review-layout{display:block;padding:20px}.chapter-nav{position:static;display:flex;overflow-x:auto;gap:8px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:30px}.chapter-nav .overline{display:none}.chapter-nav>a{flex:none;padding:9px 12px;background:#ecf1e7;gap:7px}.chapter-nav>a>span{font-size:11px}.chapter{margin-bottom:46px}.hero{padding-top:0}h1{font-size:40px;letter-spacing:-1.5px;line-height:1.1}.lead{font-size:14px}.principles{gap:6px}.principles span{font-size:10px;padding:7px 9px}.legend{display:grid;gap:6px}.chapter-heading{display:block}.chapter-heading>.status{margin-top:13px;max-width:none}.chapter-intro{font-size:13px}.screen h3{font-size:23px}.screen p{font-size:13px}.screen .route{font-size:11px}.screen-type,.step-indicator{font-size:10px}.field-example{font-size:13px;min-height:48px}.action-example{font-size:13px}.quiet-example{font-size:12px}.app-preview{display:block;border-radius:22px}.app-sidebar{display:none}.app-content{padding:20px 17px 24px}.app-top{margin-bottom:26px}.home-heading h3{font-size:26px}.home-metrics{gap:9px}.home-metrics>div{padding:14px 12px}.home-metrics strong{font-size:32px}.balance-example{align-items:flex-start;flex-direction:column;gap:3px}.app-mobile-nav{display:flex;justify-content:space-around;border-top:1px solid #dce6d6;padding:12px 5px;background:#fff}.app-mobile-nav>span{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:#8a9a7e;min-width:46px;padding:5px;border-radius:10px}.app-mobile-nav>span.active{background:#e7f1de;color:#477b33}.app-mobile-nav b{font-size:19px;font-weight:600}.option-grid{grid-template-columns:1fr}.option-card{padding:22px}.later-grid{grid-template-columns:1fr}.journey-steps li{gap:14px}.journey-steps h3{font-size:18px}.journey-steps p{font-size:12px}.review-check{padding:20px}.review-check h3{font-size:21px}.review-footer{line-height:1.7}.context-note{font-size:11px}.sample-label{font-size:7px}.review-layout main{min-width:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.chapter-nav,.skip-link{display:none}.review-layout{display:block;padding:20px}.review-banner{border:1px solid #ccc}.chapter{break-inside:avoid}.screen-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.screen{box-shadow:none}.app-preview{box-shadow:none}a{text-decoration:none}.review-footer a{display:none}}

/* Food-library storyboard section: review-only visual components. */
.library-focus{border-top:3px solid #6e9d7c;padding-top:30px}.library-path{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}.library-path span{padding:9px 12px;background:#e5eedf;border-radius:20px;font-size:11px;color:#476c51}.library-screens{row-gap:20px}.reference-scene{display:flex;align-items:center;justify-content:space-around;gap:12px;min-height:110px;margin:12px 0 18px;padding:16px;background:#f3f6ef;border-radius:12px}.bowl-symbol{display:grid;place-items:center;width:94px;height:58px;border:2px solid #72967d;border-top:5px solid #72967d;border-radius:12px 12px 45px 45px;font-size:11px;color:#56745c}.blank-card{display:grid;place-items:center;aspect-ratio:1.585;width:102px;border:1px solid #9eada1;background:#fff;border-radius:7px;text-align:center;font-size:9px;line-height:1.5;color:#697c6c}.meal-plan-board{padding:24px;margin-top:24px;border:1px solid #d9e4d3;background:#edf3e8;border-radius:20px}.meal-plan-board h3{font-size:23px;margin:0}.meal-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.meal-slots article{background:#fff;padding:17px;border:1px solid #dbe5d5;border-radius:13px}.meal-slots h4{font-size:14px;margin:0 0 9px}.meal-slots p{font-size:11px;color:#72816a;margin:0}@media(max-width:760px){.meal-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.meal-plan-board{padding:17px}.meal-plan-board h3{font-size:21px}.library-path{gap:6px}.library-path span{font-size:10px}}@media(max-width:380px){.meal-slots{grid-template-columns:1fr}.reference-scene{flex-wrap:wrap}}