:root{color:#f7f7f2;font-synthesis:none;text-rendering:optimizelegibility;--lime:#99d51c;--lime-bright:#b4ef24;--line:#b58b267a;--panel:#0f140ceb;background:#020805;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 45% 8%,#07120b 0,#020705 45%,#010403 100%);min-width:320px}button{font:inherit;color:inherit}button:focus-visible{outline:2px solid var(--lime-bright);outline-offset:3px}.app-shell{width:100%;height:100dvh;overflow:hidden}.home-screen{width:min(100%,460px);height:100%;padding:max(10px, env(safe-area-inset-top)) 16px calc(102px + env(safe-area-inset-bottom));grid-template-rows:58px 84px minmax(220px,1fr) 142px 54px 116px;gap:8px;margin:0 auto;display:grid;overflow:hidden}.app-header{justify-content:space-between;align-items:center;min-height:0;padding:0 7px;display:flex}.wordmark{letter-spacing:-1.2px;align-items:center;font-size:26px;font-weight:750;display:flex}.wordmark .yum{color:var(--lime);margin-left:6px}.apple-mark{width:35px;height:35px;color:var(--lime)}.icon-button{background:0 0;border:0;padding:7px;position:relative}.icon-button svg{color:#88bd26;width:29px;height:29px}.notification-dot{background:#ff650c;border-radius:50%;width:11px;height:11px;position:absolute;top:4px;right:2px;box-shadow:0 0 8px #ff650c}.card{border:1px solid var(--line);background:linear-gradient(135deg,#141a10f7,#090d09f7);border-radius:22px;box-shadow:inset 0 1px #ffffff05}.card+.card{margin-top:0}.card h2{letter-spacing:-.4px;margin:0;font-size:20px;line-height:1.2}.streak-card{border-color:#99d51cb3;justify-content:space-between;align-items:center;min-height:0;padding:10px 18px 10px 22px;display:flex}.streak-card h2{color:var(--lime-bright);font-size:18px}.streak-card p{color:#eeeeea;margin:5px 0 0;font-size:14px;line-height:1.35}.streak-flame{background:radial-gradient(circle,#406815,#14250b);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative}.streak-flame svg{color:#ffad17;filter:drop-shadow(0 0 7px #ff970080);width:39px;height:46px}.streak-flame strong{color:#15120a;font-size:22px;position:absolute;top:22px}.today-card{background:radial-gradient(circle at 70% 38%,#3e4f1338,#0000 35%),radial-gradient(circle at 30% 45%,#30391952,#0000 38%),#080d08;min-height:0;padding:13px 20px 0;position:relative;overflow:hidden}.today-card:before{content:"";opacity:.16;background-image:radial-gradient(#798337 1px,#0000 1px),radial-gradient(#333c22 1px,#0000 1px);background-position:0 0,10px 8px;background-size:24px 24px,19px 19px;position:absolute;inset:0}.today-card h2,.today-main,.calorie-stats{z-index:1;position:relative}.today-main{height:auto;position:absolute;inset:43px 20px 58px}.calorie-ring{background:conic-gradient(from 12deg, #ffaf2e 0 21%, #d9dc28 38%, #82cb20 80%, #898a443d 80%);border-radius:50%;place-items:center;width:min(42vw,155px);height:min(42vw,155px);display:grid;position:absolute;top:50%;left:3px;transform:translateY(-50%)rotate(-3deg)}.calorie-ring:after{content:"";background:#050a06ed;border-radius:50%;position:absolute;inset:15px}.calorie-ring-inner{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;transform:rotate(3deg)}.calorie-ring-inner strong{letter-spacing:1px;font-size:33px;line-height:1.05}.calorie-ring-inner span{margin-top:4px;font-size:16px}.calorie-ring-inner small{color:#e4dac2;margin-top:4px;font-size:15px}.dragon-layer{z-index:2;pointer-events:none;width:min(64vw,248px);height:calc(100% + 58px);position:absolute;top:-35px;right:-24px}.dragon-layer img{object-fit:contain;filter:drop-shadow(0 7px 11px #000000a6);width:100%;height:100%}.calorie-stats{border-top:1px solid #957c3629;grid-template-columns:repeat(3,minmax(0,1fr));height:58px;margin:0 -20px;display:grid;position:absolute;bottom:0;left:20px;right:20px}.stat{align-items:center;gap:8px;min-width:0;padding-left:15px;display:flex}.stat+.stat{border-left:1px solid #957c3636}.stat svg{color:#8ac916;flex:none;width:29px;height:29px}.stat:nth-child(2) svg{color:#ff6908}.stat:nth-child(3) svg{color:#e9e1b7}.stat span,.stat strong{white-space:nowrap;display:block}.stat span{color:#eeeeea;font-size:12px}.stat strong{margin-top:5px;font-size:14px;font-weight:500}.macros-card{min-height:0;padding:13px 18px}.section-header{justify-content:space-between;align-items:center;display:flex}.section-header button{color:var(--lime-bright);background:0 0;border:0;align-items:center;gap:2px;padding:4px 0 4px 8px;font-size:13px;display:flex}.section-header button svg{width:16px;height:16px}.macro-list{gap:13px;margin-top:14px;display:grid}.macro-row{grid-template-columns:98px 1fr 92px;align-items:center;gap:8px;font-size:14px;display:grid}.macro-row>span{font-weight:600}.macro-row>strong{text-align:right;font-weight:500}.macro-track{background:#8c8f5b3b;border-radius:10px;height:9px;overflow:visible}.macro-track i{border-radius:inherit;background:linear-gradient(90deg,#65b727,#a8df28);height:100%;display:block;position:relative}.macro-track i b{background:#a6d829;border:2px solid #85c420;border-radius:50%;width:14px;height:14px;position:absolute;top:-3px;right:-6px;box-shadow:0 0 6px #99d51c8c}.macro-track.fat i{background:linear-gradient(90deg,#df6414,#ff9c1c)}.macro-track.fat i b{background:#f18b18;border-color:#ff9919}.macro-track.carbs i{background:linear-gradient(90deg,#ca9516,#f0c52c)}.macro-track.carbs i b{background:#e7bd29;border-color:#d8ad1a}.water-card{align-items:center;gap:12px;min-height:0;padding:7px 15px;display:flex}.water-title{align-items:center;gap:8px;display:flex}.water-title svg{width:24px;height:34px}.water-title strong{font-size:15px}.water-glasses{flex:1;justify-content:space-between;align-items:center;min-width:0;display:flex}.water-glasses>span{border:1.5px solid #77775f;border-radius:1px 1px 3px 3px;width:15px;height:26px;display:block;position:relative;transform:perspective(20px)rotateX(-2deg)}.water-glasses>span.filled{border-color:#c8d6d9}.water-glasses i{border-radius:0 0 2px 2px;position:absolute;inset:7px 2px 2px}.water-glasses .filled i{background:linear-gradient(#51c9ed,#109cd4)}.water-count{white-space:nowrap;font-size:15px;font-weight:500}.add-water{background:linear-gradient(145deg,#94d126,#4d8e14);border:1px solid #a3dc24;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:28px;line-height:1;display:grid;box-shadow:0 0 12px #8bcb1e40}.meals-card{min-height:0;padding:11px 18px 10px}.meal-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:7px;display:grid}.meal-button{background:radial-gradient(circle at 50% 35%,#363f1b61,#0c100ae6);border:1px solid #7e692b59;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;height:72px;display:flex}.meal-button svg{width:34px;height:34px}.meal-button:first-child svg{color:#f5f4e8}.meal-button:last-child svg{color:#90ce18}.meal-button span{white-space:nowrap;font-size:13px}.bottom-navigation{z-index:10;width:min(100%,460px);height:calc(96px + env(safe-area-inset-bottom));padding:14px 19px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0d120df7,#030705fc);border:1px solid #7b692f47;border-bottom:0;border-radius:30px 30px 0 0;grid-template-columns:repeat(5,1fr);align-items:end;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -10px 30px #0009}.bottom-navigation button{color:#898b81;background:0 0;border:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.bottom-navigation button>svg{width:28px;height:28px}.bottom-navigation .active{color:var(--lime-bright)}.bottom-navigation .voice-button{align-self:start;transform:translateY(-34px)}.voice-button>span{color:#efffbd;background:radial-gradient(circle at 35% 25%,#9bd42e,#4b8c0b);border:3px solid #a9e522;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;box-shadow:0 0 23px #97de1d85,inset 0 0 0 3px #ffffff1c}.voice-button svg{width:36px;height:36px}@media (width<=380px){.home-screen{padding-inline:10px}.dragon-layer{width:218px;right:-29px}.macro-row{grid-template-columns:84px 1fr 82px;font-size:12px}.water-card{gap:7px;padding-inline:10px}.water-glasses>span{width:12px}.meal-grid{gap:6px}.meal-button span{font-size:12px}}@media (height<=820px){.home-screen{padding-top:max(6px, env(safe-area-inset-top));padding-bottom:calc(88px + env(safe-area-inset-bottom));grid-template-rows:50px 72px minmax(190px,1fr) 128px 48px 103px;gap:6px}.wordmark{font-size:23px}.apple-mark{width:31px;height:31px}.streak-card{padding-block:7px}.streak-card h2{font-size:16px}.streak-card p{font-size:12px;line-height:1.25}.streak-flame{width:50px;height:50px}.today-card h2,.section-header h2{font-size:18px}.calorie-ring{width:min(36vw,138px);height:min(36vw,138px)}.calorie-ring-inner strong{font-size:29px}.dragon-layer{width:min(59vw,225px)}.macro-list{gap:10px;margin-top:11px}.macros-card{padding-block:10px}.meal-button{height:62px}.meal-button svg{width:29px;height:29px}.bottom-navigation{height:calc(82px + env(safe-area-inset-bottom));padding-top:10px}.bottom-navigation .voice-button{transform:translateY(-27px)}.voice-button>span{width:60px;height:60px}}@media (width>=700px){.home-screen{border-inline:1px solid #ffffff08}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.home-screen{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.original-logo{aspect-ratio:265/65;mix-blend-mode:screen;background-position:5.96% 6.04%;background-repeat:no-repeat;background-size:321.51%;width:33.2%}.original-notification{background-position:94.44% 6.17%;background-repeat:no-repeat;background-size:1420%;width:32px;height:32px;padding:0}.notification-dot{display:none}.streak-card{z-index:1;position:relative}.today-card{z-index:2;overflow:visible}.today-card:before{border-radius:inherit}.dragon-layer{z-index:5;width:min(65vw,258px);height:calc(100% + 120px);top:-105px;right:-18px}@media (height<=820px){.home-screen{padding-bottom:calc(94px + env(safe-area-inset-bottom))}.dragon-layer{width:min(60vw,232px);height:calc(100% + 105px);top:-90px}}