:root{--ink:#203c33;--green:#245547;--lime:#d8eb91;--paper:#f6f8f4;--muted:#64766d;--line:#dfe7df;--orange:#d47946;--white:#fff;--radius:26px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ce7a44;outline-offset:3px}header{max-width:1200px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{text-decoration:none;display:flex;gap:12px;align-items:center;font-weight:750;font-size:22px;letter-spacing:1px}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:2px;margin-top:3px;color:var(--muted)}.brand-icon{display:grid;place-items:center;background:var(--green);color:var(--lime);width:48px;height:48px;border-radius:16px;font-size:26px}.header-actions{display:flex;gap:18px;align-items:center}#save-status{font-size:13px;color:var(--muted)}main{max-width:1200px;margin:0 auto;padding:24px 36px 40px}.daybar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--muted);margin:0 0 12px}h1{font-size:34px;letter-spacing:-1px;line-height:1.3;margin:0}h2{font-size:22px;margin:0;line-height:1.4}h3{font-size:18px;margin:0 0 12px}p{line-height:1.7}.date-controls{display:flex;align-items:center;gap:6px}input[type=date]{background:transparent;border:0;padding:10px;color:var(--ink);max-width:170px}.icon{border-radius:50%;width:40px;height:40px;background:#e9eee7;color:var(--ink);font-size:24px;flex-shrink:0}.quiet,.secondary{background:#e9eee7;color:var(--ink);padding:12px 18px;border-radius:14px;font-size:14px;font-weight:600}.primary{background:var(--green);color:white;padding:14px 20px;border-radius:16px;font-weight:650}.primary.light{background:var(--lime);color:var(--ink);width:100%;display:flex;justify-content:space-between;align-items:center}.text-button{background:none;color:var(--green);font-size:14px;padding:4px}.danger{color:#a54031}.muted{color:var(--muted);font-size:14px}.small{font-size:13px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:22px}.section-title h2 span{font-size:14px;color:var(--muted);font-weight:400;margin-left:8px}.actions{display:flex;gap:10px;flex-wrap:wrap}nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:26px}nav button{font-size:15px;padding:12px 20px;background:transparent;border-radius:30px;color:var(--muted)}nav button.active{background:var(--green);color:white}.dashboard{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;margin-bottom:36px}.panel{background:white;border:1px solid #ebefea;border-radius:var(--radius);padding:28px}.summary .section-title{font-size:15px;margin-bottom:10px}.energy{display:flex;align-items:center;gap:14px;margin:14px 0}.energy>span:first-child{font-size:58px;line-height:1.1;font-weight:750;letter-spacing:-2px}.unit{font-size:16px;color:var(--muted)}.unit small{display:block;font-size:13px;margin-top:5px}.bar{height:8px;border-radius:8px;background:#eef2eb;overflow:hidden}.bar i{display:block;height:100%;width:0;background:#adc86b;border-radius:8px}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.macro-label{font-size:14px;color:var(--muted)}.macro-number{font-size:22px;font-weight:650;margin:7px 0 10px}.macro-number small{font-size:13px;font-weight:400;color:var(--muted)}.macro-grid .bar{height:4px}.dinner-teaser{background:var(--green);color:white;border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.dinner-teaser .eyebrow{color:#c1d4ba}.dinner-teaser h2{font-size:32px;line-height:1.5;max-width:340px}.dinner-teaser>p:not(.eyebrow){font-size:15px;color:#d6e4d8;margin:18px 0 26px}.records-section{min-height:240px}.record{display:flex;gap:18px;background:white;border:1px solid #e9eee7;border-radius:22px;padding:20px;margin-bottom:12px;align-items:center}.record img{width:84px;height:84px;object-fit:cover;border:5px solid #fff;border-radius:20px;box-shadow:0 5px 15px #203c3312;transform:rotate(-3deg)}.record-badge{font-size:28px;border-radius:18px;background:#f0f4e8;width:70px;height:70px;display:grid;place-items:center;flex-shrink:0}.record-info{flex:1;min-width:0}.record-info h3{margin:5px 0;font-size:17px;overflow-wrap:anywhere}.record-info p{margin:4px 0}.record-meta{font-size:13px;color:var(--muted)}.record-numbers{font-size:14px;color:#53665b}.record-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty{padding:36px 24px;text-align:center;border:1px dashed #cad6c6;border-radius:24px;color:var(--muted)}.empty h3{color:var(--ink)}.empty p{margin-bottom:22px}.tag{font-size:12px;border-radius:6px;padding:3px 6px;background:#f2f3ec;color:#697651}.notice{background:#edf2e7;border:1px solid #dee7d5;border-radius:16px;padding:15px 18px;font-size:14px;line-height:1.7;margin:16px 0}.notice.warn{background:#fff3e9;border-color:#f0d8c7;color:#774c2e}footer{display:flex;gap:18px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}dialog{border:0;border-radius:26px;width:min(700px,calc(100% - 28px));padding:26px;max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 30px 90px #16302430}dialog::backdrop{background:#1b332b70;backdrop-filter:blur(5px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}label{display:block;font-size:14px;color:var(--muted)}label input,label select,label textarea{display:block;width:100%;margin-top:7px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fbfcfa;color:var(--ink);min-width:0}textarea{resize:vertical;min-height:90px}.check{display:flex;align-items:flex-start;gap:9px;color:var(--ink);line-height:1.6}.check input{width:18px;height:18px;margin:4px 0 0}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.form-tabs{display:flex;gap:8px;margin-bottom:18px}.form-tabs button{flex:1;padding:12px;border-radius:12px;color:var(--green);background:#edf2e7}.form-tabs button.active{background:var(--green);color:white}.food-search-results{display:flex;gap:8px;flex-wrap:wrap;max-height:170px;overflow:auto;margin:12px 0}.food-pick{padding:9px 12px;font-size:14px;background:#edf2e7;color:var(--ink);border-radius:10px}.photo-upload{display:flex;align-items:center;gap:15px;border:1px dashed #b7c9ad;border-radius:16px;padding:15px;margin:16px 0}.photo-upload img{width:70px;height:70px;object-fit:cover;border-radius:12px}.photo-upload input{max-width:100%;font-size:14px}.photo-upload label{flex:1;min-width:0}.number-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.number-grid input{padding:12px 8px}details{margin:15px 0;font-size:14px}summary{cursor:pointer;line-height:1.7}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.quality-grid h3{font-size:16px}.quality-grid p{font-size:14px}.result-hero{border-radius:28px;padding:34px;background:#e0ecb3;display:flex;justify-content:space-between;align-items:center;gap:24px}.result-hero h2{font-size:32px}.result-hero .result-number{font-size:60px;letter-spacing:-2px;font-weight:750}.result-number small{font-size:16px;letter-spacing:0}.result-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.result-layout p{font-size:15px}.result-layout strong.big{font-size:32px}.exchange{border-bottom:1px solid var(--line);padding:16px 0}.exchange:last-child{border:0}.exchange strong{display:block;margin-bottom:6px}.exchange span{font-size:14px;color:var(--muted)}.quality-list{padding-left:20px;line-height:1.9;font-size:14px}#collage{position:relative;max-width:720px;width:100%;height:700px;margin:25px auto;background:#e5edcf;border-radius:30px;overflow:hidden;background-image:radial-gradient(#b8c496 1px,transparent 1px);background-size:20px 20px}.collage-heading{padding:32px}.collage-heading span{font-size:12px;letter-spacing:3px}.collage-heading h2{font-size:30px;margin:12px 0 5px}.collage-heading p{font-size:14px}.collage-footer{position:absolute;bottom:16px;left:30px;font-size:13px}#stickers{position:absolute;inset:170px 16px 65px}.sticker{position:absolute;width:130px;cursor:grab;touch-action:none;text-align:center;user-select:none}.sticker img{width:120px;height:120px;object-fit:cover;border:7px solid white;border-radius:24px;box-shadow:0 8px 15px #203c3320;pointer-events:none}.sticker span{display:block;margin-top:8px;font-size:14px;font-weight:600;overflow-wrap:anywhere}.sticker:focus-visible{outline:3px solid #a16f35}.collage-empty{padding:50px 20px;text-align:center;color:#667549;line-height:1.8}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#213d34;color:white;padding:14px 22px;border-radius:16px;box-shadow:0 8px 30px #203c3333;max-width:90%;z-index:100}.parser-item{background:#f4f7ef;border-radius:14px;padding:14px;margin:10px 0}.parser-item input{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px}.parser-item .number-grid{margin-top:10px}.rule-source{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.photo-list{display:flex;gap:8px;overflow:auto}.photo-list img{height:50px;width:50px;border-radius:10px;object-fit:cover}
@media(max-width:760px){header{padding:20px 18px}.header-actions{gap:8px}#save-status{display:none}.brand{font-size:18px}.brand small{font-size:11px;letter-spacing:1px}.brand-icon{width:40px;height:40px;border-radius:13px;font-size:22px}main{padding:12px 18px 30px}.daybar{display:block;margin-bottom:20px}h1{font-size:28px}.date-controls{margin-top:18px;justify-content:space-between}nav{gap:2px;margin-bottom:20px}nav button{padding:11px 14px;font-size:14px}.dashboard{grid-template-columns:1fr;gap:16px;margin-bottom:26px}.panel{padding:22px}.dinner-teaser{padding:24px}.dinner-teaser h2{font-size:27px}.dinner-teaser>p:not(.eyebrow){margin:10px 0 18px}.energy>span:first-child{font-size:50px}.macro-grid{gap:12px}.macro-number{font-size:20px}.section-title{flex-wrap:wrap}.section-title h2{font-size:20px}.actions{width:100%}.actions>button{flex:1}.record{padding:16px;gap:12px;flex-wrap:wrap}.record img{width:65px;height:65px}.record-badge{width:52px;height:52px;font-size:23px}.record-actions{width:100%;justify-content:flex-end;border-top:1px solid #eef1eb;padding-top:10px}.record-numbers{font-size:13px}.result-hero{display:block;padding:25px}.result-hero h2{font-size:27px}.result-hero .result-number{font-size:52px;margin-top:16px}.result-layout,.quality-grid{grid-template-columns:1fr;gap:14px}dialog{padding:21px;max-height:93vh}.form-grid{gap:13px}.number-grid{grid-template-columns:repeat(2,1fr)}footer{gap:14px;font-size:12px}#collage{height:600px}.sticker{width:110px}.sticker img{width:100px;height:100px}.collage-heading{padding:26px}.collage-heading h2{font-size:26px}}

@media(max-width:760px){header{flex-wrap:wrap}.header-actions{flex-wrap:wrap}.energy>span:first-child{font-size:42px}.photo-upload{flex-wrap:wrap}}