:root{--forest:#243c32;--orange:#d67543;--paper:#f8f8f4;--ink:#273c32;--muted:#7d857e;--line:#e6e9e1;--white:#fff;--protein:#729380;--carbs:#d99b59;--fat:#9b91ad}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px}button,input{font:inherit}button,a,label.import-label{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #d99b59;outline-offset:4px}input:focus{outline:2px solid #a8bbae;outline-offset:1px}button{border:0}button:disabled{opacity:.4;cursor:default}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--forest);color:#e7eee6;padding:36px 25px;display:flex;flex-direction:column}.brand{color:inherit;text-decoration:none;font-size:23px;font-weight:650;display:block;letter-spacing:-.6px}.brand-icon{display:inline-grid;place-items:center;color:#f1b98d;margin-right:7px;font-size:34px;vertical-align:middle}.brand-small{display:block;font-size:9px;font-weight:500;letter-spacing:2px;color:#a5b7ab;padding-left:40px;margin-top:6px}.nav-label{margin-top:62px;font-size:10px;letter-spacing:1.8px;color:#96ad9e;margin-bottom:18px}.nav-button{width:100%;background:transparent;color:#bfcfc4;text-align:left;display:flex;align-items:center;gap:12px;border-radius:9px;padding:15px 12px;margin:4px 0;font-size:13px}.nav-button span{font-size:19px;width:20px}.nav-button.active{background:#3b5245;color:white}.nav-button:hover{background:#354c3f}.sidebar-bottom{margin-top:auto;border-top:1px solid #4b5e51;padding-top:22px}.storage-dot{height:6px;width:6px;background:#d4b088;border-radius:50%;margin-bottom:13px}.sidebar-bottom strong{font-size:12px;font-weight:550}.sidebar-bottom p{font-size:11px;line-height:1.7;color:#aabdaf}.sidebar-link{display:block;color:#d8e2d8;background:none;font-size:11px;margin-top:13px;padding:0;cursor:pointer}main{margin-left:248px;padding:0 48px;max-width:1600px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:36px}.eyebrow,.section-eyebrow{letter-spacing:1.8px;font-size:10px;font-weight:650;color:var(--muted)}.topbar-note{font-size:11px;color:#9aa197}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}h1{font-size:36px;font-weight:550;letter-spacing:-1.5px;margin:0 0 9px}.orange-dot{color:var(--orange)}h2{font-size:19px;letter-spacing:-.4px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600}.page-heading p,.section-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.6}.date-picker{display:flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:10px;padding:7px;background:#fff}.date-picker input{width:134px;border:0;background:none;padding:3px;font-size:12px;color:var(--ink)}.date-picker button{background:none;color:var(--ink);font-size:21px;padding:3px 6px}.date-picker .today{font-size:11px;border-left:1px solid var(--line);padding:7px 9px}.overview{display:grid;grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:36px}.energy-card,.macro-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px 27px}.energy-main{display:flex;align-items:center;gap:28px;padding:18px 0 0}.ring{--progress:0deg;width:160px;height:160px;flex-shrink:0;border-radius:50%;background:conic-gradient(var(--orange) var(--progress),#f0efe8 0);padding:10px}.ring>div{height:100%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font-size:32px;font-weight:550;letter-spacing:-1px}.ring span{font-size:10px;color:var(--muted);margin-top:7px}.muted{color:var(--muted);font-size:12px;line-height:1.6}.energy-detail{flex:1}.energy-detail>span{display:block}.goal-number{display:block;background:none;padding:6px 0;font-size:20px;font-weight:550;color:var(--ink)}.energy-divider{height:1px;background:var(--line);margin:12px 0}.energy-detail>strong{display:block;font-size:12px;line-height:1.5;font-weight:550}.energy-detail small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:6px}.macro-card .section-eyebrow{margin-bottom:21px}.macro{margin:16px 0}.macro-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.macro-top strong{font-weight:550}.macro-dot{width:7px;height:7px;display:inline-block;border-radius:50%;margin-right:8px}.bar{height:5px;border-radius:5px;background:#f0f1eb;overflow:hidden;margin-top:10px}.bar>span{height:100%;display:block;border-radius:5px}.micro-note{font-size:10px;color:var(--muted);margin-top:17px;line-height:1.5}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-heading p{font-size:11px;margin-top:6px}.count-tag{border:1px solid var(--line);padding:7px 10px;border-radius:20px;color:var(--muted);font-size:10px}.meal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meal-card{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.meal-header{display:flex;align-items:center;gap:10px;padding:20px}.meal-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f6f2e8;color:#978367;font-size:19px}.meal-title{flex:1}.meal-title h3{font-size:13px;margin:0 0 3px}.meal-title span{font-size:10px;color:var(--muted)}.meal-total{font-size:12px;color:var(--muted)}.meal-total strong{color:var(--ink);font-weight:550}.meal-empty{padding:8px 20px 17px;color:#a1a69d;font-size:11px}.meal-add{margin:0 20px 16px;width:calc(100% - 40px);padding:10px;background:#f7f8f3;border:1px dashed #dce1d5;border-radius:7px;color:#6c7d6a;font-size:11px}.meal-add:hover{background:#edf1e8}.meal-entry{padding:12px 20px;border-top:1px solid #f0f1eb;display:flex;align-items:center;gap:9px}.entry-info{flex:1;min-width:0}.entry-info strong{font-size:12px;font-weight:500;display:block;overflow-wrap:anywhere}.entry-info small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.entry-kcal{font-size:11px;white-space:nowrap}.icon-button{background:none;color:#8f988e;padding:5px;font-size:13px}.icon-button:hover{color:var(--orange)}.tip{margin-top:24px;border-radius:10px;background:#edf0e7;padding:18px 20px;display:flex;gap:16px;align-items:center}.tip>span{font-size:25px;color:#7b9278}.tip strong{font-size:11px;font-weight:550}.tip p{font-size:11px;color:var(--muted);margin:6px 0 0;line-height:1.6}.tip button{padding:0;background:none;text-decoration:underline;color:var(--ink);font-size:inherit}footer{padding:36px 0 22px;display:flex;justify-content:space-between;color:#98a091;font-size:10px}.primary{background:var(--forest);color:#fff;padding:12px 19px;border-radius:8px;font-size:12px;font-weight:500}.primary:hover{background:#395441}.secondary{background:#f1f3ed;color:var(--ink);padding:12px 19px;border-radius:8px;font-size:12px}.search-wrap{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:9px;background:#fff;max-width:480px}.search-wrap span{font-size:24px;color:#9aa496}.search-wrap input{border:0;background:none;flex:1;min-width:0;padding:4px 0}.catalog-note{font-size:11px;color:var(--muted);margin:15px 0 24px}.food-card{display:flex;gap:16px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.food-card-main{flex:1;min-width:0}.food-card-main strong{font-size:14px;display:block;overflow-wrap:anywhere}.food-card-main small{font-size:11px;color:var(--muted);display:block;margin-top:7px;overflow-wrap:anywhere}.food-nutrients{font-size:11px;line-height:1.9;color:var(--muted);text-align:right}.food-nutrients strong{font-size:15px;color:var(--ink)}.food-actions{display:flex;gap:6px}.empty-catalog{text-align:center;background:#fff;border:1px dashed #d9dfd1;border-radius:14px;padding:55px 20px}.empty-catalog .empty-icon{font-size:34px;color:#a6b09b;display:block;margin-bottom:15px}.empty-catalog h2{font-size:18px}.empty-catalog p{font-size:13px;line-height:1.8;color:var(--muted);max-width:420px;margin:13px auto 22px}.settings-card{max-width:670px;background:#fff;padding:30px;border:1px solid var(--line);border-radius:14px}.settings-card .primary{margin-top:20px}.small{font-size:10px;color:var(--muted);line-height:1.6}dialog{padding:27px;border:0;border-radius:16px;width:min(540px,calc(100% - 30px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 80px #15271933}dialog::backdrop{background:#16281e77;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:25px}.modal-head h2{margin-top:8px;font-size:24px}.close{background:none;font-size:25px;color:var(--muted);padding:0 4px}form label{display:block;font-size:12px;font-weight:500;margin-bottom:16px}form label input{display:block;width:100%;border:1px solid #dce2d6;border-radius:7px;background:#fcfcf9;padding:11px 12px;margin-top:8px;font-size:13px;font-weight:400;color:var(--ink)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid.three{grid-template-columns:1fr 1fr 1fr;gap:10px}.form-note{font-size:11px;line-height:1.7;color:var(--muted);margin-top:-2px;margin-bottom:24px}.optional{font-size:10px;font-weight:400;color:var(--muted);margin-left:5px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}.food-options{max-height:215px;overflow:auto;display:grid;gap:7px;margin:13px 0 20px}.food-option{display:flex;justify-content:space-between;gap:12px;padding:12px;text-align:left;background:#f6f7f1;border:1px solid transparent;border-radius:8px;font-size:12px;color:var(--ink)}.food-option.selected{border-color:#7f9b82;background:#edf1e7}.food-option small{font-size:10px;color:var(--muted);white-space:nowrap}.selected-food{font-size:11px;color:#6c836a;margin-bottom:17px}.entry-preview{border-radius:8px;padding:16px;background:#f5ede3;color:#936b43;font-size:12px;line-height:1.7}.text-button{background:none;padding:15px 0 0;font-size:11px;color:#71876e}#toast{position:fixed;bottom:24px;left:calc(50% + 100px);transform:translateX(-50%);background:var(--forest);color:#fff;box-shadow:0 5px 20px #12231b33;border-radius:10px;padding:14px 20px;max-width:90vw;z-index:10;font-size:12px}#toast button{margin-left:12px;padding:0;background:none;color:#f6be8d;text-decoration:underline}[hidden]{display:none!important}@media(min-width:1600px){main{margin-right:auto}}@media(max-width:1180px){main{padding:0 28px}.sidebar{width:215px;padding:30px 20px}main{margin-left:215px}.overview{grid-template-columns:1fr 1fr}.energy-main{gap:18px}.ring{width:128px;height:128px}.energy-card,.macro-card{padding:22px 20px}.ring strong{font-size:27px}.energy-detail>strong{font-size:11px}h1{font-size:32px}.date-picker input{width:120px}}@media(max-width:960px){.overview{grid-template-columns:1fr}.energy-main{padding:15px 0}.ring{width:145px;height:145px}.macro-card{padding-bottom:19px}.macro{margin:14px 0}.page-heading{align-items:flex-start;flex-direction:column}.meal-grid{grid-template-columns:1fr}.topbar-note{display:none}}@media(max-width:650px){.sidebar{position:static;width:100%;padding:18px 20px 0}.brand{font-size:20px}.brand-icon{font-size:27px}.brand-small,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;margin-top:14px}.nav-button{justify-content:center;padding:12px 6px;font-size:10px;border-radius:8px 8px 0 0;margin:0}.nav-button span{font-size:15px;width:auto}.nav-button{gap:6px}main{margin:0;padding:0 18px}.topbar{height:50px;margin-bottom:24px}.page-heading{gap:17px;margin-bottom:23px}h1{font-size:30px}.overview{gap:14px;margin-bottom:28px}.energy-card,.macro-card{padding:20px}.energy-main{gap:22px}.ring{width:132px;height:132px}.goal-number{font-size:19px}.section-heading p{max-width:230px}.tip{padding:16px;align-items:start}.tip>span{font-size:20px}footer{gap:18px;line-height:1.6}footer span{max-width:190px;text-align:right}.food-card{padding:16px;gap:10px;flex-wrap:wrap}.food-nutrients{text-align:left;flex-basis:70%}.food-actions{margin-left:auto}.food-card-main{flex-basis:100%}.settings-card{padding:23px 18px}.form-grid{gap:10px}dialog{padding:23px 20px}#toast{left:50%;bottom:16px;width:max-content}.mobile-backup{display:block}.form-grid.three label{font-size:11px}}

.nutrition-details{margin-top:12px;color:var(--ink);font-size:11px}.nutrition-details summary{cursor:pointer;color:#6c836a;line-height:1.6}.nutrition-details dl{margin:12px 0 0}.nutrition-details dl>div,.daily-details dl>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0;border-bottom:1px solid var(--line)}.nutrition-details dt,.daily-details dt{color:var(--muted)}.nutrition-details dd,.daily-details dd{margin:0;text-align:right;white-space:nowrap}.daily-details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:17px 22px;margin:-12px 0 30px;font-size:12px}.daily-details summary{cursor:pointer;font-weight:550;line-height:1.7}.daily-details summary>span{font-size:10px;font-weight:400;color:var(--muted);margin-left:12px}.daily-details dl{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;margin:18px 0 12px}.daily-details p{font-size:10px;color:var(--muted);line-height:1.6}.entry-preview .nutrition-details dl>div{border-color:#e5d9c8}.food-card-main .nutrition-details{max-width:500px}@media(max-width:650px){.daily-details{padding:15px 18px}.daily-details summary>span{display:block;margin-left:0}.daily-details dl{grid-template-columns:1fr}.food-card{align-items:flex-start}}

.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:30px;background:#edf0e8}.auth-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:34px;width:min(480px,100%);box-shadow:0 15px 45px #243c3210}.auth-brand{font-size:23px;font-weight:600;margin-bottom:30px}.auth-brand span{color:var(--orange);font-size:30px;vertical-align:middle;margin-right:7px}.auth-card h1{font-size:28px;line-height:1.2}.auth-card>p{font-size:12px;color:var(--muted);line-height:1.7}.auth-tabs{display:flex;gap:6px;margin:22px 0}.auth-tabs button{background:#f3f5ef;color:#63725f;border-radius:7px;padding:10px;flex:1;font-size:11px}.auth-tabs button.active{background:var(--forest);color:#fff}.auth-card form>.primary{width:100%}.auth-error{color:#a3402d;font-size:12px;line-height:1.7}.sync-status{background:none;color:#73846d;font-size:11px;max-width:300px;text-align:right;line-height:1.5;padding:0}.sync-status[data-tone="warning"],.sync-status[data-tone="login"]{color:#af633b}.cloud-settings{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.cloud-settings .text-button{display:block}.recovery-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f2f4ec;border-radius:9px;padding:18px;font-size:13px;line-height:1.7}.check-label{font-size:12px;display:flex;align-items:center;gap:8px;margin:20px 0}.check-label input{width:auto}.conflict-options{display:grid;gap:12px;margin-top:20px}@media(max-width:650px){.auth-screen{padding:18px}.auth-card{padding:26px 22px}.sync-status{max-width:200px;font-size:10px}.topbar .eyebrow{font-size:8px;letter-spacing:1px}}