:root{--green:#23765d;--deep:#183f34;--mint:#e8f5eb;--bg:#f6f8f5;--line:#e5ece5;--ink:#273b31;--muted:#78897f;--orange:#bd8640;--pale:#fcf6e9;--red:#b14c3c;--blue:#547cb3;--shadow:0 8px 26px rgba(34,75,47,.055)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#e9efea;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8ec7a9;outline-offset:2px}button:disabled{opacity:.48;cursor:not-allowed}.shell{max-width:1230px;display:grid;grid-template-columns:minmax(350px,440px) minmax(350px,1fr);align-items:start;gap:27px;margin:25px auto;padding:0 20px}.phone{height:min(890px,calc(100dvh - 35px));min-height:690px;position:sticky;top:17px;background:var(--bg);border:8px solid #283a32;border-radius:38px;overflow:hidden;box-shadow:0 18px 55px #344e3830}.scroll{height:100%;overflow-y:auto;padding:24px 17px 110px;scrollbar-width:thin;overscroll-behavior:contain}.page{display:none}.page.active{display:block}.header{display:flex;justify-content:space-between;align-items:center;min-height:55px;margin-bottom:18px;gap:10px}.logo{font-size:27px;letter-spacing:-.9px;font-weight:850}.eyebrow{font-size:12px;color:var(--muted);line-height:1.7}.quote{font-size:12px;color:#4b7b61;max-width:340px;line-height:1.5}.quote-wrap{margin-top:4px;display:flex;align-items:start;gap:5px}.quote-mark{color:#a3c8ad;font-size:18px;line-height:1}.round{width:36px;height:36px;border:1px solid var(--line);background:white;border-radius:50%;display:grid;place-items:center;color:var(--deep);flex-shrink:0}.card{background:white;border:1px solid var(--line);padding:17px;border-radius:19px;box-shadow:var(--shadow);margin-bottom:12px}.card.soft{background:linear-gradient(135deg,#e1f3e8,#f6fbf5);border:0}.card.warning{background:#fff9ef;border-color:#f0e3c7}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.row.start{align-items:flex-start}.grow{flex:1;min-width:0}.title{font-size:17px;font-weight:780;margin:0 0 11px}.mini{font-size:11px;line-height:1.7;color:var(--muted)}.small{font-size:12px;line-height:1.7}.muted{color:var(--muted)}.big{font-size:36px;letter-spacing:-1.2px;font-weight:850;line-height:1.3}.chip{background:#eaf5ec;color:#27735d;font-size:11px;padding:5px 8px;border-radius:99px;white-space:nowrap;display:inline-block}.chip.orange{background:#fff2dc;color:#926522}.chip.grey{background:#eff2ee;color:#65786b}.chip.red{background:#fff0e9;color:#a34e3f}.btn{border:0;border-radius:12px;background:var(--green);color:white;padding:10px 12px;font-weight:680}.btn.ghost{color:var(--green);background:#edf6ef}.btn.light{background:white;border:1px solid #dfe9e1;color:var(--green)}.btn.danger{background:#fff1ed;color:var(--red)}.btn.sm{font-size:12px;padding:7px 9px}.link{border:0;background:none;color:var(--green);font-size:12px;font-weight:700;padding:5px 1px}.progress{height:9px;border-radius:10px;background:#e5ece6;overflow:hidden;margin:12px 0 8px}.progress>b{display:block;background:var(--green);height:100%;border-radius:10px;transition:width .2s}.progress>b.water{background:#78acc7}.notice{border-radius:11px;background:#fff6e6;padding:10px 11px;color:#936c2c;font-size:12px;line-height:1.7;margin-top:11px}.tip{background:#f0f8f2;padding:10px 11px;border-radius:11px;font-size:12px;line-height:1.7;color:#42785a}.datebox{margin:0 0 13px;background:white;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;padding:8px}.datebox input{font-size:12px;border:0;background:transparent;color:var(--ink);max-width:139px;padding:6px 2px}.datebox button{border:0;background:#f3f8f4;border-radius:8px;padding:8px 12px;color:var(--green)}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.split .card{margin-bottom:12px}.macro{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.macro>div{border-radius:12px;background:#f6faf6;padding:10px 7px;text-align:center}.macro strong{font-size:17px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 10px}.meal{border-top:1px solid var(--line);padding:13px 0}.meal:first-child{border-top:0}.entry{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px dashed #e8eee9}.entry:last-child{border-bottom:0}.entry .em{width:34px;height:34px;background:#f4f8f2;border-radius:9px;display:grid;place-items:center;font-size:19px}.entry .tiny-action{background:transparent;color:var(--muted);border:1px solid #e9eee9;border-radius:8px;padding:4px 7px;font-size:11px}.meal-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.bottom-nav{position:absolute;bottom:0;left:0;right:0;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--line);padding:9px 7px calc(13px + env(safe-area-inset-bottom))}.bottom-nav button{border:0;background:none;display:grid;gap:3px;place-items:center;color:#85978a;font-size:11px;min-width:50px}.bottom-nav button.active{color:var(--green);font-weight:800}.bottom-nav .symbol{font-size:21px;line-height:23px}.bottom-nav .mainadd{width:57px;height:57px;min-width:57px;border-radius:50%;background:var(--green);transform:translateY(-17px);color:white;font-size:31px;box-shadow:0 8px 20px #257a5e50}.tabs{display:flex;gap:3px;border-radius:12px;background:#edf2ee;padding:4px;margin:10px 0}.tabs button{flex:1;border:0;border-radius:9px;background:none;color:#78897e;font-size:12px;padding:9px 5px}.tabs button.selected{background:white;color:var(--green);font-weight:750;box-shadow:0 1px 5px #223a2713}.switch{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.switch button{border:1px solid #e1eae2;background:white;color:#597264;border-radius:30px;font-size:11px;padding:7px 10px}.switch button.selected{background:var(--green);color:white;border-color:var(--green)}.metricgrid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.metricgrid .card{margin-bottom:0;padding:13px}.metricgrid strong{display:block;font-size:22px;letter-spacing:-.6px;margin-top:5px}.stat-chart{width:100%;height:167px;display:block;overflow:visible}.chart-desc{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0}.bar-chart{height:150px;display:flex;align-items:end;justify-content:space-between;gap:5px;border-bottom:1px solid #dce6de;padding:10px 2px 0}.bar-col{display:flex;align-items:center;justify-content:end;flex:1;flex-direction:column;gap:5px;height:100%;min-width:0;border:0;background:none;padding:0}.bar-segment{width:90%;max-width:29px;background:#b8dec6;min-height:2px;border-radius:6px 6px 2px 2px}.bar-segment.partial{background:repeating-linear-gradient(135deg,#b7c9bd,#b7c9bd 4px,#e2eee4 4px,#e2eee4 7px)}.bar-col b{font-size:10px;font-weight:500;color:#7b8980;white-space:nowrap}.foodrow{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #edf1ed}.foodrow:last-child{border-bottom:0}.foodem{width:42px;height:42px;background:#f3f8f1;border-radius:12px;display:grid;place-items:center;font-size:21px;flex-shrink:0}.search{width:100%;padding:13px 12px;border-radius:13px;border:1px solid #dde8df;background:white;margin-bottom:8px}.list-item{padding:14px 1px;border-bottom:1px solid #eef2ee;display:flex;gap:12px;align-items:center}.list-item:last-child{border:0}.menuhero{background:linear-gradient(140deg,#e1f1e3,#f8fbf3);border-radius:18px;padding:15px;margin-bottom:12px}.recoitem{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ebefec;gap:8px}.recoitem:last-child{border:0}.recoitem input{width:70px;border:1px solid #dce8de;border-radius:9px;padding:7px;text-align:right}.overlay{position:absolute;inset:0;background:#142d2299;z-index:8;display:none;align-items:end;justify-content:center}.overlay.open{display:flex}.sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-height:85%;overflow-y:auto;padding:21px 17px calc(29px + env(safe-area-inset-bottom));box-shadow:0 -4px 50px #0001}.sheet h2{font-size:19px;margin:0}.sheet label{display:block;font-size:12px;font-weight:700;color:#536d5d;margin:12px 0 5px}.sheet input,.sheet select,.sheet textarea{width:100%;padding:11px 12px;border:1px solid #dce7df;border-radius:11px;background:#fff;color:var(--ink)}.sheet textarea{min-height:82px;resize:vertical}.sheet .choice{display:block;width:100%;text-align:left;background:#f7faf7;border:1px solid var(--line);padding:12px;border-radius:11px;margin:7px 0;color:var(--ink)}.sheet .choice:focus{background:#edf8ef}.footer-actions{position:sticky;bottom:-29px;background:#fff;padding:12px 0 0;display:flex;gap:8px;z-index:1}.footer-actions button{flex:1}.empty{padding:18px 11px;text-align:center;background:#f6faf6;border-radius:12px;font-size:12px;color:#708878;line-height:1.8}.toast{position:absolute;left:20px;right:20px;bottom:96px;z-index:15;padding:12px 14px;box-shadow:0 5px 20px #142a2540;color:white;background:#284f3f;border-radius:13px;font-size:12px;display:none;justify-content:space-between;align-items:center;gap:9px}.toast.open{display:flex}.toast button{background:none;border:0;color:#d3ffe1;font-weight:750}.panel{background:white;border-radius:24px;padding:27px;box-shadow:var(--shadow)}.panel h1{font-size:26px;margin:11px 0}.panel h2{font-size:17px;margin:25px 0 11px}.panel p,.panel li{line-height:1.85;color:#5b6c61;font-size:13px}.sideblock{border-left:3px solid var(--green);padding:2px 0 3px 13px;margin:17px 0}.sideblock b{color:#345d45}.sideblock p{margin:5px 0}.tag{font-size:11px;background:#e9f3eb;padding:5px 10px;border-radius:20px;color:#397159}.bad{color:#b4503d}.hidden{display:none!important}.file-link{font-size:12px;color:var(--green)}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table td{padding:8px 3px;border-bottom:1px solid #edf1ed}.mini-table td:last-child{text-align:right}.pill-count{color:#777;font-size:11px}.period-tip{background:#f2f7f3;padding:9px;border-radius:9px;color:#4f7f5c;font-size:11px}.preview-flag{background:#243e37;color:white;padding:6px 8px;font-size:10px;letter-spacing:.2px;border-radius:7px;display:inline-block}@media(max-width:900px){.shell{grid-template-columns:1fr;gap:0;padding:0;margin:0}.phone{top:auto;position:relative;max-width:460px;width:100%;height:90dvh;min-height:660px;margin:0 auto;border-radius:0;border-width:0;box-shadow:none}.panel{border-radius:0;padding:24px 19px}.scroll{padding-top:20px}}@media(max-width:390px){.scroll{padding-left:12px;padding-right:12px}.macro>div{padding:9px 3px}.datebox button{padding:7px 8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}