/* Vayloza member conversion/polish layer v2 — 2026-10-02
   Desktop website, phone browser and installed Android app stay deliberately distinct. */
:root{--vx:#5f4ad6;--vx2:#8a78f2;--coral:#ef7182;--ink:#211a2c;--muted:#746d79;--line:#e5ddd8;--paper:#fffdf9;--cream:#f7f2ec;--dark:#2b223b;--green:#2e855d}
#app.desktop-workspace{background:linear-gradient(180deg,#f8f4ef,#f4efe9)!important}
#app.desktop-workspace .member-v4-header{background:#2b223b!important;box-shadow:0 8px 24px rgba(43,34,59,.12)!important}
#app.desktop-workspace .member-v4-main.main{width:min(1420px,calc(100% - 64px))!important;padding-top:34px!important}
#app.desktop-workspace :is(.web-page-title,.today-heading,.pagehead,.screen-heading) h1{font-size:clamp(36px,3.2vw,48px)!important;letter-spacing:-.045em!important}
#app.desktop-workspace :is(.web-page-title,.today-heading,.pagehead,.screen-heading) p{font-size:14px!important;color:var(--muted)!important}
#app.desktop-workspace :is(.card,.web-panel,.member-v4-planbox,.member-v4-next-meal,.today-day,.desktop-pantry-zone,.progress-chart-card,.progress-weight-card){border-color:var(--line)!important;background:var(--paper)!important;box-shadow:0 10px 28px rgba(48,35,61,.035)!important}
#app.desktop-workspace .member-v4-next-grid{min-height:340px!important}
#app.desktop-workspace .member-v4-next-photo{height:340px!important;min-height:340px!important}
#app.desktop-workspace .member-v4-next-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
#app.desktop-workspace .member-v4-today-meals{gap:14px!important}
#app.desktop-workspace .member-v4-meal-thumb{height:155px!important}
#app.desktop-workspace .member-v4-meal-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}
#app.desktop-workspace .recipe-discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
#app.desktop-workspace .discover-recipe-card{border-radius:16px!important;overflow:hidden!important;background:#fff!important}
#app.desktop-workspace .discover-recipe-photo{height:210px!important}
#app.desktop-workspace .discover-recipe-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
#app.desktop-workspace .desktop-recipe-filterbar{padding:14px!important;border-radius:14px!important;background:#fff!important}
#app.desktop-workspace .v5-scan-band{border-radius:16px!important;background:linear-gradient(135deg,#2d243d,#4b3960)!important}
#app.desktop-workspace .desktop-pantry-review{border-radius:14px!important}
#app.desktop-workspace .desktop-pantry-groups{gap:14px!important}
#app.desktop-workspace .v5-shop-summary>div,#app.desktop-workspace .member-v4-progress-stats article{border-radius:13px!important;background:#fff!important}
#app.desktop-workspace .finishchoices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}
#app.desktop-workspace .finishcard{min-height:150px!important;border-radius:16px!important;text-align:left!important;padding:18px!important}
#app.desktop-workspace .finishcard span{font-size:28px!important}
#app.desktop-workspace .choicegrid{gap:9px!important}
#app.desktop-workspace .choice{border-radius:12px!important}
.authshell{border-radius:0!important}
body.mobile-web{background:linear-gradient(180deg,#fbf8f4,#f6f0e9)!important}
body.mobile-web .mobile-web-header{height:60px!important;min-height:60px!important}
body.mobile-web .mobilebar{top:60px!important;padding:7px 12px!important;gap:5px!important}
body.mobile-web .mobilebar button{min-height:34px!important;padding:0 11px!important}
body.mobile-web .mobilemain{padding:22px 14px 68px!important}
body.mobile-web :is(.mock-today-head,.screen-heading) h1{font-size:33px!important}
body.mobile-web :is(.mock-metric,.card,.mealcard,.pantry-zone,.settings-list,.account-card,.shop-summary,.progress-card){border-radius:15px!important;border-color:#e2dad5!important;background:#fffdf9!important;box-shadow:0 6px 18px rgba(48,35,61,.03)!important}
body.mobile-web .mock-next-wrap{border-radius:17px!important;overflow:hidden!important}
body.mobile-web .mock-next-wrap img,body.mobile-web .meal-row img,body.mobile-web .later-meal img{object-fit:cover!important}
body.mobile-web .meal-row img{width:68px!important;height:58px!important;border-radius:9px!important}
body.mobile-web .recipe-discover-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.mobile-web .discover-recipe-card{display:grid!important;grid-template-columns:118px 1fr!important;min-height:112px!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important}
body.mobile-web .discover-recipe-photo{height:100%!important;min-height:112px!important}
body.mobile-web .discover-recipe-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.mobile-web #pantry .scan-launch{border-radius:17px!important;background:linear-gradient(145deg,#34283f,#554066)!important}
body.mobile-web .pantry-hub-tile{min-height:72px!important;border-radius:13px!important}
body.mobile-web .finishchoices{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body.mobile-web .finishcard{min-height:104px!important;border-radius:14px!important;padding:14px!important;text-align:left!important}
body.mobile-web .authpitch{padding:28px 21px 23px!important}
body.mobile-web .authpitch h1{font-size:32px!important;letter-spacing:-.04em!important}
body.mobile-web .authform{padding:23px 20px 32px!important}
body.mobile-web .authprice{border-radius:13px!important}
body.mobile-web .choice{min-height:54px!important;border-radius:11px!important}
body.native-mobile{background:#f6f2ee!important}
body.native-mobile .native-app-header{height:58px!important;background:rgba(248,245,242,.99)!important}
body.native-mobile .mobilemain{padding:18px 13px 92px!important}
body.native-mobile :is(.mock-today-head,.screen-heading,.zone-screen-heading) h1{font-size:31px!important;letter-spacing:-.045em!important}
body.native-mobile :is(.mock-metric,.card,.mealcard,.pantry-zone,.settings-list,.account-card,.shop-summary,.progress-card){border-radius:15px!important;border-color:#e2dad5!important;background:#fffdf9!important;box-shadow:0 5px 16px rgba(48,35,61,.03)!important}
body.native-mobile .native-product-nav{height:72px!important;background:#fffdf9!important;border-top:1px solid #e4ddd8!important;box-shadow:0 -7px 22px rgba(48,35,61,.07)!important}
body.native-mobile .native-product-nav button{font-size:10px!important}
body.native-mobile .native-nav-scan .native-nav-scan-icon{width:48px!important;height:48px!important;box-shadow:0 9px 20px rgba(95,74,214,.24)!important}
body.native-mobile .mock-next-wrap{border-radius:17px!important;overflow:hidden!important}
body.native-mobile .mock-next-wrap img{object-fit:cover!important}
body.native-mobile .meal-row img,body.native-mobile .later-meal img{width:68px!important;height:58px!important;object-fit:cover!important;border-radius:9px!important}
body.native-mobile .finishchoices{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
body.native-mobile .finishcard{min-height:104px!important;border-radius:14px!important;padding:14px!important;text-align:left!important}
body.native-mobile #pantry .scan-launch{border-radius:17px!important;background:linear-gradient(145deg,#34283f,#554066)!important}
body.native-mobile .pantry-hub-tile{min-height:72px!important;border-radius:13px!important}
body.native-mobile .recipe-discover-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
body.native-mobile .discover-recipe-card{display:grid!important;grid-template-columns:118px 1fr!important;min-height:112px!important;border-radius:13px!important;overflow:hidden!important;background:#fff!important}
body.native-mobile .discover-recipe-photo{height:100%!important;min-height:112px!important}
body.native-mobile .discover-recipe-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
body.native-mobile .native-welcome{min-height:100dvh!important;padding:26px 18px 23px!important;background:linear-gradient(180deg,#2b223b 0,#3a2c49 44%,#f6f2ee 44%)!important}
body.native-mobile .native-welcome-copy h1{font-size:40px!important;line-height:.98!important;letter-spacing:-.05em!important}
body.native-mobile .native-welcome-copy p{font-size:14px!important;line-height:1.5!important;color:#ded5e1!important}
body.native-mobile .native-welcome-features{margin-top:24px!important;padding:13px!important;border-radius:17px!important;background:#fff!important;border:1px solid #e2dad6!important;box-shadow:0 15px 34px rgba(30,23,37,.15)!important}
body.native-mobile .native-welcome-feature{padding:11px 6px!important;border-bottom:1px solid #eee7e3!important}
body.native-mobile .native-welcome-feature:last-child{border-bottom:0!important}
body.native-mobile .native-welcome-feature b{font-size:13px!important;color:var(--ink)!important}
body.native-mobile .native-welcome-feature small{font-size:10px!important;color:var(--muted)!important;line-height:1.4!important}
body.native-mobile .native-welcome-actions{margin-top:14px!important}
body.native-mobile .native-start-button{min-height:50px!important;border-radius:13px!important;background:var(--vx)!important;box-shadow:0 8px 20px rgba(95,74,214,.2)!important}
body.native-mobile .native-signin-button{min-height:42px!important}
body.native-mobile .authpitch{padding:26px 20px 22px!important}
body.native-mobile .authform{padding:22px 18px 31px!important}
@media(max-width:1100px){#app.desktop-workspace .recipe-discover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
