:root{--bg:#F6F1E7;--text:#20231F;--accent:#EB693B;--shadow:0 16px 36px rgba(48,42,31,.09);--shadow-soft:0 8px 22px rgba(48,42,31,.06)}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior-y:none}
button,a{font:inherit;color:inherit}button{border:0;cursor:pointer}a{text-decoration:none}
.app-shell{width:min(100%,480px);min-height:100svh;margin:0 auto;position:relative;padding-bottom:88px;background:radial-gradient(circle at 0% 62%,rgba(217,231,211,.35),transparent 30%),var(--bg)}
.content{padding:calc(12px + env(safe-area-inset-top)) 16px 24px}

.video-hero{height:258px;border-radius:30px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 20px 46px rgba(42,34,24,.14);background:#D8C6AE;margin:0 0 12px}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.hero-overlay{position:absolute;inset:0;z-index:1;background:
linear-gradient(90deg,rgba(24,20,17,.66) 0%,rgba(28,24,20,.52) 31%,rgba(34,28,22,.26) 58%,rgba(36,30,24,.08) 100%),
linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.12) 76%,rgba(0,0,0,.18) 100%)}
.hero-glow{position:absolute;inset:auto -6% -14% auto;width:56%;height:68%;border-radius:34px;background:radial-gradient(circle at 50% 48%,rgba(255,241,220,.36),rgba(255,241,220,0) 70%);z-index:2;filter:blur(4px)}
.hero-grain{position:absolute;inset:0;z-index:2;opacity:.06;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.30'/%3E%3C/svg%3E")}
.profile-button{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.92);box-shadow:var(--shadow-soft);position:relative;color:#242521;backdrop-filter:blur(10px)}
.hero-profile{position:absolute;top:16px;right:16px;z-index:5}
.profile-dot{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#64A56A;box-shadow:0 0 0 3px rgba(246,241,231,.92)}
.hero-content{position:absolute;z-index:3;left:18px;right:78px;top:18px;color:#fff}
.eyebrow{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px);font-size:9.4px;font-weight:800;letter-spacing:.58px;text-transform:uppercase;line-height:1}
.hero-content h1{margin:14px 0 8px;font-family:"Manrope",sans-serif;font-size:42px;line-height:.96;letter-spacing:-2.3px;font-weight:800;text-shadow:0 2px 18px rgba(0,0,0,.18)}
.hero-content h1 span{color:#FFC06F}
.hero-content p{margin:0;color:rgba(255,255,255,.92);font-size:13.5px;line-height:1.48;font-weight:500;max-width:27ch}
.hero-badge{position:absolute;z-index:4;left:18px;right:18px;bottom:15px;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.92);font-size:9.4px;font-weight:700;line-height:1.2;flex-wrap:wrap}
.badge-mark{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.2);color:#FFF3DF;flex:0 0 auto}
.hero-badge strong{font-weight:800;color:#fff}
.hero-badge-sep{opacity:.65;font-weight:700}

.main-actions{display:grid;gap:10px}.feature-card{width:100%;position:relative;text-align:left;display:grid;align-items:center;grid-template-columns:59px minmax(0,1fr) 40px;gap:12px;min-height:126px;padding:15px 16px;border-radius:25px;box-shadow:var(--shadow)}
.feature-card.weekly{background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(255,248,242,.98))}.feature-card.today{background:linear-gradient(145deg,#DDEAD8,#D3E3CE);box-shadow:0 14px 32px rgba(91,119,83,.12)}
.feature-icon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;position:relative}.calendar-icon{background:linear-gradient(145deg,#EF7747,#E85E31);color:#fff;box-shadow:0 11px 23px rgba(210,84,40,.20);transform:rotate(-3deg)}
.cal-top{position:absolute;left:0;right:0;top:0;height:17px;border-radius:19px 19px 8px 8px;background:rgba(117,38,12,.15)}.calendar-icon strong{margin-top:10px;font-family:"Manrope",sans-serif;font-size:24px}
.camera-icon{background:rgba(255,255,255,.68);color:#4C6849;box-shadow:inset 0 0 0 1px rgba(255,255,255,.7)}
.feature-kicker{display:block;font-size:8.6px;font-weight:800;letter-spacing:.85px;color:#9C6C56;margin-bottom:5px}.today .feature-kicker{color:#667D61}
.feature-copy h2{margin:0;font-family:"Manrope",sans-serif;font-size:18px;line-height:1.07;letter-spacing:-.5px}.feature-copy p{margin:6px 0 0;color:#74766F;font-size:11.6px;line-height:1.38;font-weight:500}.today .feature-copy p{color:#61705E}
.round-arrow{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#222521;box-shadow:0 8px 18px rgba(32,35,33,.16)}.round-arrow.green{background:#5A7356}
.micro-benefits{margin:12px 4px 0;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#858980;font-size:10px;font-weight:700}
.micro-benefits span{display:flex;align-items:center;gap:6px;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.orange{background:#E8794C}.dot.green{background:#6E936B}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);z-index:30;width:min(100%,480px);min-height:78px;padding:9px 10px calc(11px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr 68px 1fr 1fr;align-items:end;background:rgba(255,255,255,.94);border-top:1px solid rgba(32,35,33,.06);backdrop-filter:blur(18px);box-shadow:0 -8px 28px rgba(44,40,32,.05)}
.nav-item{display:grid;justify-items:center;gap:3px;color:#92968E;font-size:9.5px;font-weight:700}.nav-item.active{color:var(--accent)}
.camera-nav{width:58px;height:58px;border-radius:20px;margin:0 auto 3px;display:grid;place-items:center;color:white;position:relative;background:linear-gradient(145deg,#F17B4A,#E85F31);box-shadow:0 11px 22px rgba(211,78,35,.23)}
.camera-nav span{position:absolute;bottom:-12px;color:#8D918A;font-size:9px;font-weight:700}
@media (max-height:720px){.content{padding-top:calc(10px + env(safe-area-inset-top))}.video-hero{height:238px}.hero-content{top:16px}.hero-content h1{font-size:36px}.feature-card{min-height:120px;padding:14px}}
@media (max-width:355px){.video-hero{height:244px}.hero-content{right:56px}.hero-content h1{font-size:37px}.eyebrow{font-size:8.6px;padding:0 10px}.hero-badge{font-size:8.8px;gap:6px}.badge-mark{width:20px;height:20px}.feature-card{grid-template-columns:54px minmax(0,1fr) 35px;gap:10px;padding:14px}.feature-icon{width:52px;height:52px}.feature-copy h2{font-size:17px}.feature-copy p{font-size:10.8px}}
@media (prefers-reduced-motion:reduce){.hero-video{display:none}.video-hero{background-image:url('/assets/media/hero-food-poster.webp');background-size:cover;background-position:center}}
@media (min-width:481px){body{background:#E9E5DD}.app-shell{box-shadow:0 0 0 1px rgba(30,30,30,.03),0 20px 60px rgba(30,30,30,.08)}}