:root{font-family:system-ui,-apple-system,sans-serif;color:#183a30;background:#f5f4ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:900px;margin:auto;padding:24px 24px 100px}header,.sectiontitle,.actions{display:flex;align-items:center;justify-content:space-between;gap:12px}header a{color:inherit;text-decoration:none;font-size:14px}header span{font-size:12px;background:#e8eade;padding:7px 12px;border-radius:20px}.intro{padding:44px 0 24px}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:700;color:#527660}h1{font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-2px;line-height:1.12;margin:14px 0}p{color:#64756b;line-height:1.6}h2{font-size:21px;font-weight:600}nav{display:flex;gap:6px;border-bottom:1px solid #d5ddcf;margin-bottom:24px;padding-bottom:12px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #ccd5c6;padding:12px 18px;border-radius:12px;background:transparent;color:inherit;min-height:46px}button.active{background:#e2e9db;border-color:#e2e9db}.primary{background:#215f4c;color:white;border-color:#215f4c;font-weight:600}button:disabled{opacity:.5;cursor:wait}.hero{background:#e9eddf;border:1px solid #dde4d4;border-radius:24px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero h2{font-size:27px;margin:10px 0}.hero p{margin-bottom:0}.metrics{display:flex;gap:16px;margin:20px 0}.metric{flex:1;background:#fff;border:1px solid #e0e4d9;border-radius:16px;padding:18px}.metric b{font-size:27px;display:block}.metric small{color:#67766b}.meal{background:white;border-radius:18px;border:1px solid #e0e4d9;padding:20px;margin:14px 0}.meal header small{color:#69766b}.meal h3{font-size:18px;font-weight:500;line-height:1.5;margin:14px 0}.meal p{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}.meal footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.meal button{font-size:13px;padding:8px 12px;min-height:40px}.tip{border-left:3px solid #90a875;padding:8px 20px;margin:30px 0}.tip p{margin:6px 0}.empty{padding:35px 20px;border:1px dashed #bdcbb3;border-radius:18px;text-align:center;color:#61765f}input,select,textarea{background:#fff;border:1px solid #bdcbb3;color:#183a30;border-radius:10px;padding:12px;max-width:100%;width:100%}#date{width:auto;font-size:14px}.sectiontitle h2{font-size:18px}label{display:block;font-size:14px;margin:16px 0}label input,label select,label textarea{margin-top:8px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog{width:min(540px,94vw);max-height:92dvh;overflow:auto;border:0;border-radius:24px;padding:24px;color:#183a30}dialog::backdrop{background:#10271dcc;backdrop-filter:blur(3px)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:14px 24px;background:#163d2e;color:white;border-radius:14px;max-width:90vw;z-index:10;display:none}#toast.visible{display:block}:focus-visible{outline:3px solid #d19441;outline-offset:3px}summary{cursor:pointer;padding:14px 0}@media(max-width:600px){main{padding:20px 18px 90px}.hero{display:block;padding:24px}.hero button{margin-top:20px;width:100%}.sectiontitle{align-items:flex-start;flex-direction:column}.metrics{gap:10px}.metric{padding:14px}.two{grid-template-columns:1fr}.intro{padding-top:32px}nav button{flex:1;padding:12px 10px}}