:root{--c-accent: #16b364;--c-accent-2: #7ed957;--c-accent-ink: #0a3b22;--c-protein: #ff6b6b;--c-fat: #ffb020;--c-carbs: #4d7cfe;--c-water: #37c9e6;--bg: #f2f5f1;--bg-grad-1: #eef6ef;--bg-grad-2: #f4f2ee;--surface: #ffffff;--surface-2: #f7f9f6;--elev: rgba(20, 40, 25, .06);--elev-strong: rgba(20, 40, 25, .12);--border: rgba(20, 40, 25, .08);--text: #12201a;--text-muted: #6a776f;--text-faint: #9aa69f;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;--shadow-card: 0 6px 24px -8px var(--elev), 0 2px 6px -2px var(--elev);--shadow-float: 0 12px 32px -8px var(--elev-strong);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (prefers-color-scheme: dark){:root{--bg: #0e1512;--bg-grad-1: #101a15;--bg-grad-2: #0c110f;--surface: #17201b;--surface-2: #1d2822;--elev: rgba(0, 0, 0, .4);--elev-strong: rgba(0, 0, 0, .55);--border: rgba(255, 255, 255, .07);--text: #e9f0ea;--text-muted: #93a49a;--text-faint: #64756b;--c-accent: #2ecc71;--c-accent-2: #a8e063}}:root[data-theme=dark]{--bg: #0e1512;--bg-grad-1: #101a15;--bg-grad-2: #0c110f;--surface: #17201b;--surface-2: #1d2822;--border: rgba(255,255,255,.07);--text: #e9f0ea;--text-muted: #93a49a;--text-faint: #64756b;--elev: rgba(0,0,0,.4);--elev-strong: rgba(0,0,0,.55)}:root[data-theme=light]{--bg: #f2f5f1;--surface: #ffffff;--surface-2: #f7f9f6;--text: #12201a;--text-muted: #6a776f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:radial-gradient(120% 60% at 100% 0%,var(--bg-grad-1) 0%,transparent 60%),radial-gradient(120% 60% at 0% 100%,var(--bg-grad-2) 0%,transparent 55%),var(--bg);background-repeat:no-repeat;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}.app{max-width:480px;margin:0 auto;padding:calc(var(--safe-top) + 12px) 16px calc(96px + var(--safe-bottom));min-height:100%}.screen-enter{animation:fadeUp .38s cubic-bezier(.2,.7,.2,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.greeting{font-size:14px;color:var(--text-muted)}.greeting b{color:var(--text);font-weight:700}.date-pill{font-size:12.5px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:7px 12px;border-radius:100px;box-shadow:var(--shadow-card)}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--surface);box-shadow:var(--shadow-card);background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.card+.card{margin-top:14px}.card-title{font-size:13px;font-weight:700;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px}.hero{position:relative;background:radial-gradient(140% 120% at 50% -20%,rgba(126,217,87,.14),transparent 60%),var(--surface);overflow:hidden}.hero-ring{display:grid;place-items:center;position:relative}.ring-center{position:absolute;text-align:center}.ring-kcal{font-size:40px;font-weight:800;letter-spacing:-.02em;line-height:1}.ring-kcal small{font-size:15px;font-weight:600;color:var(--text-muted)}.ring-label{font-size:12.5px;color:var(--text-muted);margin-top:4px}.ring-sub{font-size:12.5px;color:var(--c-accent);font-weight:700;margin-top:2px}.macros{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.macro{text-align:center}.macro-bar{height:6px;border-radius:100px;background:var(--surface-2);overflow:hidden;margin-bottom:8px}.macro-bar>i{display:block;height:100%;border-radius:100px;transition:width .6s cubic-bezier(.2,.7,.2,1)}.macro-val{font-size:15px;font-weight:800}.macro-name{font-size:11.5px;color:var(--text-muted);margin-top:1px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:middle}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;box-shadow:var(--shadow-card);text-align:left}.stat-ic{font-size:18px}.stat-num{font-size:20px;font-weight:800;margin-top:6px;letter-spacing:-.01em}.stat-lbl{font-size:11.5px;color:var(--text-muted)}.meal-group+.meal-group{margin-top:14px}.meal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.meal-head h3{margin:0;font-size:15px;font-weight:700}.meal-head .kcal{font-size:13px;color:var(--text-muted);font-weight:600}.meal-add{width:28px;height:28px;border-radius:9px;background:var(--accent-soft);color:var(--c-accent);display:grid;place-items:center;flex:0 0 auto}.meal-add:active{transform:scale(.9)}.entry{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.entry+.entry{margin-top:8px}.entry-emoji{width:40px;height:40px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.entry-main{flex:1;min-width:0}.entry-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-sub{font-size:12px;color:var(--text-muted)}.entry-kcal{font-size:14px;font-weight:800}.empty{text-align:center;color:var(--text-faint);font-size:13.5px;padding:18px 0}.nav{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:0 16px calc(10px + var(--safe-bottom));pointer-events:none}.nav-inner{max-width:480px;margin:0 auto;pointer-events:auto;display:flex;align-items:center;justify-content:space-around;background:color-mix(in srgb,var(--surface) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-float);padding:8px;height:62px}.nav-btn{display:grid;place-items:center;gap:3px;width:56px;color:var(--text-faint);font-size:10.5px;font-weight:600}.nav-btn.active{color:var(--c-accent)}.nav-btn svg{width:24px;height:24px}.nav-fab{width:56px;height:56px;margin-top:-22px;border-radius:20px;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));display:grid;place-items:center;color:#fff;box-shadow:0 10px 22px -6px color-mix(in srgb,var(--c-accent) 60%,transparent);transition:transform .15s ease}.nav-fab:active{transform:scale(.92)}.nav-fab svg{width:28px;height:28px}.scrim{position:fixed;inset:0;z-index:50;background:#060c0980;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade .2s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:51;max-width:480px;margin:0 auto;background:var(--surface);border-radius:26px 26px 0 0;border:1px solid var(--border);border-bottom:none;box-shadow:0 -12px 40px -10px var(--elev-strong);padding:10px 16px calc(20px + var(--safe-bottom));animation:slideUp .32s cubic-bezier(.2,.8,.2,1) both;max-height:88vh;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:none}}.sheet-grab{width:40px;height:4px;border-radius:100px;background:var(--border);margin:4px auto 14px}.sheet h2{margin:0 0 4px;font-size:20px;font-weight:800;letter-spacing:-.01em}.sheet .desc{color:var(--text-muted);font-size:13.5px;margin:0 0 16px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.input{width:100%;padding:13px 14px;font-size:15px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-accent) 18%,transparent)}.seg{display:flex;gap:6px;background:var(--surface-2);padding:4px;border-radius:14px}.seg button{flex:1;padding:9px;font-size:13px;font-weight:600;color:var(--text-muted);border-radius:10px;transition:all .15s ease}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-card)}.btn{width:100%;padding:15px;font-size:15.5px;font-weight:700;border-radius:16px;background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2));color:#fff;box-shadow:0 8px 20px -6px color-mix(in srgb,var(--c-accent) 55%,transparent);transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;box-shadow:none}.btn-ghost{background:var(--surface-2);color:var(--text);box-shadow:none}.btn-row{display:flex;gap:10px}.chip{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--text)}.scanner{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:3/4}.scanner video,.scanner #reader{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:18% 12%;border-radius:16px;box-shadow:0 0 0 100vmax #00000059;outline:2px solid rgba(255,255,255,.9)}.scan-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 4px rgba(0,0,0,.6)}.result-item{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border)}.result-item:last-child{border-bottom:none}.result-thumb{width:44px;height:44px;border-radius:12px;background:var(--surface-2);object-fit:cover;flex:0 0 auto;display:grid;place-items:center;font-size:20px}.result-main{flex:1;min-width:0}.result-name{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-sub{font-size:12px;color:var(--text-muted)}.result-kcal{font-size:13.5px;font-weight:700;color:var(--c-accent)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s infinite;border-radius:12px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.spinner{width:22px;height:22px;border:2.5px solid var(--border);border-top-color:var(--c-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.onb{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;overflow:hidden;padding:calc(var(--safe-top) + 16px) 20px calc(24px + var(--safe-bottom));max-width:480px;margin:0 auto;background:radial-gradient(120% 50% at 50% 0%,color-mix(in srgb,var(--c-accent) 12%,transparent),transparent 70%),var(--bg)}.onb:before,.onb:after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}.onb:before{top:-90px;right:-90px;width:260px;height:260px;border:34px solid color-mix(in srgb,var(--c-accent) 9%,transparent)}.onb:after{bottom:-70px;left:-80px;width:210px;height:210px;border:26px solid color-mix(in srgb,var(--c-accent) 7%,transparent)}.onb>*{position:relative;z-index:1}.onb-badge{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;font-size:52px;margin:6px auto 20px;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--c-accent) 22%,var(--surface)),color-mix(in srgb,var(--c-accent) 7%,var(--surface)));box-shadow:0 14px 34px -12px color-mix(in srgb,var(--c-accent) 45%,transparent),inset 0 0 0 1px var(--border);animation:floaty 3.2s ease-in-out infinite}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.onb-body.fwd{animation:onbInR .34s cubic-bezier(.2,.7,.2,1) both}.onb-body.bwd{animation:onbInL .34s cubic-bezier(.2,.7,.2,1) both}@keyframes onbInR{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}@keyframes onbInL{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:none}}.onb-top{display:flex;align-items:center;gap:12px;margin-bottom:28px;min-height:32px}.onb-back{color:var(--text-muted);padding:6px;font-size:22px;line-height:1}.onb-bar{flex:1;height:6px;border-radius:100px;background:var(--surface-2);overflow:hidden}.onb-bar>i{display:block;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));transition:width .4s cubic-bezier(.2,.7,.2,1)}.onb-body{flex:1;display:flex;flex-direction:column}.onb-emoji{font-size:48px;margin-bottom:12px}.onb-title{font-size:26px;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 8px}.onb-sub{font-size:15px;color:var(--text-muted);margin:0 0 28px}.onb-cta{margin-top:auto}.opt-grid{display:grid;gap:12px}.opt-card{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:18px;border-radius:20px;background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-card);transition:transform .12s ease,border-color .15s ease,background .15s ease}.opt-card:active{transform:scale(.98)}.opt-card.on{border-color:var(--c-accent);background:color-mix(in srgb,var(--c-accent) 8%,var(--surface))}.opt-card .oc-emoji{font-size:30px;width:44px;text-align:center;flex:0 0 auto}.opt-card .oc-title{display:block;font-size:16.5px;font-weight:700;line-height:1.25}.opt-card .oc-sub{display:block;font-size:13px;color:var(--text-muted);margin-top:3px}.opt-card .oc-check{margin-left:auto;width:24px;height:24px;border-radius:50%;border:2px solid var(--border);display:grid;place-items:center;color:#fff;flex:0 0 auto}.opt-card.on .oc-check{background:var(--c-accent);border-color:var(--c-accent)}.stepper{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:10px 14px;box-shadow:var(--shadow-card)}.stepper+.stepper{margin-top:12px}.stepper .st-label{font-size:14px;color:var(--text-muted);font-weight:600}.stepper .st-ctrl{display:flex;align-items:center;gap:14px}.stepper .st-btn{width:40px;height:40px;border-radius:12px;background:var(--surface-2);font-size:22px;font-weight:700;color:var(--c-accent);display:grid;place-items:center}.stepper .st-btn:active{transform:scale(.9)}.stepper .st-val{font-size:22px;font-weight:800;min-width:74px;text-align:center;letter-spacing:-.01em}.stepper .st-val small{font-size:13px;color:var(--text-muted);font-weight:600}.onb-reveal{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.reveal-kcal{font-size:68px;font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(120deg,var(--c-accent),var(--c-accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .5s cubic-bezier(.2,1.4,.4,1) both}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.reveal-macros{display:flex;gap:20px;margin-top:24px}.reveal-macros .rm{text-align:center}.reveal-macros .rm b{font-size:22px;font-weight:800}.reveal-macros .rm{opacity:0;animation:fadeUp .5s ease both}.reveal-macros .rm:nth-child(1){animation-delay:.3s}.reveal-macros .rm:nth-child(2){animation-delay:.42s}.reveal-macros .rm:nth-child(3){animation-delay:.54s}.feat-mock{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow-card);margin-top:6px}.feat-mock+.feat-mock{margin-top:8px}.feat-mock .fm-emoji{width:38px;height:38px;border-radius:11px;background:var(--surface-2);display:grid;place-items:center;font-size:19px;flex:0 0 auto}.feat-mock .fm-name{font-size:14px;font-weight:600}.feat-mock .fm-sub{font-size:12px;color:var(--text-muted)}.feat-mock .fm-kcal{margin-left:auto;font-weight:800;color:var(--c-accent)}.feat-chips{display:flex;gap:8px;justify-content:center;margin-top:12px;flex-wrap:wrap}.adm-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adm-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px;box-shadow:var(--shadow-card)}.adm-tile .n{font-size:24px;font-weight:800;letter-spacing:-.01em}.adm-tile .l{font-size:12px;color:var(--text-muted);margin-top:2px}.adm-bar{height:8px;border-radius:100px;background:var(--surface-2);overflow:hidden;margin-top:8px}.adm-bar>i{display:block;height:100%;border-radius:100px}.adm-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 4px;border-bottom:1px solid var(--border);font-size:13px}.adm-row:last-child{border-bottom:none}.adm-row .mono{font-family:var(--mono);font-size:12px;color:var(--text-muted)}.adm-badge2{font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:100px;background:var(--surface-2);color:var(--text-muted)}.adm-badge2.ok{background:var(--accent-soft);color:var(--c-accent)}.adm-act{font-size:12px;font-weight:700;padding:6px 10px;border-radius:9px}.adm-act.del{background:var(--warn-soft);color:var(--warn)}.adm-act.ver{background:var(--accent-soft);color:var(--c-accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.switch-row .sw-title{font-size:15px;font-weight:600}.switch-row .sw-sub{font-size:12.5px;color:var(--text-muted);margin-top:1px}.switch{width:48px;height:28px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);position:relative;flex:0 0 auto;transition:background .2s ease;cursor:pointer}.switch.on{background:var(--c-accent);border-color:var(--c-accent)}.switch>i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s cubic-bezier(.2,.7,.2,1)}.switch.on>i{transform:translate(20px)}.time-input{font:inherit;font-size:15px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.rem-block{overflow:hidden;transition:opacity .2s ease}.rem-block.off{opacity:.4;pointer-events:none}.glass{width:118px;height:158px;margin:4px auto 8px;position:relative;border:3px solid var(--c-water);border-radius:14px 14px 26px 26px;overflow:hidden;background:color-mix(in srgb,var(--c-water) 8%,var(--surface))}.glass>.fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,color-mix(in srgb,var(--c-water) 70%,#fff) 0%,var(--c-water) 100%);transition:height .55s cubic-bezier(.2,.7,.2,1)}.glass>.fill:before{content:"";position:absolute;top:-8px;left:0;right:0;height:12px;border-radius:50%;background:color-mix(in srgb,var(--c-water) 55%,#fff)}.glass-txt{position:absolute;inset:0;display:grid;place-items:center;text-align:center}.glass-txt b{font-size:22px;font-weight:800;display:block;line-height:1}.glass-txt span{font-size:11.5px;color:var(--text-muted)}.chip-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0}.chip-btn{padding:10px 14px;border-radius:100px;background:var(--surface-2);border:1px solid var(--border);font-size:14px;font-weight:700;color:var(--c-water)}.chip-btn:active{transform:scale(.94)}.hist-item{display:flex;align-items:center;justify-content:space-between;padding:12px 4px;border-bottom:1px solid var(--border)}.hist-item:last-child{border-bottom:none}.hist-date{font-size:14px;font-weight:600}.hist-val{font-size:15px;font-weight:800}.hist-delta{font-size:12px;font-weight:700;padding:2px 7px;border-radius:100px;margin-left:8px}.hist-delta.up{color:var(--c-protein);background:var(--warn-soft)}.hist-delta.down{color:var(--c-accent);background:var(--accent-soft)}