@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,700&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#283044;background:#f8f7f3;font-synthesis:none;--purple: #5746af;--purple-dark: #403381;--mint: #dff3e8;--green: #24855d;--yellow: #f9e7a6;--red: #b44b4b;--line: #e6e2da;--muted: #757786}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding-bottom:94px}header{height:70px;padding:12px clamp(18px,4vw,52px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:#f8f7f3eb;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;font-family:Fraunces,serif;font-size:22px;color:#283044}.brand-mark{width:38px;height:38px;border-radius:13px 13px 13px 4px;display:grid;place-items:center;background:var(--purple);color:#fff}.avatar{justify-self:end;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:700}.date-nav{display:flex;align-items:center;gap:8px;font-size:14px}.date-nav button{border:0;background:transparent;width:32px;height:32px;border-radius:50%;font-size:25px;color:var(--purple)}.date-nav button:disabled{opacity:.25}main{width:min(100% - 32px,980px);margin:28px auto}.hero{color:#fff;background:linear-gradient(125deg,#46378f,#6854c5);border-radius:28px;padding:clamp(24px,5vw,42px);display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;box-shadow:0 18px 45px #46378f33;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:260px;height:260px;border:45px solid rgba(255,255,255,.05);border-radius:50%;right:-110px;top:-100px}.hero h1,.page h1{font:700 clamp(32px,7vw,52px)/1 Fraunces,serif;margin:7px 0 8px}.hero p,.lede{margin:0;color:#ffffffbf}.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700}.protein-ring{--progress: 0deg;width:154px;height:154px;border-radius:50%;background:conic-gradient(#f9d873 var(--progress),rgba(255,255,255,.14) 0);padding:12px;z-index:1}.protein-ring>div{width:100%;height:100%;border-radius:50%;background:#5746af;display:flex;flex-direction:column;align-items:center;justify-content:center}.protein-ring strong{font:700 34px/1 Fraunces,serif}.protein-ring span{font-size:12px;opacity:.7;margin-top:5px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-weight:600;font-size:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}.alert-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 32px}.gluten-card{display:flex;align-items:center;gap:18px;border-radius:22px;padding:21px 24px;margin:0;background:var(--mint);color:#175b40}.gluten-card.check{background:#fff4ce;color:#785b10}.gluten-card.alert{background:#f8dddd;color:#8f3737}.gluten-icon{width:48px;height:48px;flex:0 0 auto;border:2px solid currentColor;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:22px}.gluten-card h2{margin:3px 0;font:700 20px Fraunces,serif}.gluten-card p{margin:0;font-size:13px;opacity:.8}.bronie-card{display:flex;align-items:center;gap:18px;border-radius:22px;padding:21px 24px;background:#e8f4ee;color:#206d4d}.bronie-card.check{background:#fff4ce;color:#785b10}.bronie-card.alert{background:#f8dddd;color:#8f3737}.bronie-card h2{margin:3px 0;font:700 22px Fraunces,serif}.bronie-card p{margin:0;font-size:13px;opacity:.8}.bronie-icon{width:48px;height:48px;flex:0 0 auto;border:2px solid currentColor;border-radius:14px;display:grid;place-items:center;font:700 18px Fraunces,serif}.bronie-badge{display:inline-grid!important;place-items:center;min-width:35px;height:28px;padding:0 8px;border-radius:9px;background:#e8f4ee;color:#206d4d!important;font-size:12px!important;font-weight:800}.bronie-badge.grade-2{background:#fff2c9;color:#82620f!important}.bronie-badge.grade-3{background:#fce5cf;color:#975121!important}.bronie-badge.grade-4{background:#f8dddd;color:#9a3636!important}.sugar-card{display:flex;align-items:center;gap:18px;border-radius:22px;padding:21px 24px;background:#edf1ff;color:#485183}.sugar-card.check{background:#fff4ce;color:#785b10}.sugar-card.alert{background:#f8dddd;color:#8f3737}.sugar-icon{width:48px;height:48px;flex:0 0 auto;border:2px solid currentColor;border-radius:15px;display:grid;place-items:center;font-weight:800;font-size:19px;transform:rotate(0)}.sugar-copy{flex:1}.sugar-card h2{margin:3px 0;font:700 24px Fraunces,serif}.sugar-card h2 small{font:600 12px DM Sans,sans-serif;opacity:.7}.sugar-card p{margin:0;font-size:13px;opacity:.8}.sugar-track{height:5px;margin-top:10px;background:#ffffffa6;border-radius:9px;overflow:hidden}.sugar-track span{display:block;height:100%;background:currentColor;border-radius:inherit}.section-title{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:28px 0 16px}.section-title h1,.section-title h2{font:700 30px Fraunces,serif;margin:4px 0 0}.primary{width:100%;border:0;background:var(--purple);color:#fff;padding:14px 20px;border-radius:14px;font-weight:700;box-shadow:0 7px 16px #5746af2e}.primary:hover{background:var(--purple-dark)}.primary.small{width:auto;padding:11px 17px}.meal-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.meal-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.meal-head{display:flex;align-items:center;gap:11px}.meal-head h3{margin:0;font:700 18px Fraunces,serif}.meal-head span{font-size:12px;color:var(--muted)}.meal-symbol{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff1bd;color:#b27800}.meal-symbol.lunch{background:#dff3e8;color:#24855d}.meal-symbol.dinner{background:#ebe6ff;color:#5746af}.meal-symbol.snack{background:#f7e4ea;color:#a94766}.round-add{margin-left:auto;border:1px solid var(--line);background:#faf9f6;width:34px;height:34px;border-radius:50%;color:var(--purple);font-size:22px}.empty-meal{width:100%;margin-top:15px;border:1px dashed #d9d5cd;background:#fbfaf8;color:#9b9a96;border-radius:12px;padding:13px}.entry{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:14px 0 0;margin-top:14px;border-top:1px solid #efede8}.entry strong,.entry span{display:block}.entry>div>span{color:var(--muted);font-size:11px;margin-top:2px}.delete{border:0;background:none;color:#aaa;font-size:20px}.badge{display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap;padding:5px 8px;border-radius:99px;font-size:10px!important;font-weight:700;background:#edf7f2;color:var(--green)!important}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge.contains_gluten{background:#fae6e6;color:var(--red)!important}.badge.unknown{background:#fff3cf;color:#8a6810!important}nav{position:fixed;z-index:30;bottom:16px;left:50%;transform:translate(-50%);width:min(calc(100% - 30px),500px);background:#283044;display:grid;grid-template-columns:repeat(4,1fr);padding:6px;border-radius:21px;box-shadow:0 10px 30px #28304447}nav button{border:0;color:#aeb2bd;background:transparent;padding:7px 3px;border-radius:15px;font-size:10px;display:flex;flex-direction:column;gap:2px;align-items:center}nav button span{font-size:19px}nav button.active{background:#fff;color:var(--purple)}.page{padding-top:18px}.page>.kicker{color:var(--purple)}.page h1{margin:7px 0 9px}.page .lede{color:var(--muted);max-width:600px}.history-list{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;margin-top:28px}.history-row{display:grid;grid-template-columns:70px 1fr 72px 115px;gap:14px;align-items:center;padding:14px 18px;border-bottom:1px solid #efede8}.history-row:last-child{border:0}.history-date span,.history-date strong,.history-nutrients strong,.history-nutrients span{display:block}.history-date span{color:var(--muted);font-size:11px}.history-nutrients span{color:var(--muted);font-size:10px;margin-top:2px}.history-nutrients .sugar-over,.sugar-summary strong{color:var(--red)}.mini-progress{background:#eeece7;height:8px;border-radius:9px;overflow:hidden}.mini-progress span{display:block;height:100%;background:var(--purple);border-radius:inherit}.no-data{color:#aaa;font-size:12px}.history-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.period-toggle{display:flex;background:#ebe8e1;border-radius:13px;padding:4px}.period-toggle button{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:9px 17px;font-weight:700}.period-toggle button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #28304417}.period-nav{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;max-width:450px;margin:28px auto 18px;text-align:center}.period-nav button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--purple);font-size:24px}.period-nav button:disabled{opacity:.25;cursor:default}.period-nav strong{font:700 17px Fraunces,serif}.history-loading{min-height:300px;display:grid;place-items:center;color:var(--muted)}.history-chart-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;overflow:hidden}.chart-summary{display:flex;align-items:flex-end;gap:26px;border-bottom:1px solid #efede8;padding-bottom:18px}.chart-summary>div:first-child{margin-right:auto}.chart-summary strong,.chart-summary span,.chart-summary small{display:block}.chart-summary>div:first-child strong{font:700 35px Fraunces,serif;color:var(--purple);margin-top:3px}.chart-summary small,.summary-stat span{color:var(--muted);font-size:11px}.summary-stat strong{font:700 23px Fraunces,serif}.week-chart{height:260px;position:relative;display:grid;grid-template-columns:repeat(7,1fr);gap:13px;padding:28px 12px 0}.week-bar-wrap{min-width:0;display:grid;grid-template-rows:1fr 22px;align-items:end;text-align:center;z-index:1}.week-bar-track{height:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:10px 10px 4px 4px;background:linear-gradient(to top,#f3f0fb,transparent)}.week-bar{position:relative;width:min(38px,70%);min-height:3px;border-radius:8px 8px 3px 3px;background:#8776d5;transition:height .25s ease}.week-bar.met{background:var(--green)}.week-bar span{position:absolute;left:50%;top:-20px;transform:translate(-50%);color:var(--muted);font-size:10px;white-space:nowrap}.week-bar-wrap small{color:var(--muted);font-weight:700;padding-top:7px}.goal-line{position:absolute;left:12px;right:12px;border-top:1px dashed #c5a948;z-index:2;pointer-events:none}.goal-line span{position:absolute;right:0;bottom:5px;color:#957e25;font-size:9px;background:#fff;padding-left:5px}.month-chart{width:100%;overflow:hidden;padding-top:18px}.month-chart svg{display:block;width:100%;height:auto;min-height:220px;overflow:visible}.month-line{fill:none;stroke:var(--purple);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.month-area{fill:#5746af14;stroke:none}.month-goal-line{stroke:#c5a948;stroke-width:1.5;stroke-dasharray:7 7}.month-chart text{fill:var(--muted);font:10px DM Sans,sans-serif}.month-chart circle{fill:#fff;stroke:var(--purple);stroke-width:3}.month-chart circle.met{fill:var(--green);stroke:var(--green)}.search{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px 16px;font-size:16px}.category-filters{display:flex;gap:7px;overflow-x:auto;padding:12px 1px 3px;scrollbar-width:none}.category-filters::-webkit-scrollbar{display:none}.category-filters button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:8px 13px;white-space:nowrap;font-size:11px;font-weight:700}.category-filters button.active{background:var(--purple);border-color:var(--purple);color:#fff}.food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.food-card{text-align:left;border:1px solid var(--line);background:#fff;border-radius:18px;padding:17px}.food-top{display:flex;justify-content:space-between;align-items:center}.category-label{color:var(--purple);background:#f0edf9;border-radius:99px;padding:5px 8px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.food-emoji{color:#d7a600}.food-card h3{font:700 18px Fraunces,serif;margin:17px 0 3px}.food-card p{margin:0 0 12px;color:var(--muted);font-size:12px}.food-nutrients{display:flex;align-items:flex-end;gap:15px}.food-nutrients strong{color:var(--purple);font-size:18px}.food-nutrients strong span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase}.food-nutrients .sugar-value{color:#a05d57;font-size:15px}.bronie-reason{display:block;color:var(--muted);font-size:10px;line-height:1.35;margin-top:13px;padding-top:11px;border-top:1px solid #efede8}.narrow{max-width:620px;margin:auto}.form-card{margin-top:28px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:22px}.form-card label,.modal label{display:block;font-size:13px;font-weight:700;margin-bottom:17px}.form-card input,.modal input,.modal select{display:block;width:100%;border:1px solid #dcd8d0;border-radius:12px;padding:12px;margin-top:7px;background:#fff;font-size:16px}.suffix-input{position:relative}.suffix-input span{position:absolute;right:13px;top:50%;transform:translateY(-37%);color:var(--muted);font-size:12px}.suffix-input input{padding-right:65px}.note{background:#f5f2ff;color:#55468e;border-radius:14px;padding:15px;margin-bottom:20px}.note p{margin:5px 0 0;font-size:12px;line-height:1.5}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#201d2e8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:min(100%,480px);max-height:92vh;overflow:auto;background:#fbfaf7;border-radius:24px;padding:24px;box-shadow:0 20px 60px #00000040}.modal-head{display:flex;justify-content:space-between;margin-bottom:20px}.modal-head h2{font:700 28px Fraunces,serif;margin:4px 0}.modal-head button{align-self:start;border:0;background:#ece9e2;border-radius:50%;width:34px;height:34px;font-size:20px}.selection-preview{display:flex;justify-content:space-between;align-items:center;background:#f0edf9;padding:14px;border-radius:13px;margin:-3px 0 17px}.selection-preview strong,.selection-preview span{display:block}.selection-preview strong{font:700 25px Fraunces,serif;color:var(--purple)}.selection-preview .sugar-text{color:#a05d57}.preview-nutrients{display:flex;gap:22px}.selection-preview div span{color:var(--muted);font-size:11px}.nutrient-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.text-button{width:100%;border:0;background:none;color:var(--purple);margin-top:14px;font-weight:700}.modal fieldset{border:0;padding:0;margin:0 0 18px}.modal legend{font-size:13px;font-weight:700;margin-bottom:8px}.radio{display:flex!important;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:11px;margin:6px 0!important}.radio input,.check-row input{width:auto!important;margin:0!important}.check-row{display:flex!important;gap:9px;align-items:center}.advanced-fields{margin:-3px 0 17px;border:1px solid var(--line);border-radius:12px;padding:11px}.advanced-fields summary{color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.advanced-fields fieldset{margin:13px 0 0}.toast{background:#fae6e6;color:#8f3737;padding:12px 15px;border-radius:12px;margin-bottom:15px}.center-state{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:var(--purple)}.center-state button{border:0;background:var(--purple);color:#fff;padding:10px;border-radius:10px}@media (max-width:700px){header{grid-template-columns:auto 1fr auto;padding-inline:15px}.brand>span:last-child{display:none}.date-nav{justify-self:center}.date-nav strong{max-width:155px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.hero{grid-template-columns:1fr auto;padding:23px}.hero h1{font-size:31px}.protein-ring{width:112px;height:112px;padding:9px}.protein-ring strong{font-size:26px}.alert-grid,.meal-list,.food-grid{grid-template-columns:1fr}.history-title-row{align-items:flex-start;flex-direction:column;gap:18px}.period-toggle{width:100%}.period-toggle button{flex:1}.history-chart-card{padding:18px 12px}.chart-summary{gap:12px;padding-inline:4px;flex-wrap:wrap}.chart-summary>div:first-child{width:100%}.chart-summary>div:first-child strong{font-size:29px}.summary-stat strong{font-size:20px}.week-chart{gap:5px;padding-inline:2px;height:230px}.goal-line{left:2px;right:2px}.week-bar{width:min(30px,72%)}.history-row{grid-template-columns:58px 1fr 66px;gap:9px}.history-row .badge,.history-row .no-data{grid-column:2/-1;justify-self:start}.section-title h1,.section-title h2{font-size:26px}}@media (max-width:430px){main{width:min(100% - 24px,980px);margin-top:18px}.hero{grid-template-columns:1fr}.protein-ring{position:absolute;right:18px;top:18px;width:94px;height:94px}.hero-copy{padding-right:85px}.protein-ring strong{font-size:22px}.gluten-card{padding:18px}.gluten-icon{width:40px;height:40px}.entry{grid-template-columns:1fr auto}.entry .delete{grid-column:2}.entry .badge{grid-row:2;grid-column:1;justify-self:start}}