@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Quicksand:wght@500;600;700&display=swap";:root{--bg: #edf7ff;--bg-elev: #f6fbff;--bg-elev-2: #ffffff;--glass: rgba(255, 255, 255, .72);--glass-2: rgba(255, 255, 255, .9);--glass-hi: rgba(255, 255, 255, .85);--glass-brd: rgba(87, 137, 176, .18);--border: rgba(87, 137, 176, .16);--border-strong: rgba(87, 137, 176, .28);--text: #16324a;--text-muted: #5f7d96;--text-dim: #8ca7bc;--text-inverse: #ffffff;--accent: #69bbff;--accent-2: #3f97da;--accent-soft: #d9f0ff;--primary-hover: #55acef;--primary-active: #3f97da;--primary-deep: #2f7fbe;--green: #4bb98f;--amber: #e0a53a;--red: #ef7689;--blue: #69bbff;--day-1: #3f97da;--day-2: #2f7fbe;--day-3: #2f9e74;--canvas-gradient: radial-gradient(circle at 18% -4%, rgba(150, 215, 255, .45), transparent 38%), radial-gradient(circle at 96% 8%, rgba(190, 232, 255, .4), transparent 32%), linear-gradient(180deg, #f7fbff 0%, #e9f5ff 100%)}:root{--font: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-brand: "Quicksand", var(--font);--w-regular: 400;--w-medium: 500;--w-semi: 600;--w-bold: 700;--w-black: 800;--t-display: 30px;--t-h1: 26px;--t-h2: 21px;--t-title: 17px;--t-body: 15px;--t-card: 15.5px;--t-sub: 13px;--t-cap: 12px;--t-micro: 11px;--t-eyebrow: 12px;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.5;--tracking-body: -.011em;--tracking-tight: -.03em;--tracking-eyebrow: .06em}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--r-sm: 12px;--r: 18px;--r-lg: 24px;--r-pill: 999px;--shadow-sm: 0 4px 18px rgba(87, 137, 176, .1);--shadow-md: 0 12px 32px rgba(87, 137, 176, .14);--shadow-lg: 0 18px 48px rgba(87, 137, 176, .18);--shadow-accent: 0 8px 22px rgba(105, 187, 255, .4);--inset-hi: inset 0 1px 0 rgba(255, 255, 255, .7);--blur: 16px;--blur-nav: 24px;--ease: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.34, 1.4, .64, 1);--dur-fast: .16s;--dur: .25s;--dur-slow: .42s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);font-size:15px;line-height:1.5;letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none;background:var(--canvas-gradient);background-attachment:fixed}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}.app{position:relative;z-index:1;max-width:520px;margin:0 auto;min-height:100%;padding-top:calc(var(--safe-top) + 6px);padding-bottom:calc(88px + var(--safe-bottom))}.screen{padding:0 16px 24px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 2px 18px}.topbar .greeting{font-size:13px;color:var(--text-muted);font-weight:500}.topbar .title{font-size:26px;font-weight:740;letter-spacing:-.03em;line-height:1.15;margin-top:1px}.topbar .date{font-size:12px;color:var(--text-dim);margin-top:3px;text-transform:capitalize}.brand{position:relative;z-index:2}.brandmark{font-family:var(--font-brand);font-weight:700;font-size:30px;line-height:1.05;letter-spacing:.002em;white-space:nowrap;background:linear-gradient(95deg,#2f7fbe,#4f9fe0,#69bbff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;width:max-content}.brand-date{font-size:13.5px;font-weight:600;color:var(--text-muted);margin-top:8px;text-transform:capitalize}.ava{border-radius:50%;flex:none;background:linear-gradient(150deg,#9fd2ff,var(--accent) 55%,var(--primary-active));display:grid;place-items:center;font-weight:700;color:#fff;box-shadow:inset 0 1px #ffffff80,var(--shadow-sm)}.section-h{display:flex;align-items:baseline;justify-content:space-between;margin:24px 2px 11px}.section-h h2{font-size:12px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.section-h .link{font-size:13px;font-weight:600;color:var(--primary-deep);cursor:pointer}.card{position:relative;background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);border:1px solid var(--glass-brd);border-radius:var(--r);padding:16px;box-shadow:var(--shadow-sm),inset 0 1px #ffffffb3}.card+.card{margin-top:10px}.card.glow{background:linear-gradient(180deg,#e3f2ff 0%,var(--glass-2) 75%);border-color:#69bbff66}.card.tap{transition:transform .18s var(--spring),box-shadow .18s var(--ease);cursor:pointer}.card.tap:active{transform:scale(.985);box-shadow:var(--shadow-md)}.card-title{font-size:15.5px;font-weight:680;letter-spacing:-.01em}.card-sub{font-size:13px;color:var(--text-muted);margin-top:2px;line-height:1.45}.ic-circle{width:44px;height:44px;border-radius:13px;flex:none;background:var(--accent-soft);border:1px solid rgba(105,187,255,.3);display:grid;place-items:center;color:var(--primary-deep)}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:#ffffffb3;border:1px solid var(--border);color:var(--text-muted)}.pill.accent{background:var(--accent-soft);border-color:#69bbff4d;color:var(--primary-deep)}.pill.green{background:#4bb98f29;color:#2f8f6c;border-color:transparent}.pill.amber{background:#e0a53a29;color:#b07d1f;border-color:transparent}.pill.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:44px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:650;letter-spacing:-.01em;background:#fffc;border:1px solid var(--border-strong);color:var(--text);transition:transform .16s var(--spring),background .16s,box-shadow .16s,opacity .16s}.btn:active{transform:scale(.96)}.btn.primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:0 8px 22px #69bbff66,inset 0 1px #fff6}.btn.primary:active{background:var(--primary-hover)}.btn.ghost{background:transparent;border-color:var(--border);color:var(--primary-deep)}.btn.full{width:100%}.btn.sm{height:36px;padding:0 14px;font-size:13px}.btn:disabled{pointer-events:none}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile{background:#fff9;border:1px solid var(--border);border-radius:var(--r-sm);padding:13px}.tile .v{font-size:20px;font-weight:760;letter-spacing:-.02em}.tile .v small{font-size:11px;color:var(--text-dim);font-weight:600}.tile .l{font-size:11px;color:var(--text-muted);margin-top:2px}.bar{height:7px;border-radius:999px;background:#5789b024;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#8fcbff);transition:width .7s var(--ease)}.bar.green>i{background:linear-gradient(90deg,#4bb98f,#79d3b0)}.bar.amber>i{background:linear-gradient(90deg,#e0a53a,#ffd479)}.row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--border)}.row:first-child{padding-top:2px}.row:last-child{border-bottom:none;padding-bottom:2px}.row .ic{width:38px;height:38px;border-radius:11px;flex:none;background:var(--accent-soft);border:1px solid rgba(105,187,255,.25);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--primary-deep)}.row .main{flex:1;min-width:0}.row .main .t{font-size:14px;font-weight:620}.row .main .s{font-size:12px;color:var(--text-muted);margin-top:1px}.row .end{font-size:13px;color:var(--text-muted);text-align:right}.check{width:23px;height:23px;border-radius:8px;flex:none;border:1.5px solid var(--border-strong);background:#fff9;display:grid;place-items:center;transition:all .2s var(--spring)}.check.on{background:var(--accent);border-color:var(--accent);box-shadow:0 3px 10px #69bbff80}.check.on svg{stroke:#fff;animation:pop .3s var(--spring)}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;color:var(--text-muted);font-weight:600}.input{height:48px;padding:0 14px;border-radius:var(--r-sm);background:#ffffffd9;border:1px solid var(--border);color:var(--text);transition:border-color .16s,box-shadow .16s}.input::placeholder{color:var(--text-dim)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #69bbff2e}textarea.input{height:auto;padding:12px 14px;resize:vertical;min-height:80px;line-height:1.45}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:38px;height:38px;border-radius:12px;flex:none;background:#fffc;border:1px solid var(--border-strong);font-size:19px;font-weight:600;color:var(--primary-deep);display:grid;place-items:center;transition:transform .14s var(--spring),background .14s}.stepper button:active{background:var(--accent-soft);transform:scale(.9)}.stepper .num{min-width:56px;text-align:center;font-size:17px;font-weight:760}.stepper .num small{font-size:11px;color:var(--text-dim);font-weight:600}.ring-wrap{display:flex;align-items:center;gap:18px}.ring{position:relative}.ring .lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.ring .lbl b{font-size:22px;font-weight:760;letter-spacing:-.03em}.ring .lbl span{font-size:10px;color:var(--text-muted);display:block;margin-top:1px}.macros{display:grid;gap:13px;flex:1;min-width:0}.macro .top{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.macro .top b{font-weight:650}.macro .top span{color:var(--text-muted)}.seg{position:relative;display:flex;padding:5px;background:#fff9;border:1px solid var(--border);border-radius:999px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.seg button{position:relative;z-index:1;flex:1;height:36px;border-radius:999px;font-size:13px;font-weight:650;color:var(--text-muted);transition:color .25s}.seg button.on{color:var(--primary-deep)}.seg .seg-ind{position:absolute;top:5px;bottom:5px;z-index:0;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(105,187,255,.35);box-shadow:0 2px 8px #69bbff40;transition:transform .4s var(--spring),width .4s var(--spring)}.seg.sm{padding:4px}.seg.sm button{height:30px;font-size:12px}.seg.sm .seg-ind{top:4px;bottom:4px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;justify-content:center;padding-bottom:var(--safe-bottom);pointer-events:none}.tabbar .inner{pointer-events:auto;position:relative;display:flex;gap:2px;margin:10px;padding:7px;background:#ffffffc7;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid var(--glass-brd);border-radius:24px;box-shadow:var(--shadow-md),inset 0 1px #fffc}.tabbar .tab-ind{position:absolute;top:7px;left:7px;height:calc(100% - 14px);width:62px;z-index:0;border-radius:16px;background:var(--accent-soft);border:1px solid rgba(105,187,255,.35);transition:transform .42s var(--spring)}.tabbar button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:3px;width:62px;padding:7px 0;border-radius:16px;color:var(--text-dim);font-size:10px;font-weight:650;transition:color .25s}.tabbar button.on{color:var(--primary-deep)}.tabbar button.on svg{color:var(--primary-deep)}.tabbar button svg{width:21px;height:21px;transition:transform .3s var(--spring)}.tabbar button.on svg{transform:translateY(-1px) scale(1.06)}.sheet-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#24466447;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .25s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{width:100%;max-width:520px;background:#f7fbffeb;backdrop-filter:blur(30px) saturate(150%);-webkit-backdrop-filter:blur(30px) saturate(150%);border:1px solid var(--glass-brd);border-bottom:none;border-radius:28px 28px 0 0;padding:8px 16px calc(22px + var(--safe-bottom));box-shadow:0 -20px 60px #5789b040,inset 0 1px #ffffffe6;animation:slideup .42s var(--spring);max-height:90vh;overflow-y:auto}@keyframes slideup{0%{transform:translateY(100%)}to{transform:none}}.sheet .grab{width:40px;height:4px;border-radius:999px;background:var(--border-strong);margin:6px auto 16px}.sheet h3{font-size:18px;font-weight:720;letter-spacing:-.02em}.sheet .sub{font-size:13px;color:var(--text-muted);margin:4px 0 18px}.demo{position:relative;overflow:hidden;border-radius:var(--r-sm);background:#e8f1fb;border:1px solid var(--glass-brd)}.demo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.demo .f2{opacity:0;animation:rep 2.1s ease-in-out infinite}@keyframes rep{0%,32%{opacity:0}48%,84%{opacity:1}to{opacity:0}}.demo .fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--text-dim)}.demo .badge{position:absolute;left:8px;top:8px;z-index:2}.demo .badge .pill{background:#ffffffd9;border-color:var(--border);color:var(--primary-deep)}.demo-lg{aspect-ratio:16 / 11;width:100%}.demo-thumb{width:52px;height:52px;flex:none;border-radius:12px}.demo-thumb .badge{display:none}.upload{border:1.5px dashed var(--border-strong);border-radius:var(--r-lg);padding:28px 16px;text-align:center;transition:all .18s var(--ease);background:#ffffff80;cursor:pointer}.upload:active{background:var(--accent-soft);border-color:var(--accent)}.upload .ic{color:var(--primary-deep);margin-bottom:10px;display:inline-flex}.upload .t{font-size:14px;font-weight:650}.upload .s{font-size:12px;color:var(--text-muted);margin-top:3px}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.proj-grid.proj-4{grid-template-columns:repeat(4,1fr)}.proj{border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--glass-brd);background:#e8f1fb;aspect-ratio:3/4;position:relative}.proj img{width:100%;height:100%;object-fit:cover}.proj .cap{position:absolute;bottom:0;left:0;right:0;padding:7px 9px;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(to top,rgba(22,50,74,.8),transparent)}.proj.locked{filter:grayscale(.4) brightness(.96)}.proj .lock{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--primary-deep);background:#edf7ff8c}.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:16px;border-radius:var(--r);background:#ffffffa8;border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .14s var(--spring),border-color .16s,background .16s}.opt:active{transform:scale(.985)}.opt.on{border-color:var(--accent);background:var(--accent-soft)}.opt-l{font-size:15px;font-weight:650}.opt-h{font-size:12.5px;color:var(--text-muted);margin-top:2px}.opt-check{width:24px;height:24px;border-radius:8px;border:1.5px solid var(--border-strong);display:grid;place-items:center;flex:none;color:#fff;transition:all .2s var(--spring)}.opt-check svg{width:14px;height:14px}.opt.on .opt-check{background:var(--accent);border-color:var(--accent)}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-head .mname{font-size:16px;font-weight:700;text-transform:capitalize}.cal-nav{display:flex;gap:6px}.cal-nav button{width:32px;height:32px;border-radius:10px;background:#ffffffb3;border:1px solid var(--border);display:grid;place-items:center;color:var(--text-muted);transition:transform .14s var(--spring)}.cal-nav button:active{transform:scale(.9)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.cal-wd{text-align:center;font-size:11px;font-weight:650;color:var(--text-dim);padding-bottom:4px}.cal-day{aspect-ratio:1;border-radius:12px;display:grid;place-items:center;position:relative;font-size:13px;font-weight:650;color:var(--text-muted);background:transparent;border:1px solid transparent;transition:transform .14s var(--spring),background .15s}.cal-day.other{color:var(--text-dim);opacity:.4}.cal-day.today{border-color:var(--border-strong);color:var(--text)}.cal-day.trained{background:var(--accent-soft);border-color:#69bbff66;color:var(--primary-deep)}.cal-day.trained:active{transform:scale(.9)}.cal-day .pip{position:absolute;bottom:5px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.recipe-row{display:flex;align-items:center;gap:12px}.recipe-row .kcal{font-size:15px;font-weight:760}.recipe-row .kcal small{font-size:11px;color:var(--text-dim);font-weight:600}.meal-tag{font-size:11px;font-weight:700;color:var(--primary-deep);text-transform:uppercase;letter-spacing:.05em}.meal-row{display:flex;align-items:center;gap:14px}.meal-ic{width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:22px;background:var(--accent-soft);border:1px solid rgba(105,187,255,.25)}.meal-main{flex:1;min-width:0}.meal-name{font-size:15.5px;font-weight:680}.meal-arrow{color:var(--text-dim);font-weight:600;margin-left:2px}.meal-kcal{font-size:13px;color:var(--text-muted);margin-top:2px}.meal-prog{height:5px;border-radius:999px;background:#5789b024;overflow:hidden;margin-top:9px}.meal-prog>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#8fcbff);transition:width .6s var(--ease)}.meal-prog.over>i{background:linear-gradient(90deg,var(--amber),#ffd479)}.meal-add{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;background:#fff;border:1px solid var(--border-strong);color:var(--primary-deep);box-shadow:var(--shadow-sm);transition:transform .14s var(--spring),background .15s}.meal-add:active{transform:scale(.9);background:var(--accent-soft)}.sum-card{padding:18px 16px}.kbju-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.kbju-row:last-child{border-bottom:none}.kbju-row .kbju-l{font-size:14px;font-weight:620}.kbju-row .kbju-l small{display:block;font-size:11px;color:var(--text-dim);font-weight:500;margin-top:1px}.field-label{font-size:12px;color:var(--text-muted);font-weight:600;margin-bottom:8px}.streak svg{transform-origin:50% 88%;animation:flameFlicker .85s ease-in-out infinite}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-3deg)}20%{transform:scale(1.16,1.22) rotate(3deg)}45%{transform:scale(.93,1.05) rotate(-2deg)}70%{transform:scale(1.1,1.14) rotate(2deg)}}@media (prefers-reduced-motion: reduce){.streak svg{animation:none}}.user-peng{position:absolute;top:-34px;right:-30px;z-index:0;opacity:.4;pointer-events:none}.user-peng svg{display:block;animation:pengFloat 7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.user-peng svg{animation:none}}.ucard-body{position:relative;z-index:1}.ucard-premium{background:linear-gradient(150deg,#ece0ff,#f4ecff 58%,#fff)!important;border-color:#966ee66b!important}.name-premium{background:linear-gradient(95deg,#7b3fe4,#a96bf0 55%,#c79bff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 1px 7px rgba(150,90,240,.4))}.name-crown{color:#9a5cf0;display:inline-flex;vertical-align:-3px;margin-left:5px}.lvl-chip{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px 0 10px;box-sizing:border-box;font-size:12px;font-weight:700;line-height:1;border-radius:999px;background:var(--accent-soft);color:var(--primary-deep);border:1px solid rgba(105,187,255,.3);white-space:nowrap}.lvl-chip svg{color:var(--accent-2)}.quick-row{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.quick-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;border-radius:13px;background:#ffffffb8;border:1px solid var(--border);color:var(--primary-deep);font-size:13px;font-weight:650;cursor:pointer;transition:transform .14s var(--spring),background .15s}.quick-btn:active{transform:scale(.96);background:var(--accent-soft)}.ava-stack{display:flex;align-items:center}.ava-stack .ava,.ava-stack .more{margin-left:-10px;border:2.5px solid #fff;box-shadow:var(--shadow-sm)}.ava-stack>:first-child{margin-left:0}.ava-stack .more{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--primary-deep);font-size:12px;font-weight:700;flex:none}.ach-row{display:flex;gap:8px}.ach{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px}.ach .badge-ic{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--primary-deep);border:1px solid rgba(105,187,255,.3)}.ach.locked .badge-ic{background:#5789b01a;color:var(--text-dim);border-color:transparent}.ach .ach-l{font-size:10.5px;color:var(--text-muted);text-align:center;font-weight:600;line-height:1.2}.ref-code{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:#ffffffb8;border:1.5px dashed var(--border-strong)}.ref-code .code{font-size:15px;font-weight:700;letter-spacing:.09em;color:var(--primary-deep)}.ref-code .copy{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--accent-2);cursor:pointer;white-space:nowrap}.ref-stat{display:flex;gap:18px;margin-top:14px}.ref-stat .rv{font-size:19px;font-weight:780;letter-spacing:-.02em}.ref-stat .rl{font-size:11.5px;color:var(--text-muted);margin-top:1px}.sum-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.sum-side{flex:1;text-align:center}.sum-v{font-size:21px;font-weight:780;letter-spacing:-.02em}.sum-l{font-size:12px;color:var(--text-muted);margin-top:2px}.gauge-wrap{position:relative;flex:none}.gauge-lbl{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.gauge-lbl b{font-size:27px;font-weight:680;letter-spacing:-.02em;line-height:1;color:var(--text)}.gauge-lbl span{position:absolute;left:0;right:0;top:63%;font-size:11px;color:var(--text-muted)}.macro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.macro-col{text-align:center}.macro-label{font-size:12px;color:var(--text-muted);font-weight:600}.macro-bar{position:relative;height:6px;border-radius:999px;background:#5789b029;margin:8px 0}.macro-bar>i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .6s var(--ease)}.macro-bar .mdot{position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-elev)}.macro-bar.green>i,.macro-bar.green .mdot{background:var(--green)}.macro-bar.amber>i,.macro-bar.amber .mdot{background:var(--amber)}.macro-val{font-size:12.5px;color:var(--text-muted);font-weight:500}.tip-card{position:relative;overflow:hidden;min-height:96px}.tip-card .tip-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--primary-deep);margin-bottom:6px}.tip-card .tip-text{font-size:14.5px;line-height:1.5;max-width:74%}.tip-peng{position:absolute;right:-12px;bottom:-24px;filter:drop-shadow(0 6px 14px rgba(87,137,176,.18));animation:pengFloat 7s ease-in-out infinite}@keyframes pengFloat{0%,to{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(6px) rotate(1.5deg)}}@media (prefers-reduced-motion: reduce){.tip-peng{animation:none}}.home-head{position:relative;z-index:1;padding:8px 2px 16px}.home-head .brand-eyebrow{font-family:var(--font-brand);font-weight:700;font-size:14px;letter-spacing:.01em;color:var(--primary-deep);opacity:.9}.home-head .hi{font-size:25px;font-weight:760;letter-spacing:-.03em;line-height:1.12;margin-top:5px}.home-head .hi .nm{background:linear-gradient(95deg,#2f7fbe,#4f9fe0 55%,#69bbff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.home-head .when{font-size:12.5px;color:var(--text-dim);margin-top:5px;text-transform:capitalize}.bg-peng{position:absolute;top:-66px;right:-78px;z-index:0;opacity:.5;pointer-events:none;will-change:transform}.bg-peng svg{display:block;filter:saturate(.95);animation:pengFloat 7s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.bg-peng svg{animation:none}}.streak{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;height:28px;padding:0 12px 0 10px;box-sizing:border-box;line-height:1;font-size:12px;font-weight:700;border-radius:999px;background:linear-gradient(180deg,#fff3df,#ffe7c4);color:#b06f12;border:1px solid rgba(224,165,58,.35)}.streak svg{color:var(--amber)}.glance-card{background:#ffffff6b;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);border-color:#fff9;box-shadow:var(--shadow-sm),inset 0 1px #fffc}.glance-grid{display:grid;grid-template-columns:1fr 1px 1fr 1px 1fr;align-items:center}.glance-col{display:flex;flex-direction:column;align-items:center;gap:10px;background:none;cursor:pointer;transition:transform .16s var(--spring)}.glance-col:active{transform:scale(.95)}.glance-col .cap{font-size:12px;color:var(--text-muted);font-weight:600}.glance-col .ring .lbl b{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.glance-divider{width:1px;align-self:stretch;background:var(--border);margin:8px 0}.meta-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--text-muted);font-weight:550;margin-top:10px}.meta-row .sep{width:3px;height:3px;border-radius:50%;background:var(--text-dim);flex:none}.daychip{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:#ffffffb3;border:1px solid var(--border);white-space:nowrap}.week-strip{display:flex;gap:6px}.week-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:11px 0 9px;border-radius:15px;background:#ffffff80;border:1px solid var(--border);transition:transform .14s var(--spring)}.week-day .wd{font-size:10px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.week-day .mk{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#5789b01f;color:transparent}.week-day.done{background:var(--accent-soft);border-color:#69bbff66}.week-day.done .wd{color:var(--primary-deep)}.week-day.done .mk{background:var(--accent);color:#fff;box-shadow:0 3px 9px #69bbff73}.week-day.today{border-color:var(--border-strong)}.week-day.today .wd{color:var(--text)}.week-day.today .mk{background:#fff;border:1.5px dashed var(--accent)}.day-overview{display:flex;align-items:center;gap:16px}.day-overview .info{flex:1;min-width:0}.exdone{color:var(--green);display:inline-flex;flex:none}.muted{color:var(--text-muted)}.dim{color:var(--text-dim)}.center{text-align:center}.stack{display:grid;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between}.gap8{display:flex;gap:8px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}.empty{text-align:center;padding:26px 16px;color:var(--text-muted)}.empty .ic{color:var(--text-dim);margin-bottom:10px;display:inline-flex}.skeleton{background:linear-gradient(90deg,#e8f1fb,#f3f9ff,#e8f1fb);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{display:inline-block;width:28px;height:28px;border-radius:50%;border:2.5px solid rgba(105,187,255,.25);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.water-cups{display:flex;flex-wrap:wrap;gap:10px}.cup{width:44px;height:56px;padding:0;background:none;border:none;cursor:pointer;transition:transform .14s var(--spring)}.cup:active{transform:scale(.9)}.cup-svg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 3px 5px rgba(87,137,176,.2))}.cup-water{fill:url(#wtFill);transform:scaleY(0);transform-box:fill-box;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.22,.9,.25,1)}.cup.full .cup-water{transform:scaleY(1)}.cup-glass{fill:url(#wtGlass);stroke:#5789b080;stroke-width:1.3;transition:stroke .3s var(--ease)}.cup.full .cup-glass{stroke:var(--primary-active)}.cup-mouth{fill:none;stroke:#ffffffe6;stroke-width:1.6;stroke-linecap:round}.cup-shine{fill:none;stroke:#ffffffbf;stroke-width:2.4;stroke-linecap:round}@media (prefers-reduced-motion: reduce){.cup-water{transition:none}}.gate{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.gate-t{font-size:18px;font-weight:680;color:var(--text);margin-top:14px}.gate-s{font-size:13px;color:var(--text-muted);margin-top:6px;max-width:280px;line-height:1.5}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg .orb{position:absolute;border-radius:50%;filter:blur(60px)}.bg .o1{top:-120px;left:8%;width:360px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.9),transparent 70%);opacity:.7}.bg .o2{bottom:6%;right:-100px;width:340px;height:300px;background:radial-gradient(circle,rgba(160,216,255,.5),transparent 70%);opacity:.6}.screen>*{animation:rise .5s var(--ease) both}.screen>*:nth-child(2){animation-delay:.04s}.screen>*:nth-child(3){animation-delay:.08s}.screen>*:nth-child(4){animation-delay:.12s}.screen>*:nth-child(5){animation-delay:.16s}.screen>*:nth-child(6){animation-delay:.2s}.screen>*:nth-child(n+7){animation-delay:.24s}@keyframes rise{0%{transform:translateY(12px)}to{transform:none}}@media (prefers-reduced-motion: reduce){.screen>*{animation:none!important}}.wz-num{display:grid;place-items:center;padding:60px 0}.wz-num .stepper{transform:scale(1.35)}.addfood-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--canvas-gradient);display:flex;justify-content:center;animation:fade .25s var(--ease)}.addfood{width:100%;max-width:520px;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 14px) 16px calc(16px + var(--safe-bottom));overflow-y:auto}.af-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.af-head>div{flex:1;text-align:center}.af-title{font-size:17px;font-weight:720}.af-meal{font-size:12.5px;color:var(--text-muted);margin-top:1px}.wz-x{width:38px;height:38px;border-radius:12px;flex:none;display:grid;place-items:center;background:#ffffffb3;border:1px solid var(--border);color:var(--text-muted);transition:transform .14s var(--spring)}.wz-x:active{transform:scale(.9)}.af-methods{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}.af-method{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:16px;background:#fff9;border:1px solid var(--border);color:var(--text-muted);font-size:11px;font-weight:600;transition:all .15s var(--ease)}.af-method svg{width:22px;height:22px}.af-method:active{transform:scale(.95)}.af-method.on{background:var(--accent-soft);border-color:#69bbff66;color:var(--primary-deep)}.af-search-row{display:flex;align-items:center;gap:10px}.af-search-ico{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:var(--primary-deep);background:var(--accent-soft);border:1px solid rgba(105,187,255,.3)}.af-search{flex:1;display:flex;align-items:center;gap:8px;height:46px;padding:0 14px;border-radius:14px;background:#fff;border:1px solid var(--border)}.af-input{flex:1;border:none;background:none;outline:none;font-family:inherit;font-size:15px;letter-spacing:var(--tracking-body);color:var(--text)}.af-clear{color:var(--text-dim);display:grid;place-items:center}.af-hint{font-size:12px;color:var(--text-dim);margin:12px 2px 4px}.af-results{display:flex;flex-direction:column;margin-top:6px}.af-food{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:11px 4px;border-bottom:1px solid var(--border);background:none;cursor:pointer}.af-food:last-child{border-bottom:none}.af-emoji{width:42px;height:42px;border-radius:13px;flex:none;display:grid;place-items:center;font-size:22px;background:#ffffffb3;border:1px solid var(--border)}.af-emoji.lg{width:56px;height:56px;font-size:30px}.af-food-main{flex:1;min-width:0}.af-food-n{font-size:14.5px;font-weight:620}.af-food-s{font-size:12px;color:var(--text-muted);margin-top:1px}.af-plus{width:34px;height:34px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--accent-soft);color:var(--primary-deep);transition:transform .14s var(--spring)}.af-plus:active{transform:scale(.88)}.af-scan{text-align:center}.af-viewfinder{position:relative;height:200px;border-radius:20px;border:2px dashed var(--border-strong);background:#ffffff80;display:grid;place-items:center;color:var(--primary-deep);margin-bottom:14px;overflow:hidden}.af-viewfinder.scanning{border-style:solid;border-color:var(--accent)}.af-scanline{position:absolute;left:8%;right:8%;top:18%;height:3px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:scanmove 1.4s ease-in-out infinite}@keyframes scanmove{0%{top:18%}50%{top:78%}to{top:18%}}.af-scan-hint{font-size:13px;color:var(--text-muted);margin:0 auto 14px;max-width:320px;line-height:1.45}.af-portion-head{display:flex;align-items:center;gap:14px}