:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243e36;background:#f7f7f1;font-synthesis:none;font-weight:400;line-height:1.5;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:12px;padding:12px 18px;min-height:46px;background:#193e35;color:#fff;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bc7736;outline-offset:3px}a{color:inherit}header{max-width:1000px;margin:auto;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dedfd5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.7px}.brand small{font-size:9px;letter-spacing:1.8px;margin-left:5px}.mark{background:#193e35;color:#c5dfaa;border-radius:10px;padding:0 10px;font-size:30px;line-height:38px}.mark span{color:#f0bd7d;font-size:20px}.status{font-size:12px;color:#59695d;display:flex;gap:7px;align-items:center}.status i{width:7px;height:7px;border-radius:100%;background:#496e4c}.status i.offline{background:#a06b2d}main{max-width:810px;margin:auto;padding:34px 24px 115px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700}.intro h1{font-size:clamp(28px,5vw,39px);letter-spacing:-1.3px;line-height:1.2;margin:12px 0}.intro>p{color:#647264;margin:0 0 30px;font-size:15px}.date-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:14px;color:#647264}.date-label{display:flex;gap:10px;align-items:center;margin:0}.date-label input{width:150px;margin:0;padding:9px;border-color:#ddd}.summary{background:#193e35;color:#f6f8ec;border-radius:21px;padding:24px;margin-bottom:28px}.summary-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#c5d9be}.text-button{padding:9px 2px;min-height:44px;background:none;color:#264f40;font-size:13px}.light{color:#d4e5c7}.energy{display:flex;align-items:baseline;gap:13px;margin:12px 0 24px}.energy strong{font-size:58px;font-weight:500;letter-spacing:-2px;line-height:1.2}.energy>span{font-size:14px;color:#b8cbb8}.macros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;border-top:1px solid #466256;padding-top:20px}.macros>div{display:flex;flex-direction:column;gap:4px}.macros span{font-size:12px;color:#c0d1bd}.macros strong{font-size:22px;font-weight:500}.macros small{font-size:12px;color:#bdd0b7}.macros .target{font-size:10px}.summary-note{font-size:11px;color:#c0d1bd;margin:22px 0 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 20px}h2{font-size:19px;font-weight:650;letter-spacing:-.5px;margin:0}h2 small{font-size:13px}h3{font-size:16px;font-weight:650;margin:0 0 6px}.empty{text-align:center;border:1px dashed #d3d7c9;border-radius:18px;padding:32px 16px}.empty-symbol{font-size:30px;background:#ebeee1;color:#49654a;width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;margin-bottom:16px}.empty p{font-size:14px;color:#647264;margin-bottom:5px}aside{display:flex;align-items:center;gap:14px;background:#eceedf;border-radius:13px;margin-top:26px;padding:15px}aside>span{font-size:25px}aside p{flex:1;font-size:12px;margin:0;color:#56634d}aside strong{color:#314d37}.meal{margin-bottom:18px}.meal h3{display:flex;justify-content:space-between;font-size:12px;color:#697563;padding:12px 0;border-bottom:1px solid #dedfd5}.meal h3 span{font-weight:400}.entry{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid #e6e7df}.entry strong{font-size:15px}.entry p{font-size:12px;color:#697563;margin:4px 0 0}.entry>div:last-child{text-align:right}.entry small{font-size:11px;font-weight:400}.entry button{display:block;margin-left:auto;padding-bottom:0}.food-card{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:22px 0;border-bottom:1px solid #dcded4}.food-card .eyebrow{font-size:9px;color:#63765b}.food-card h3{margin:8px 0}.food-card p{font-size:12px;color:#647264;margin:5px 0}.secondary{background:#e9ecdf;color:#2c4b38}.pill{padding:5px 8px;border:1px solid #ced7c2;border-radius:6px;font-size:9px;letter-spacing:1px}.backup{font-size:14px}.backup>p{color:#5b6958}.backup-stats{display:flex;gap:70px;padding:16px 0 25px}.backup-stats strong{font-size:32px;font-weight:500}.backup-stats span{display:block;font-size:12px;font-weight:400;color:#647264}.hint{font-size:12px;color:#647264;line-height:1.65}.backup .hint{margin-top:16px}hr{border:0;border-top:1px solid #dcded4;margin:26px 0}.restore-preview{background:#f2e9d7;border:1px solid #cdb98f;border-radius:12px;padding:20px;margin-top:20px}.danger{background:#8d332c;color:#fff}.danger.secondary{background:#f3e5df;color:#8d332c}.notice,.error{border-radius:10px;padding:12px;font-size:13px}.notice{background:#e5eddf}.error{background:#f9e4df;color:#8b2c21}.error:empty{display:none}label{display:block;font-size:13px;font-weight:550;margin:15px 0}input,select{display:block;border:1px solid #c8cfc0;border-radius:9px;background:#fff;color:#243e36;padding:12px;width:100%;min-height:46px;margin-top:7px}input[type=file]{font-size:12px;background:#eef0e7}.checkbox{display:flex;gap:12px;align-items:center;font-size:12px}.checkbox input{width:22px;height:22px;min-height:22px;margin:0}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.actions>button:first-child{min-width:120px}dialog{width:min(520px,calc(100% - 24px));border:1px solid #dde1d3;border-radius:20px;padding:24px;max-height:90dvh;overflow:auto;color:#243e36;background:#f7f7f1}dialog::backdrop{background:#193e3588;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog .section-title{margin:0 0 12px}footer{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#73806e;margin-top:35px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;gap:8px;justify-content:center;background:#f7f7f1f5;border-top:1px solid #dfe1d6;padding:8px 16px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav button{width:140px;color:#697563;background:transparent;font-size:11px;font-weight:500;padding:5px 10px;display:flex;flex-direction:column;align-items:center;gap:1px;border-radius:10px}nav button span{font-size:23px;line-height:27px}.active{color:#193e35;background:#e6ebdc}@media(max-width:480px){header{padding:18px 20px}.brand small{font-size:8px}.status{font-size:10px}main{padding:28px 20px 110px}.summary{padding:20px}.summary-heading .eyebrow{font-size:9px}.summary-heading button{font-size:11px}.energy strong{font-size:49px}.macros{gap:8px}.macros strong{font-size:20px}.macros span{font-size:11px}.section-title button{padding:11px 14px;font-size:13px}.date-row{font-size:12px}.date-label{font-size:0}.date-label input{font-size:14px}aside{gap:10px;padding:14px}aside>span{display:none}footer{font-size:9px}dialog{padding:20px}}.food-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.food-card>div:first-child{min-width:0;overflow-wrap:anywhere}.online-search{border:1px solid #dcded4;border-radius:16px;padding:20px;margin-bottom:28px}.online-search a{font-size:12px}.online-search .food-card>button{flex-shrink:0;max-width:110px}.diary-actions{margin:-4px 0 20px}.repeat-preview{margin-top:20px;padding:16px;background:#eceedf;border-radius:12px}.repeat-preview ul{padding-left:20px;font-size:13px}.repeat-preview li{margin:10px 0;overflow-wrap:anywhere}.target-history{border-top:1px solid #dcded4;margin-top:24px;padding-top:20px}.target-history-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #dcded4}.target-history-item>div{flex:1;min-width:0}.target-history-item strong{font-size:13px}.target-history-item p{font-size:12px;color:#647264;overflow-wrap:anywhere}.recipe-ingredient{border-bottom:1px solid #dce4de;padding-bottom:1rem;margin-bottom:1rem}fieldset{border:0;padding:0;margin:0;min-width:0}.trend-day{border-bottom:1px solid #dcded4;padding:18px 0}.trend-day .section-title{margin-bottom:8px}.trend-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:13px}.trend-values dt{color:#647264;font-size:12px}.trend-values dd{margin:3px 0 0;overflow-wrap:anywhere}
