@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/libre-franklin-cyrillic-ext-wght-normal-D7ATVUJA.woff2") format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/libre-franklin-cyrillic-wght-normal-NYK2YPTI.woff2") format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/libre-franklin-vietnamese-wght-normal-BUEOZ5GH.woff2") format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/libre-franklin-latin-ext-wght-normal-BED4ZMJF.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Libre Franklin Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url("./media/libre-franklin-latin-wght-normal-OV5L34A6.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--paper: #edf2ea;--porcelain: #ffffff;--well: #f1f5ef;--ink: #132a1f;--ink-2: #4f6358;--ink-3: #7b8d82;--line: #dae3d9;--basil: #1d6a48;--basil-strong: #14533a;--basil-ink: #ffffff;--basil-soft: #dcece2;--yolk: #f2b230;--yolk-ink: #7a5200;--yolk-soft: #fcefcd;--tomato: #c93d24;--tomato-soft: #fbe3dc;--protein: #4e6bd6;--carbs: #e5862f;--fat: #c84b7e;--hero: #1d6a48;--hero-ink: #ffffff;--hero-ink-2: rgb(255 255 255 / .74);--dish: #ffffff;--dish-rim: #e4ebe2;--track: #e8efe6;--viewfinder: #132a1f;--shadow-soft: 0 1px 2px rgb(19 42 31 / .05), 0 10px 24px -14px rgb(19 42 31 / .22);--shadow-float: 0 2px 6px rgb(19 42 31 / .08), 0 20px 44px -18px rgb(19 42 31 / .42);--r-xl: 30px;--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--tabbar-h: 66px;--tabbar-gap: max(10px, calc(env(safe-area-inset-bottom) - 8px) );--font: "Libre Franklin Variable", "Libre Franklin", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font)}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--paper: #0d1611;--porcelain: #16221b;--well: #1d2c23;--ink: #e5eee7;--ink-2: #a2b5a9;--ink-3: #72877a;--line: #27382e;--basil: #4cbb88;--basil-strong: #72d1a4;--basil-ink: #04160c;--basil-soft: #173426;--yolk: #f5c04e;--yolk-ink: #f5c04e;--yolk-soft: #33290f;--tomato: #ff7d63;--tomato-soft: #3d1c15;--protein: #8399f2;--carbs: #f4a35c;--fat: #e67ca7;--hero: #13432e;--dish: #1a2920;--dish-rim: #2a3c31;--track: #2a3b31;--viewfinder: #0a130e;--shadow-soft: none;--shadow-float: 0 20px 44px -18px rgb(0 0 0 / .8)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}html:has(dialog[open]){overflow:hidden}body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.5;font-weight:420;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.02em}h1{font-size:2rem;font-weight:850;letter-spacing:-.035em}h2{font-size:1.15rem;font-weight:750;letter-spacing:-.015em}h3{font-size:1.05rem;font-weight:720}p{margin:0}:focus-visible{outline:3px solid color-mix(in srgb,var(--basil) 60%,transparent);outline-offset:2px}.icon{display:inline-flex;width:1.25em;height:1.25em;flex-shrink:0}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.page,.auth-page{max-width:560px;margin:0 auto}.page{padding:calc(16px + env(safe-area-inset-top)) 16px calc(var(--tabbar-h) + var(--tabbar-gap) + 28px);display:flex;flex-direction:column;gap:18px}.page-head{display:flex;flex-direction:column;gap:6px;padding:10px 0 2px}.lede{color:var(--ink-2);max-width:42ch}.section-title{margin:6px 0 14px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:4px 12px;flex-wrap:wrap}.section-head>span{font-size:.8rem;color:var(--ink-2)}.panel{background:var(--porcelain);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:14px}.stack{display:flex;flex-direction:column;gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:end}.grow{flex:1;min-width:0}.note,.empty-note{font-size:.85rem;color:var(--ink-2)}.m-protein{--m: var(--protein)}.m-carbs{--m: var(--carbs)}.m-fat{--m: var(--fat)}.btn{font:inherit;font-size:1rem;font-weight:650;border:0;border-radius:var(--r-md);padding:13px 18px;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:transform .18s var(--ease-spring),background-color .2s,color .2s,box-shadow .2s}.btn:active:not(:disabled){transform:scale(.96)}.btn:disabled{opacity:.5;cursor:default}.btn.small{min-height:40px;padding:8px 14px;font-size:.9rem;border-radius:12px}.btn .icon{width:1.15em;height:1.15em}.btn-block{width:100%}.btn-primary{background:var(--basil);color:var(--basil-ink)}.btn-primary:hover:not(:disabled),.btn-primary.is-done{background:var(--basil-strong)}.btn-primary.is-done .icon{animation:pop-in .4s var(--ease-spring)}.btn-soft{background:var(--basil-soft);color:var(--basil)}.btn-soft.is-on .icon svg{fill:currentColor}.btn-ghost{background:transparent;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-danger{background:var(--tomato-soft);color:var(--tomato)}.btn-danger.is-armed{background:var(--tomato);color:#fff;animation:shake .35s ease-in-out}.btn-yolk{background:var(--yolk);color:#3a2a00}.btn-google{background:#fff;color:#1f1f1f}.btn-link{background:none;border:0;padding:0;font:inherit;font-weight:700;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.icon-btn{width:40px;height:40px;flex-shrink:0;border-radius:50%;border:0;background:transparent;color:var(--ink-2);display:inline-grid;place-items:center;cursor:pointer;transition:background-color .15s,transform .2s var(--ease-spring)}.icon-btn:hover{background:var(--well)}.icon-btn:active{transform:scale(.88)}.icon-btn .icon{width:20px;height:20px}.chip{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap}.chip-cost{background:var(--well);color:var(--ink-2);font-variant-numeric:tabular-nums}.facts-chips{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.chip-yolk{background:var(--yolk);color:#3a2a00}.confidence-high{background:var(--basil-soft);color:var(--basil)}.confidence-medium{background:var(--yolk-soft);color:var(--yolk-ink)}.confidence-low{background:var(--tomato-soft);color:var(--tomato)}.alert{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:var(--r-md);font-size:.9rem;font-weight:550}.alert-error{background:var(--tomato-soft);color:var(--tomato)}.alert p{margin:0}.alert:has(.error-detail){flex-direction:column;align-items:stretch}.error-detail summary{cursor:pointer;font-size:.8rem;font-weight:600;text-decoration:underline}.error-detail pre{margin:6px 0 0;font-size:.75rem;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.alert-ok{background:var(--basil-soft);color:var(--basil)}fieldset{border:0;padding:0;margin:0;min-width:0}legend{padding:0}.field{display:flex;flex-direction:column;gap:7px;font-size:.9rem;font-weight:620;min-width:0}.field>span:first-child em{font-style:normal;font-weight:450;color:var(--ink-3);margin-left:4px}input,select,textarea{font:inherit;font-size:16px;font-weight:460;color:var(--ink);background:var(--well);border:1.5px solid transparent;border-radius:var(--r-md);padding:12px 14px;width:100%;min-width:0;outline:none;transition:border-color .15s,background-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--basil);background:var(--porcelain);box-shadow:0 0 0 4px color-mix(in srgb,var(--basil) 16%,transparent)}input::placeholder,textarea::placeholder{color:var(--ink-3)}input[type=date],input[type=time]{-webkit-appearance:none;appearance:none;display:block;min-height:50px;text-align:left}input::-webkit-date-and-time-value{text-align:left}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[aria-invalid=true].ng-touched,.decimal-input input[aria-invalid=true]{border-color:var(--tomato)}.decimal-input{display:contents}textarea{resize:vertical;min-height:72px;line-height:1.45}.hint{font-size:.8rem;font-weight:450;color:var(--ink-2)}.hint.is-fixed{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;color:var(--basil);font-weight:550}.hint .icon{width:16px;height:16px}.error-text{color:var(--tomato);font-size:.8rem;font-weight:550}.macro-label{display:inline-flex;align-items:center;gap:6px}.macro-label:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--m)}.search{position:relative;display:block}.search .icon{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;color:var(--ink-3);pointer-events:none}.search input{padding-left:42px;background:var(--porcelain)}.segmented legend{font-size:.9rem;font-weight:620;margin-bottom:7px}.seg-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;background:var(--well);border-radius:var(--r-md)}.seg-track label{position:relative;display:flex;align-items:center;justify-content:center;padding:10px;border-radius:11px;font-weight:650;color:var(--ink-2);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s}.seg-track input,.chip-option input,.option input,.loader-option input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.seg-track label:has(input:checked){background:var(--porcelain);color:var(--ink);box-shadow:var(--shadow-soft)}.seg-track label:has(input:focus-visible),.option:has(input:focus-visible),.loader-option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--basil) 60%,transparent);outline-offset:2px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips legend{font-size:.9rem;font-weight:620;margin-bottom:7px}.chip-option{position:relative;cursor:pointer}.chip-option span{display:inline-flex;padding:9px 15px;border-radius:999px;background:var(--well);font-weight:620;font-size:.9rem;color:var(--ink-2);transition:background-color .2s,color .2s,transform .25s var(--ease-spring)}.chip-option:active span{transform:scale(.94)}.chip-option input:checked+span{background:var(--basil);color:var(--basil-ink)}.chip-option input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--basil) 60%,transparent);outline-offset:2px}.options{display:flex;flex-direction:column;gap:8px}.options legend{font-size:.9rem;font-weight:620;margin-bottom:7px}.option{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-md);background:var(--well);border:1.5px solid transparent;cursor:pointer;transition:border-color .2s,background-color .2s}.option-text{flex:1;min-width:0;display:flex;flex-direction:column}.option-text strong{font-weight:680}.option-text span{font-size:.82rem;color:var(--ink-2)}.option-check{width:24px;height:24px;flex-shrink:0;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;color:transparent;transition:background-color .2s,border-color .2s,color .2s,transform .3s var(--ease-spring)}.option-check .icon{width:14px;height:14px}.option-check .icon svg{stroke-width:3}.option:has(input:checked){border-color:var(--basil);background:var(--basil-soft)}.option:has(input:checked) .option-check{background:var(--basil);border-color:var(--basil);color:var(--basil-ink);transform:scale(1.08)}.switch{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer}.switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.switch-track{position:relative;width:50px;height:30px;flex-shrink:0;border-radius:999px;background:var(--line);transition:background-color .25s}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .35s var(--ease-spring)}.switch input:checked+.switch-track{background:var(--basil)}.switch input:checked+.switch-track:after{transform:translate(20px)}.switch input:focus-visible+.switch-track{outline:3px solid color-mix(in srgb,var(--basil) 60%,transparent);outline-offset:2px}.switch-label{display:flex;flex-direction:column;font-weight:620}.switch-label small{font-weight:450;font-size:.8rem;color:var(--ink-2)}.tabbar{position:fixed;z-index:10;left:12px;right:12px;bottom:var(--tabbar-gap);max-width:520px;height:var(--tabbar-h);margin:0 auto;padding:6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:color-mix(in srgb,var(--porcelain) 84%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:26px;box-shadow:var(--shadow-float);view-transition-name:tabbar}.tab-indicator{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/5);border-radius:20px;background:var(--basil-soft);transform:translate(calc(var(--tab) * 100%));transition:transform .5s var(--ease-spring)}.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:20px;color:var(--ink-3);text-decoration:none;font-size:.68rem;font-weight:650;transition:color .25s}.tab .icon{width:23px;height:23px;transition:transform .4s var(--ease-spring)}.tab.active{color:var(--basil)}.tab.active .icon{transform:translateY(-1px) scale(1.06)}.tab:active .icon{transform:scale(.86)}.tab-add-btn{width:52px;height:52px;border-radius:18px;background:var(--basil);color:var(--basil-ink);display:grid;place-items:center;box-shadow:0 8px 18px -6px color-mix(in srgb,var(--basil) 70%,transparent);transition:transform .35s var(--ease-spring),border-radius .35s var(--ease-out)}.tab-add-btn .icon{width:26px;height:26px}.tab-add-btn .icon svg{stroke-width:2.5}.tab-add:active .tab-add-btn{transform:scale(.88)}.tab-add.active .tab-add-btn{border-radius:50%}.app-version{position:fixed;z-index:15;pointer-events:none;top:calc(4px + env(safe-area-inset-top));right:calc(8px + env(safe-area-inset-right));font-size:.65rem;color:var(--ink-3);font-variant-numeric:tabular-nums;view-transition-name:app-version}.update-bar{position:fixed;z-index:20;top:calc(10px + env(safe-area-inset-top));left:50%;translate:-50% 0;max-width:calc(100% - 32px);display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 16px;background:var(--ink);color:var(--paper);font:inherit;font-size:.9rem;cursor:pointer;box-shadow:var(--shadow-float);white-space:nowrap;view-transition-name:update-bar}.update-bar .icon{width:18px;height:18px;color:var(--yolk)}.splash{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:var(--paper)}.splash img{border-radius:16px}.splash-spinner{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--basil) 25%,transparent);border-top-color:var(--basil);animation:spin .8s linear infinite}.badge-toast{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(var(--tabbar-h) + var(--tabbar-gap) + 12px);max-width:520px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:12px 8px 12px 12px;background:var(--ink);color:var(--paper);border-radius:22px;box-shadow:var(--shadow-float);view-transition-name:badge-toast}.badge-toast strong{font-weight:750}.badge-toast p{margin-top:2px;font-size:.82rem;opacity:.75}.badge-toast .icon-btn{color:inherit;opacity:.7}.badge-toast .icon-btn:hover{background:color-mix(in srgb,var(--paper) 12%,transparent)}.badge-toast-medal{position:relative;width:52px;height:52px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:var(--yolk)}.badge-toast-emoji{font-size:1.9rem;line-height:1;animation:medal-pop .7s var(--ease-spring) .15s both}.badge-toast.is-shame .badge-toast-medal{background:var(--tomato)}.badge-toast.is-shame .badge-toast-emoji{animation:head-shake 1.2s ease-in-out .2s both}.confetti{position:absolute;left:50%;top:50%;width:7px;height:11px;margin:-5px 0 0 -3px;border-radius:2px;background:var(--c);opacity:0;animation:confetti-burst 1.1s var(--ease-out) .2s both}.toast-enter{animation:toast-in .5s var(--ease-spring)}.toast-leave{animation:toast-out .22s ease-in forwards}.plate{position:relative;width:min(100%,264px);aspect-ratio:1;margin:6px auto 0;container-type:inline-size}.plate-svg{display:block;width:100%;height:100%;overflow:visible}.plate-shadow{fill:#00000029}.plate-dish{fill:var(--dish)}.plate-well{fill:none;stroke:var(--dish-rim);stroke-width:1.5}.plate-track{fill:none;stroke:var(--track);stroke-width:24}.plate-fill{fill:none;stroke:var(--basil);stroke-width:24;stroke-linecap:round;stroke-dasharray:1 1;transition:stroke-dashoffset 1s var(--ease-out),opacity .2s}.plate-fill.is-extra{stroke:var(--tomato)}.plate-fill.is-deficit{stroke:var(--yolk)}.plate-notch{stroke:var(--ink);stroke-width:3;stroke-linecap:round;opacity:.75;animation:fade-in .4s var(--ease-out) both}.plate.is-intro .plate-notch{animation-delay:1.6s}.plate-fill.is-empty{opacity:0}.plate.is-intro .plate-fill{transition-delay:.15s}.plate.is-intro .plate-fill.is-extra{transition-delay:1s}.plate-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);pointer-events:none}.plate-value{font-size:17cqi;font-weight:860;letter-spacing:-.045em;line-height:.95;font-variant-numeric:tabular-nums}.plate-caption{font-size:5.4cqi;font-weight:620;color:var(--ink-2);margin-top:1.6cqi}.plate-zone{margin-top:2.4cqi;padding:.9cqi 3.2cqi;border-radius:999px;font-size:4.4cqi;font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.plate.is-deficit .plate-value{color:var(--yolk-ink)}.plate.is-deficit .plate-zone{background:var(--yolk-soft);color:var(--yolk-ink)}.plate.is-surplus .plate-value{color:var(--tomato)}.plate.is-surplus .plate-zone{background:var(--tomato-soft);color:var(--tomato)}.hero{background:var(--hero);color:var(--hero-ink);border-radius:var(--r-xl);padding:18px;display:flex;flex-direction:column;gap:4px}.hero-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.hero-head h1{font-size:1.5rem}.hero-date{color:var(--hero-ink-2);font-size:.9rem;font-weight:550;text-align:right}.hero-stats{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px 24px;margin:14px 0 0;padding-top:14px;border-top:1px solid rgb(255 255 255 / .16)}.hero-stats div{min-width:0}.hero-stats dt{font-size:.78rem;font-weight:550;color:var(--hero-ink-2)}.hero-stats dd{margin:2px 0 0;font-size:1.15rem;font-weight:760;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-stats dd.hero-sub{width:0;margin-top:1px;overflow:visible;font-size:.74rem;font-weight:600;color:var(--hero-ink-2)}.hero-time{color:var(--yolk)}.hero.is-loading{gap:16px}.plate-skeleton{width:min(100%,260px);aspect-ratio:1;margin:8px auto 0;border-radius:50%;border:22px solid rgb(255 255 255 / .12);animation:breathe 1.6s ease-in-out infinite}.hero-loading{text-align:center;color:var(--hero-ink-2)}.streak{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--r-lg);background:var(--yolk-soft);color:var(--ink);text-decoration:none;transition:transform .2s var(--ease-spring)}a.streak:active{transform:scale(.98)}.streak-flame{font-size:1.9rem;line-height:1}.streak-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.streak-text strong{font-weight:750}.streak-text span{font-size:.85rem;color:var(--ink-2)}.streak-badges{display:inline-flex;align-items:center;gap:4px;font-weight:760;color:var(--yolk-ink);font-variant-numeric:tabular-nums}.macro-bar{display:flex;gap:3px;height:10px;border-radius:999px;overflow:hidden;background:var(--well)}.macro-bar span{height:100%;border-radius:999px;background:var(--m);transition:width .7s var(--ease-out)}.macro-legend{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.macro-legend li{display:flex;flex-direction:column}.macro-name{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2)}.macro-name:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--m)}.macro-legend strong{font-size:1.3rem;font-weight:820;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap}.macro-pct{font-size:.8rem;color:var(--ink-3)}.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.slot{position:relative;display:grid;grid-template-columns:42px 22px minmax(0,1fr);column-gap:10px}.slot:before{content:"";position:absolute;left:62px;width:2px;top:0;bottom:0;background:var(--line)}.slot:first-child:before{top:14px}.slot:last-child:before{bottom:auto;height:14px}.slot:only-child:before{display:none}.slot-time{padding-top:4px;text-align:right;font-size:.8rem;font-weight:700;color:var(--ink-2);font-variant-numeric:tabular-nums}.slot-dot{position:relative;z-index:1;width:22px;height:22px;margin-top:3px;border-radius:50%;background:var(--paper);border:2px solid var(--line);display:grid;place-items:center;color:var(--basil-ink);transition:background-color .3s,border-color .3s}.slot-dot .icon{width:13px;height:13px}.slot-dot .icon svg{stroke-width:3.2}.slot.is-done .slot-dot{background:var(--basil);border-color:var(--basil)}.slot.is-over .slot-dot{background:var(--tomato);border-color:var(--tomato)}.slot.is-next .slot-dot{background:var(--yolk-soft);border-color:var(--yolk);box-shadow:0 0 0 5px color-mix(in srgb,var(--yolk) 28%,transparent)}.slot-body{min-width:0;display:flex;flex-direction:column;gap:8px;padding-bottom:22px}.slot.is-next .slot-body{background:var(--porcelain);border-radius:var(--r-lg);padding:14px;margin:-10px 0 16px;box-shadow:var(--shadow-soft)}.slot-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}.slot-kcal{margin-left:auto;font-size:.85rem;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}.slot-kcal strong{color:var(--ink);font-weight:760}.slot.is-over .slot-kcal strong{color:var(--tomato)}.slot-add{align-self:flex-start}.meter{height:6px;border-radius:999px;background:color-mix(in srgb,var(--ink) 9%,transparent);overflow:hidden}.meter span{display:block;height:100%;border-radius:inherit;background:var(--basil);transition:width .7s var(--ease-out)}.meter.is-over span,.slot.is-over .meter span{background:var(--tomato)}.meter-yolk span{background:var(--yolk)}.meal-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.meal-row{width:100%;display:flex;align-items:center;gap:10px;padding:12px 10px 12px 14px;border:0;border-radius:var(--r-md);background:var(--porcelain);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--ease-spring),background-color .15s}.slot.is-next .meal-row,.panel .meal-row{background:var(--well)}.meal-row:active{transform:scale(.98)}.meal-row-name{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:560}.meal-row-name small{display:block;font-size:.75rem;font-weight:600;color:var(--ink-2)}.meal-row-star{width:16px;height:16px;color:var(--yolk)}.meal-row-star svg{fill:currentColor}.meal-row-kcal{font-size:.9rem;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.meal-row-go{width:16px;height:16px;color:var(--ink-3)}.sheet{position:fixed;inset:auto 0 0;width:100%;max-width:560px;max-height:88dvh;margin:0 auto;padding:0 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border:0;border-radius:28px 28px 0 0;background:var(--porcelain);color:var(--ink);box-shadow:0 -12px 40px -12px #0000004d;transform:translateY(105%);transition-property:transform,overlay,display;transition-duration:.38s;transition-timing-function:var(--ease-out);transition-behavior:allow-discrete}.sheet[open]:not([data-closing]){transform:none}@starting-style{.sheet[open]:not([data-closing]){transform:translateY(105%)}}.sheet::backdrop{background:#06100b00;transition-property:background-color,overlay,display;transition-duration:.38s;transition-behavior:allow-discrete}.sheet[open]:not([data-closing])::backdrop{background:#06100b73}@starting-style{.sheet[open]:not([data-closing])::backdrop{background:#06100b00}}.sheet-drag{position:sticky;top:0;z-index:1;margin:0 -20px;padding:10px 20px 6px;background:var(--porcelain);touch-action:none;cursor:grab}.sheet-grip{display:block;width:40px;height:5px;margin:0 auto 12px;border-radius:999px;background:var(--line)}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-kicker{font-size:.8rem;font-weight:600;color:var(--ink-2)}.sheet-head h2{margin-top:2px;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;overflow-wrap:anywhere}.sheet-kcal{margin:8px 0 14px;color:var(--ink-2);font-weight:620}.sheet-kcal strong{margin-right:4px;font-size:2.6rem;font-weight:900;letter-spacing:-.045em;color:var(--ink);font-variant-numeric:tabular-nums}.macro-tokens{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.macro-tokens li{display:flex;flex-direction:column;padding:10px 12px;border-radius:var(--r-md);background:var(--well);font-weight:760;font-variant-numeric:tabular-nums}.macro-tokens li span{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:550;color:var(--ink-2)}.macro-tokens li span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--m)}.ledger{list-style:none;margin:0 0 16px;padding:0}.ledger li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:.92rem}.ledger-name small{margin-left:4px;color:var(--ink-2)}.ledger-kcal{font-weight:700;white-space:nowrap;font-variant-numeric:tabular-nums}.sheet-actions{position:sticky;bottom:calc(-20px - env(safe-area-inset-bottom));margin:0 -20px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));margin-bottom:calc(-20px - env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:var(--porcelain)}.sheet-actions .btn{padding-inline:10px}.quick{display:flex;flex-direction:column;gap:12px}.quick-toggle{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border:0;border-radius:var(--r-lg);background:var(--porcelain);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .2s var(--ease-spring)}.quick-toggle:active{transform:scale(.98)}.quick-toggle-icon{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--yolk-soft);color:var(--yolk-ink);display:grid;place-items:center}.quick-toggle-icon svg{fill:currentColor}.quick-toggle-text{flex:1;min-width:0;display:flex;flex-direction:column}.quick-toggle-text strong{font-weight:700}.quick-toggle-text strong span{margin-left:4px;color:var(--ink-3);font-weight:600}.quick-toggle-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;color:var(--ink-2)}.quick-chevron{width:18px;height:18px;color:var(--ink-3);transition:transform .3s var(--ease-spring)}.quick.is-open .quick-chevron{transform:rotate(90deg)}.quick-panel{display:flex;flex-direction:column;gap:12px}.quick-row{list-style:none;margin:0 -16px;padding:2px 16px 6px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;overscroll-behavior-x:contain;scrollbar-width:none}.quick-row::-webkit-scrollbar{display:none}.quick-item{position:relative;flex:0 0 auto;width:156px;scroll-snap-align:start}.quick-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;border:2px solid transparent;border-radius:var(--r-lg);background:var(--porcelain);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:transform .25s var(--ease-spring),border-color .2s,background-color .2s}.quick-card:active{transform:scale(.95)}.quick-card.is-picked{border-color:var(--basil);background:var(--basil-soft)}.quick-name{min-height:2.5em;padding-right:20px;font-weight:650;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-kcal{font-size:.85rem;color:var(--ink-2)}.quick-kcal strong{font-size:1.3rem;font-weight:820;letter-spacing:-.025em;color:var(--ink)}.quick-check{position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;background:var(--basil);color:var(--basil-ink);display:grid;place-items:center;animation:pop-in .4s var(--ease-spring)}.quick-check .icon{width:14px;height:14px}.quick-check .icon svg{stroke-width:3}.quick-remove{position:absolute;top:6px;right:6px;width:32px;height:32px;border:0;border-radius:50%;background:transparent;color:var(--ink-3);display:grid;place-items:center;cursor:pointer}.quick-remove .icon{width:16px;height:16px}.quick-row>.note{padding:8px 0}.macro-mini{display:inline-flex;flex-wrap:wrap;gap:2px 9px;font-size:.75rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.macro-mini span{display:inline-flex;align-items:baseline;gap:3px}.macro-mini b{color:var(--m);font-weight:800}.capture{gap:16px}.viewfinder{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:150px;padding:18px 24px;border-radius:var(--r-lg);background:var(--viewfinder);color:#fff;text-align:center;cursor:pointer;overflow:hidden;transition:transform .25s var(--ease-spring)}.viewfinder:active{transform:scale(.98)}.viewfinder:focus-within{outline:3px solid color-mix(in srgb,var(--basil) 60%,transparent);outline-offset:2px}.viewfinder-corners{--c: rgb(255 255 255 / .55);--l: 22px;--t: 3px;position:absolute;inset:14px;pointer-events:none;background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) top right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) top right / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom left / var(--t) var(--l),linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--t),linear-gradient(var(--c),var(--c)) bottom right / var(--t) var(--l);background-repeat:no-repeat;transition:inset .3s var(--ease-spring)}.viewfinder:active .viewfinder-corners{inset:22px}.viewfinder-icon{width:52px;height:52px;margin-bottom:6px;border-radius:50%;background:var(--yolk);color:#2a1d00;display:grid;place-items:center}.viewfinder-icon .icon{width:26px;height:26px}.viewfinder strong{font-size:1.1rem;font-weight:720}.viewfinder-note{font-size:.82rem;color:#ffffffb3}.photo-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--well)}.photo-frame img{display:block;width:100%;height:min(80vw,340px);object-fit:cover;transition:filter .5s,transform .8s var(--ease-out)}.photo-frame.is-analyzing img{filter:blur(6px) saturate(1.2) brightness(.8);transform:scale(1.06)}.photo-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:min(80vw,340px);padding:16px;text-align:center;font-size:.9rem;color:var(--ink-2)}.photo-placeholder .icon{width:36px;height:36px}.photo-veil{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:#0a160f4d}.photo-veil .munch{width:min(100%,270px);padding:8px 12px 12px;border-radius:var(--r-lg);background:var(--porcelain);box-shadow:var(--shadow-float)}.photo-veil .munch-stage{max-width:200px}.munch-panel{min-height:220px;padding:16px;border-radius:var(--r-lg);background:var(--well);display:grid;place-items:center}.barcode-btn{position:relative}.barcode-btn.is-disabled{opacity:.6;pointer-events:none}.barcode-hint{margin-top:-8px;text-align:center}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:spin .8s linear infinite}.grams-input{display:inline-block;width:4.6em;min-height:0;padding:3px 6px;border-radius:8px;font-size:.8rem;font-weight:650;font-variant-numeric:tabular-nums;text-align:right}.facts-grams{display:inline-flex;align-items:center;gap:4px}.photo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-actions .btn{padding-inline:8px}.facts{display:flex;flex-direction:column;gap:8px;padding:12px 14px 14px;scroll-margin-top:calc(12px + env(safe-area-inset-top));border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--porcelain)}.facts-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:8px solid var(--ink)}.facts-head h2{font-size:1.3rem;font-weight:900;letter-spacing:-.025em}.facts-total{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:4px;border-bottom:4px solid var(--ink)}.facts-total span{font-size:1.15rem;font-weight:860}.facts-total strong{font-size:2.4rem;font-weight:900;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}.facts-range{margin-top:-2px;font-size:.85rem;color:var(--ink-2)}.facts-items{list-style:none;margin:0;padding:0}.facts-items li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 30%,transparent)}.facts-items.is-plain li:last-child{border-bottom:0}.facts-item{min-width:0;font-size:.92rem;font-weight:620}.facts-item small{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;margin-top:3px;font-size:.75rem;font-weight:450;color:var(--ink-2)}.facts-kcal{font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}.source{color:var(--ink-3)}.source.is-db{color:var(--basil);font-weight:650}.source.is-unsure{color:var(--tomato);font-weight:650}.facts-meta{font-size:.78rem;line-height:1.45;color:var(--ink-2)}.meal-form{gap:18px}.kcal-input{position:relative;display:block}.kcal-input input{padding:8px 64px 8px 14px;font-size:2rem;font-weight:820;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.kcal-unit{position:absolute;right:16px;top:50%;translate:0 -50%;color:var(--ink-3);font-weight:650;pointer-events:none}.munch{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.munch-stage{width:100%;max-width:240px;aspect-ratio:4 / 3}.munch-svg{display:block;width:100%;height:100%;overflow:visible}.munch-step{min-height:1.45em;font-size:.9rem;font-weight:650;text-align:center;color:var(--ink)}.munch .shadow{fill:color-mix(in srgb,var(--ink) 12%,transparent)}.pig-head{transform-origin:120px 160px;animation:bob .8s ease-in-out infinite}.pig-mouth{transform-origin:120px 135px;animation:chomp .8s infinite}.pig-ear-l{transform-origin:92px 56px;animation:ear-l 1.6s ease-in-out infinite}.pig-ear-r{transform-origin:148px 56px;animation:ear-r 1.6s ease-in-out infinite}.pig-eyes{transform-origin:120px 80px;animation:blink 3.6s infinite}.pig-cheek{transform-box:fill-box;transform-origin:center;animation:cheek .8s ease-out infinite}.snack{opacity:0;transform-box:fill-box;transform-origin:center;animation:snack-fly 2.4s cubic-bezier(.45,0,.55,1) infinite}.snack-2{animation-delay:.8s}.snack-3{animation-delay:1.6s}.snack-hole{fill:var(--porcelain)}.munch-panel .snack-hole,.loader-option .snack-hole{fill:var(--well)}.loader-option:has(input:checked) .snack-hole{fill:var(--basil-soft)}.crumb{opacity:0;animation:crumb .8s ease-out infinite}.crumb-1{--x: -16px;--y: -6px}.crumb-2{--x: 15px;--y: -10px}.crumb-3{--x: 5px;--y: 13px}.robot-body{transform-origin:96px 160px;animation:bob .8s ease-in-out infinite}.robot-antenna{stroke:var(--ink)}.robot-bulb{animation:bulb 1.6s ease-in-out infinite}.robot-eyes{transform-origin:96px 65px;animation:squint .8s ease-out infinite}.robot-mouth{transform-origin:96px 108px;animation:chomp .8s infinite}.belt{stroke:color-mix(in srgb,var(--ink) 25%,transparent);stroke-width:3;stroke-dasharray:10 8;stroke-linecap:round;animation:belt .6s linear infinite}.token{opacity:0;transform-box:fill-box;transform-origin:center;animation:token-ride 3.2s linear infinite}.token-2{animation-delay:.8s}.token-3{animation-delay:1.6s}.token-4{animation-delay:2.4s}.token rect{fill:#fff3d1;stroke:#d39a12;stroke-width:1.5}.token text{fill:#5c3d00;font-size:11px;font-weight:750;text-anchor:middle}.bit{opacity:0;fill:var(--basil);font-size:11px;font-weight:850;text-anchor:middle;animation:bit 1.6s ease-out infinite}.bit-2{animation-delay:.8s}.cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 2px}.cal-title{font-size:clamp(1.6rem,8vw,2rem);white-space:nowrap}.cal-title span{font-weight:600;color:var(--ink-3)}.cal-nav{display:flex;gap:6px}.cal-nav .icon-btn{width:44px;height:44px;background:var(--porcelain)}.cal{gap:6px;overflow:hidden;touch-action:pan-y;padding:16px 10px}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px 2px}.cal-week span{text-align:center;font-size:.7rem;font-weight:650;color:var(--ink-3)}.cal-day{min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0 3px;border:0;border-radius:14px;background:transparent;color:var(--ink);font:inherit;cursor:pointer;transition:background-color .2s,transform .25s var(--ease-spring)}.cal-day:active{transform:scale(.9)}.cal-day.is-selected{background:var(--basil-soft)}.cal-ring{position:relative;width:min(100%,38px);aspect-ratio:1;display:grid;place-items:center}.cal-ring svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.cal-track{fill:none;stroke:var(--well);stroke-width:3.5}.cal-day.is-selected .cal-track{stroke:var(--porcelain)}.cal-arc{fill:none;stroke:var(--basil);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.cal-day.is-deficit .cal-arc{stroke:var(--yolk)}.cal-day.is-surplus .cal-arc{stroke:var(--tomato)}.cal-num{position:relative;font-size:.85rem;font-weight:650;font-variant-numeric:tabular-nums}.cal-day.is-today .cal-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--ink)}.cal-day.is-today .cal-num{color:var(--porcelain);font-weight:800}.cal-kcal{min-height:1.2em;font-size:.62rem;line-height:1.2;font-weight:600;white-space:nowrap;color:var(--ink-3);font-variant-numeric:tabular-nums}.cal-day.is-under .cal-kcal{color:var(--basil)}.cal-day.is-deficit .cal-kcal{color:var(--yolk-ink)}.cal-day.is-surplus .cal-kcal{color:var(--tomato)}.slide-from-right{--from: 40px;animation:slide-x .42s var(--ease-out)}.slide-from-left{--from: -40px;animation:slide-x .42s var(--ease-out)}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;padding:0 6px;font-size:.78rem;color:var(--ink-2)}.legend-hint{margin-left:auto;color:var(--ink-3)}.dot{display:inline-block;width:10px;height:10px;margin-right:2px;border-radius:50%;border:2.5px solid;vertical-align:-1px}.dot.is-under{border-color:var(--basil)}.dot.is-deficit{border-color:var(--yolk)}.dot.is-surplus{border-color:var(--tomato)}.day-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px}.day-total{font-size:.9rem;color:var(--ink-2);white-space:nowrap;font-variant-numeric:tabular-nums}.day-total strong{font-size:1.15rem;font-weight:800;color:var(--ink)}.day-total.is-deficit strong{color:var(--yolk-ink)}.day-total.is-surplus strong{color:var(--tomato)}.day .btn{align-self:flex-start}.scale{gap:10px;padding:22px 20px 20px}.scale-now{display:flex;align-items:baseline;gap:6px}.scale-kg{font-size:clamp(3.4rem,18vw,4.4rem);font-weight:900;letter-spacing:-.05em;line-height:.9;font-variant-numeric:tabular-nums}.scale-unit{font-size:1.3rem;font-weight:700;color:var(--ink-2)}.scale-delta{font-size:.95rem;font-weight:650;color:var(--ink-2)}.scale-delta.is-down{color:var(--basil)}.scale-delta.is-up{color:var(--tomato)}.journey{width:100%;margin-top:10px}.journey-track{position:relative;height:12px;border-radius:999px;background:var(--well)}.journey-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--basil);transition:width .9s var(--ease-out)}.journey-marker{position:absolute;top:50%;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;background:var(--porcelain);border:5px solid var(--basil);box-shadow:var(--shadow-soft);transition:left .9s var(--ease-out)}.journey-ends{display:flex;justify-content:space-between;margin-top:10px;font-size:.8rem;font-weight:600;color:var(--ink-2);font-variant-numeric:tabular-nums}.scale-togo{font-size:.95rem;color:var(--ink-2)}.scale-togo strong{color:var(--ink);font-weight:760}.scale-pace{display:block;margin-top:4px;font-size:.85rem}.weigh-in{gap:16px}.stepper{display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:8px}.stepper-btn{height:56px;border:0;border-radius:18px;background:var(--basil-soft);color:var(--basil);display:grid;place-items:center;cursor:pointer;transition:transform .2s var(--ease-spring)}.stepper-btn:active{transform:scale(.88)}.stepper-btn .icon{width:24px;height:24px}.stepper-btn .icon svg{stroke-width:2.5}.stepper-value{height:56px;display:flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border-radius:18px;background:var(--well);font-weight:650;color:var(--ink-2);transition:box-shadow .15s}.stepper-value:focus-within{box-shadow:0 0 0 2px var(--basil)}.stepper-value input,.stepper-value input:focus{width:4.6ch;padding:0;border:0;background:transparent;box-shadow:none;text-align:right;font-size:1.9rem;font-weight:820;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.chart{display:block;width:100%;height:auto;margin-top:4px;touch-action:pan-y;cursor:crosshair;-webkit-user-select:none;user-select:none}.chart .grid{stroke:var(--line);stroke-width:1}.chart .axis{fill:var(--ink-3);font-size:10px;font-variant-numeric:tabular-nums}.chart .goal{stroke:var(--yolk);stroke-width:2;stroke-dasharray:5 5}.chart .goal-text{fill:var(--yolk-ink);font-weight:700}.chart .area{fill:color-mix(in srgb,var(--basil) 12%,transparent)}.chart .line{fill:none;stroke:var(--basil);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart .point{fill:var(--porcelain);stroke:var(--basil);stroke-width:2}.scrub line{stroke:var(--ink-3);stroke-width:1;stroke-dasharray:2 3}.scrub circle{fill:var(--basil);stroke:var(--porcelain);stroke-width:3}.scrub text{fill:var(--ink-2);font-size:11px;font-weight:600}.scrub-kg{fill:var(--ink);font-weight:820}.history{list-style:none;margin:0;padding:0}.history li{display:flex;align-items:center;gap:10px;padding:4px 0;border-top:1px solid var(--line)}.history li:first-child{border-top:0}.history li span{flex:1;color:var(--ink-2)}.history li strong{font-weight:760;font-variant-numeric:tabular-nums}.me{display:flex;align-items:center;gap:14px;padding:10px 0 2px}.me-avatar{width:60px;height:60px;flex-shrink:0;border-radius:50%;object-fit:cover;background:var(--basil);color:var(--basil-ink);display:grid;place-items:center;font-size:1.6rem;font-weight:800}.me-text{min-width:0}.me-text h1{font-size:1.6rem;overflow-wrap:anywhere}.me-text p{font-size:.92rem;color:var(--ink-2)}.me-text strong{color:var(--ink);font-weight:760}.row-link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r-lg);background:var(--porcelain);color:var(--ink);font-weight:650;text-decoration:none;transition:transform .2s var(--ease-spring)}.row-link:active{transform:scale(.98)}.row-link-icon{width:38px;height:38px;border-radius:12px;background:var(--yolk-soft);color:var(--yolk-ink);display:grid;place-items:center}.row-link>.icon:last-child{width:18px;height:18px;color:var(--ink-3)}.profile-form{display:flex;flex-direction:column;gap:16px}.loader-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.loader-option{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 8px 12px;border:2px solid transparent;border-radius:var(--r-lg);background:var(--well);cursor:pointer;transition:border-color .2s,background-color .2s,transform .25s var(--ease-spring)}.loader-option:active{transform:scale(.97)}.loader-option:has(input:checked){border-color:var(--basil);background:var(--basil-soft)}.loader-option:not(:has(input:checked)) .munch-svg *{animation-play-state:paused}.loader-preview{width:100%;pointer-events:none}.loader-preview .munch-step{min-height:2.8em;font-size:.72rem;font-weight:550;color:var(--ink-2)}.loader-name{font-size:.92rem;font-weight:720}.page-badges .page-head .meter{margin-top:8px;height:8px}.streak.is-static{background:var(--yolk-soft)}.award-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.award{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 10px 14px;border:0;border-radius:var(--r-lg);background:var(--porcelain);color:var(--ink);font:inherit;text-align:center;cursor:pointer}.award-emoji{display:inline-block;margin-bottom:4px;font-size:2.6rem;line-height:1.1}.award strong{font-size:.95rem;font-weight:750}.award-desc{font-size:.8rem;line-height:1.35;color:var(--ink-2)}.award-date{margin-top:auto;padding-top:6px;font-size:.75rem;font-weight:700;color:var(--basil)}.award-date.is-locked{font-weight:600;color:var(--ink-3)}.award.is-locked{background:transparent;box-shadow:inset 0 0 0 1.5px var(--line)}.award.is-locked .award-emoji{filter:grayscale(1);opacity:.35}.award.is-locked strong{color:var(--ink-2)}.shame-head{margin-top:14px;display:flex;flex-direction:column;gap:4px}.shame-head h2{font-size:1.4rem;font-weight:820}.shame-head p{font-size:.9rem;color:var(--ink-2)}.award.is-shame:not(.is-locked){background:var(--tomato-soft)}.award.is-shame .award-date{color:var(--tomato)}.award.is-shame.is-locked .award-date{color:var(--ink-3)}.award.is-wiggling .award-emoji{animation:wiggle .6s var(--ease-spring)}.auth-page{min-height:100dvh;max-width:none;display:flex;flex-direction:column;justify-content:center;gap:28px;padding:calc(32px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));background:var(--hero);color:var(--hero-ink)}.auth-page>*{width:100%;max-width:420px;margin-inline:auto}.auth-copy h1{font-size:clamp(2.6rem,12vw,3.4rem);font-weight:900;letter-spacing:-.045em;line-height:.95}.auth-copy p{max-width:30ch;margin-top:10px;font-size:1.05rem;color:var(--hero-ink-2)}.auth-actions{display:flex;flex-direction:column;gap:12px}.pop-in{animation:pop-in .4s var(--ease-spring)}.fade-in{animation:fade-in .25s ease-out}.fade-out{animation:fade-out .2s ease-in forwards}.rise-in{animation:rise-in .5s var(--ease-out)}.drop-in{animation:drop-in .45s var(--ease-spring)}.step-in{animation:step-in .35s var(--ease-out)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop-in{0%{opacity:0;transform:scale(.85)}}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes rise-in{0%{opacity:0;transform:translateY(14px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-16px)}}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}}@keyframes slide-x{0%{opacity:0;transform:translate(var(--from))}}@keyframes breathe{50%{opacity:.45}}@keyframes shake{25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes head-shake{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-14deg)}40%,80%{transform:rotate(14deg)}}@keyframes wiggle{30%{transform:scale(1.3) rotate(-12deg)}60%{transform:scale(1.15) rotate(10deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(24px) scale(.96)}}@keyframes toast-out{to{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes medal-pop{0%{transform:scale(.2) rotate(-30deg)}60%{transform:scale(1.25) rotate(8deg)}to{transform:scale(1) rotate(0)}}@keyframes confetti-burst{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(.6)}70%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(calc(-1 * var(--d))) rotate(200deg)}}@keyframes bob{50%{transform:translateY(-3px)}}@keyframes chomp{0%{transform:scaleY(.15)}18%{transform:scaleY(.45)}32%{transform:scaleY(.18)}62%,92%{transform:scaleY(1)}to{transform:scaleY(.15)}}@keyframes ear-l{50%{transform:rotate(-9deg)}}@keyframes ear-r{50%{transform:rotate(9deg)}}@keyframes blink{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes cheek{0%{transform:scale(1.22)}50%,to{transform:scale(1)}}@keyframes snack-fly{0%{opacity:0;transform:translate(104px,-92px) scale(.9) rotate(0)}5%{opacity:1}16%{transform:translate(70px,-74px) scale(1) rotate(40deg)}26%{transform:translate(36px,-28px) scale(.85) rotate(110deg)}31%{opacity:1;transform:translateY(-2px) scale(.5) rotate(150deg)}33%,to{opacity:0;transform:translate(0) scale(.3)}}@keyframes crumb{0%{opacity:1;transform:translate(0)}35%,to{opacity:0;transform:translate(var(--x),var(--y))}}@keyframes squint{0%{transform:scaleY(.35)}30%,to{transform:scaleY(1)}}@keyframes bulb{50%{opacity:.35}}@keyframes belt{to{stroke-dashoffset:18}}@keyframes token-ride{0%,38%{opacity:0;transform:translate(124px,38px)}44%{opacity:1}64%{transform:translate(46px,38px)}70%{transform:translate(22px,8px) scale(.85)}74%{opacity:1;transform:translate(0) scale(.4)}76%,to{opacity:0;transform:translate(0) scale(.3)}}@keyframes bit{0%{opacity:0;transform:translate(0)}10%{opacity:1}60%,to{opacity:0;transform:translate(16px,-18px)}}::view-transition-group(root){animation-duration:.32s}html[data-nav-dir=forward]::view-transition-old(root){animation:.2s ease-in both vt-out-left}html[data-nav-dir=forward]::view-transition-new(root){animation:.34s var(--ease-out) both vt-in-right}html[data-nav-dir=back]::view-transition-old(root){animation:.2s ease-in both vt-out-right}html[data-nav-dir=back]::view-transition-new(root){animation:.34s var(--ease-out) both vt-in-left}@keyframes vt-out-left{to{opacity:0;transform:translate(-28px)}}@keyframes vt-out-right{to{opacity:0;transform:translate(28px)}}@keyframes vt-in-right{0%{opacity:0;transform:translate(28px)}}@keyframes vt-in-left{0%{opacity:0;transform:translate(-28px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.munch-svg *,.plate-skeleton,.splash-spinner{animation:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}@media(min-width:600px){.page{padding-top:calc(28px + env(safe-area-inset-top))}}