body{background:radial-gradient(circle at 12% 8%,var(--glow-sun),transparent 25%),radial-gradient(circle at 85% 18%,var(--glow-mint),transparent 24%),radial-gradient(circle at 50% 95%,var(--glow-sky),transparent 28%),var(--bg-app);background-attachment:fixed}
.app{position:relative;width:100%;max-width:var(--container-max);min-height:100dvh;margin:0 auto;background:transparent;isolation:isolate}
.app::before,.app::after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:var(--radius-pill);filter:blur(1px);opacity:.85}
.app::before{width:190px;height:190px;left:-62px;top:120px;background:var(--glow-warm);animation:floaty 8s var(--ease-soft) infinite}
.app::after{width:160px;height:160px;right:-72px;bottom:120px;background:var(--glow-mint);animation:floaty 10s var(--ease-soft) infinite reverse}
.screen{min-height:100dvh;padding-bottom:calc(96px + var(--safe-bottom))}
.landing-bg-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;pointer-events:none;opacity:.32}
.screen:has(.landing-bg-video){padding-bottom:var(--space-5)}.screen:has(.landing-bg-video) .bottom-bar{position:static;left:auto;bottom:auto;transform:none;margin:var(--space-4) auto 0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}
.container{width:100%;padding:0 var(--container-pad-x)}
.header{position:sticky;top:0;z-index:20;height:56px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:rgba(255,248,240,.85);margin:0 calc(var(--container-pad-x) * -1);padding:0 var(--container-pad-x);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.icon-btn{width:44px;height:44px;border-radius:var(--radius-pill);background:transparent;color:var(--text-primary);font-size:24px}.header__title{text-align:center;font-weight:var(--fw-semibold)}
.screen-kicker{text-align:center;color:var(--text-secondary);max-width:28ch;margin:0 auto var(--space-2)}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--bg-hero-warm),#FF955C);border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:var(--space-3) 0 var(--space-7);min-height:55vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.hero::after{content:"";position:absolute;right:-60px;bottom:-88px;width:230px;height:230px;border-radius:var(--radius-pill);background:var(--bg-hero-sun);opacity:.45}.hero__ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero__ambient span{position:absolute;border-radius:var(--radius-pill);opacity:.34;filter:blur(.2px);animation:drift 12s var(--ease-soft) infinite}.hero__ambient span:nth-child(1){display:none}.hero__ambient span:nth-child(2){width:96px;height:96px;background:var(--accent-mint);left:8%;top:24%;animation-duration:15s}.hero__ambient span:nth-child(3){width:70px;height:70px;background:var(--accent-blue);right:28%;top:18%;opacity:.16;animation-duration:18s}.landing-topline{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.partner{display:flex;align-items:center;gap:var(--space-3);min-height:44px;color:var(--text-on-warm);text-decoration:none}.partner img{width:28px;height:28px;border-radius:var(--radius-lg)}.partner__text{font-size:var(--fs-caption);line-height:var(--lh-snug);opacity:.76}.partner__name{display:block;font-size:var(--fs-small);font-weight:var(--fw-semibold);opacity:1}.creator{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;border-radius:var(--radius-pill);padding:0 var(--space-3);background:rgba(255,255,255,.38);color:var(--text-on-warm);text-decoration:none;font-size:var(--fs-small);font-weight:var(--fw-semibold);box-shadow:var(--shadow-sm)}.creator__icon{display:grid;place-items:center;width:22px;height:22px;border-radius:var(--radius-pill);background:var(--accent-blue);color:var(--text-on-dark);font-size:12px;font-weight:var(--fw-bold)}.hero__body{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding-right:34%}.brand-mark{width:max-content;border-radius:var(--radius-pill);padding:var(--space-1) var(--space-3);background:rgba(255,255,255,.46);font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.02em;margin-bottom:var(--space-3);box-shadow:var(--shadow-sm)}.hero__title{max-width:11ch;margin-bottom:var(--space-3);color:var(--text-on-warm)}.hero__sub{max-width:31ch;color:var(--text-on-warm);opacity:.88}.privacy-pill{width:max-content;max-width:100%;margin-top:var(--space-3);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.44);color:var(--text-on-warm);font-size:var(--fs-caption);font-weight:var(--fw-semibold);box-shadow:var(--shadow-sm)}
.stack{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-5)}.section-title{position:relative;margin-bottom:var(--space-3);text-align:center}.section-title::before{content:"";display:block;width:36px;height:8px;border-radius:var(--radius-pill);margin:0 auto var(--space-2);background:linear-gradient(90deg,var(--accent-orange),var(--accent-yellow),var(--accent-mint));box-shadow:0 8px 20px var(--glow-sun)}.muted{color:var(--text-secondary)}.caption{font-size:var(--fs-caption);color:var(--text-tertiary)}
.landing-after{padding-top:var(--space-5)}.axis-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--glass-strong);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}.axis-pills span{display:inline-flex;align-items:center;gap:var(--space-2);min-height:38px;border-radius:var(--radius-pill);padding:0 var(--space-3);background:rgba(255,255,255,.62);font-size:var(--fs-small);font-weight:var(--fw-semibold);color:var(--text-secondary)}.axis-pills strong{color:var(--text-primary)}.landing-support{width:100%;max-width:var(--container-max);margin:var(--space-4) auto 0;text-align:center}.landing-bottom-art{display:block;width:100%;height:auto;border-radius:var(--radius-lg);opacity:.86;filter:drop-shadow(0 12px 28px rgba(26,26,26,.14))}.landing-support p{max-width:34ch;margin:var(--space-3) auto 0;color:var(--text-secondary);font-size:var(--fs-small);line-height:var(--lh-snug)}.landing-support a{color:var(--accent-orange);font-weight:var(--fw-semibold);text-decoration:none}.landing-support a:hover{text-decoration:underline}
.bottom-bar{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:var(--container-max);padding:var(--space-4) var(--container-pad-x) calc(var(--space-4) + var(--safe-bottom));background:linear-gradient(180deg,rgba(255,248,240,0),var(--bg-app) 30%);z-index:5}.btn--launch{position:relative;overflow:hidden}.btn--launch::after{content:"";position:absolute;inset:auto auto -22px 50%;width:54px;height:54px;border-radius:var(--radius-pill);background:rgba(255,255,255,.34);transform:translateX(-50%) scale(0);transition:transform 220ms var(--ease-out)}.btn--launch.is-launching::after{transform:translateX(-50%) scale(8)}.btn--launch.is-launching span{position:relative;z-index:1}
.scan-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,248,240,.58)),var(--glass-strong);color:var(--text-on-warm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--glass-shadow);text-align:center;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}.scan-card::after{content:"";position:absolute;inset:0;background:url('/assets/character/mascot-cabinet-pic-bg.webp') center/cover no-repeat;opacity:.24;pointer-events:none;z-index:0}.scan-card>*{position:relative;z-index:1}.scan-card .btn{margin-top:var(--space-4);background:var(--accent-orange);color:var(--text-on-dark);border:0}.preview-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.preview-tile{position:relative;margin:0}.preview{width:72px;height:72px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--bg-surface)}.preview-tile figcaption{position:absolute;left:50%;bottom:-10px;transform:translateX(-50%);white-space:nowrap;border-radius:var(--radius-pill);padding:2px var(--space-2);background:var(--accent-mint);color:var(--text-primary);font-size:10px;font-weight:var(--fw-semibold);box-shadow:var(--shadow-sm)}.scan-status{display:inline-flex;align-items:center;justify-content:center;margin-top:var(--space-4);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);background:rgba(255,255,255,.72);color:var(--text-secondary);font-size:var(--fs-small);font-weight:var(--fw-semibold)}
.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.med-row{position:relative;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,248,240,.72));box-shadow:var(--shadow-md);overflow:hidden}.med-row::before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:var(--bg-hero-mint)}.med-row::after{content:"";position:absolute;right:-28px;top:-28px;width:92px;height:92px;border-radius:var(--radius-pill);background:var(--glow-sun);opacity:.55}.med-row--rx::before{background:var(--bg-hero-sky)}.med-row--otc::before{background:var(--accent-yellow)}.med-row--supplement::before{background:var(--accent-mint)}.med-row__top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:var(--space-3);padding-left:var(--space-2)}.med-row__name{margin-top:var(--space-2);font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:var(--fw-bold)}.med-row__meta{font-size:var(--fs-small);color:var(--text-secondary)}.med-row__remove{background:rgba(26,26,26,.04)}.type-pill{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px var(--space-2);background:rgba(26,26,26,.06);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-secondary)}.evidence{position:relative;z-index:1;margin-left:var(--space-2);border-radius:var(--radius-md);padding:var(--space-3);background:rgba(255,255,255,.62);color:var(--text-secondary);font-size:var(--fs-small);line-height:var(--lh-body)}.med-row__fields{position:relative;z-index:1;display:grid;gap:var(--space-2)}.med-row__fields label{display:grid;gap:var(--space-1);font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-secondary)}
.suggestions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.suggestion{width:100%;text-align:left;border-radius:var(--radius-pill);background:var(--glass-strong);border:1px solid var(--glass-border);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}.suggestion:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.loading-screen{background:var(--bg-hero-sun);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--space-6)}.pulse{width:132px;height:132px;border-radius:var(--radius-lg);background:var(--accent-orange);margin:0 auto var(--space-5);animation:pulse 1.8s ease-in-out infinite}
.hero__mascot{position:absolute;right:-34px;bottom:calc(var(--space-4) * -1);z-index:0;display:block;width:260px;height:260px;object-fit:contain;opacity:.90;filter:drop-shadow(0 8px 18px rgba(26,26,26,.12));animation:soft-bob 4s var(--ease-soft) infinite;pointer-events:none}
.loading-mascot{display:block;width:172px;height:172px;margin:0 auto var(--space-5);object-fit:contain;filter:drop-shadow(0 14px 30px rgba(26,26,26,.18));animation:pulse 1.8s ease-in-out infinite}
.summary{position:relative}
.summary__mascot{position:absolute;top:var(--space-3);right:var(--space-3);width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(26,26,26,.14));pointer-events:none}
.summary__lead,.summary__rest{padding-right:84px}
@media (min-width:768px){.hero__mascot{right:-56px;bottom:calc(var(--space-3) * -1);width:360px;height:360px;opacity:.90}.summary__mascot{width:96px;height:96px}.summary__lead,.summary__rest{padding-right:112px}}
@media (prefers-reduced-motion:reduce){.hero__mascot,.loading-mascot{animation:none}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes soft-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes floaty{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(14px,-18px,0) scale(1.05)}}@keyframes drift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(18px,-22px,0) scale(1.08)}}@keyframes cta-glow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7),0 12px 30px var(--glow-warm);background-position:0% 50%}50%{box-shadow:0 0 0 10px rgba(255,255,255,0),0 16px 44px rgba(255,138,76,.55);background-position:100% 50%}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 12px 30px var(--glow-warm);background-position:200% 50%}}
@keyframes solid-glow{0%{box-shadow:0 0 0 0 rgba(255,255,255,0.7),0 4px 12px rgba(255,138,76,.2)}50%{box-shadow:0 0 0 10px rgba(255,255,255,0),0 8px 20px rgba(255,138,76,.4)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0),0 4px 12px rgba(255,138,76,.2)}}@media (prefers-reduced-motion:reduce){.pulse,.btn:active,.btn--primary,.btn--secondary,.scan-card .btn,.manual-toggle strong,.app::before,.app::after,.hero__ambient span{animation:none;transform:none}}
.sev-row{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}
.sev-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-pill);background:var(--sev-low);box-shadow:0 0 0 4px var(--sev-low-bg)}
.sev-dot--moderate{background:var(--sev-moderate);box-shadow:0 0 0 4px var(--sev-moderate-bg)}
.sev-dot--high{background:var(--sev-high);box-shadow:0 0 0 4px var(--sev-high-bg)}
.sev-dot--positive{background:var(--sev-low);box-shadow:0 0 0 4px rgba(184,224,210,.55)}
.sev-dot--info{background:var(--accent-blue);box-shadow:0 0 0 4px rgba(74,144,226,.18)}
.summary{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border:1px solid var(--border-soft);background:linear-gradient(140deg,#fff 28%,var(--sev-low-bg))}
.summary--moderate{background:linear-gradient(140deg,#fff 28%,var(--sev-moderate-bg))}
.summary--high{background:linear-gradient(140deg,#fff 28%,var(--sev-high-bg))}
.summary__lead{font-size:var(--fs-h2);line-height:var(--lh-snug);letter-spacing:var(--tracking-tight);max-width:32ch}
.summary__rest{color:var(--text-secondary);line-height:var(--lh-body);max-width:48ch}
.result-card{position:relative;display:flex;flex-direction:column;gap:var(--space-3);border:1px solid var(--border-soft);background:linear-gradient(140deg,#fff 28%,var(--sev-low-bg))}
.result-card--moderate{background:linear-gradient(140deg,#fff 28%,var(--sev-moderate-bg))}
.result-card--high{background:linear-gradient(140deg,#fff 28%,var(--sev-high-bg))}
.result-card--avoid{background:linear-gradient(140deg,#fff 28%,var(--sev-moderate-bg))}
.result-card--avoid.result-card--high{background:linear-gradient(140deg,#fff 28%,var(--sev-high-bg))}
.result-card__title{font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}
.result-card__title-sep{font-weight:var(--fw-medium);color:var(--text-tertiary);font-size:var(--fs-small);margin:0 var(--space-1)}
.result-card__body{color:var(--text-secondary);line-height:var(--lh-body);font-size:var(--fs-small);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.result-card__action{display:grid;gap:var(--space-1);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:rgba(255,255,255,.82);border:1px solid var(--border-soft)}
.result-card__action-label{font-size:var(--fs-caption);font-weight:var(--fw-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}
.result-card__action p{color:var(--text-primary);line-height:var(--lh-body);font-size:var(--fs-small);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.result-card__link{display:inline-flex;align-items:center;gap:var(--space-2);align-self:flex-start;background:transparent;color:var(--accent-blue);font-weight:var(--fw-semibold);font-size:var(--fs-small);min-height:32px;padding:0;cursor:pointer;transition:gap var(--dur-fast) var(--ease-soft)}
.result-card__link:hover{gap:var(--space-3)}
.mini-card{display:flex;flex-direction:column;gap:var(--space-2);border:1px solid var(--border-soft)}
.mini-card--positive{background:linear-gradient(140deg,#fff 28%,rgba(184,224,210,.55))}
.mini-card--info{background:linear-gradient(140deg,#fff 28%,rgba(74,144,226,.14))}
.mini-card__title{font-size:var(--fs-h3);line-height:var(--lh-snug);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight)}
.mini-card__body{color:var(--text-secondary);line-height:var(--lh-body);font-size:var(--fs-small);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sheet-backdrop{position:fixed;inset:0;background:rgba(26,26,26,.4);z-index:10;display:flex;align-items:flex-end}.sheet{width:100%;max-width:var(--container-max);margin:0 auto;background:var(--bg-surface);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-5)}.sheet__handle{width:40px;height:4px;border-radius:var(--radius-pill);background:var(--text-tertiary);opacity:.4;margin:0 auto var(--space-4)}.error{background:var(--sev-high-bg);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--fs-small)}.disclaimer{padding:var(--space-5) 0;color:var(--text-tertiary);font-size:var(--fs-caption)}

.stack>section.card:nth-of-type(1){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(184,224,210,.30))}
.stack>section.card:nth-of-type(2){background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(255,201,60,.18))}
.stack>section.card:nth-of-type(3){background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(74,144,226,.12))}

.manual-card{border-radius:var(--radius-lg);background:rgba(255,255,255,.50);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);overflow:hidden}
.manual-toggle{width:100%;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:0 var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,201,60,.18));color:var(--text-primary);text-align:left}
.manual-toggle span{color:var(--text-secondary);font-weight:var(--fw-medium)}
.manual-toggle strong{display:inline-flex;align-items:center;min-height:36px;border-radius:var(--radius-pill);padding:0 var(--space-3);background:var(--accent-orange);color:var(--text-on-dark);font-size:var(--fs-small)}
.manual-body{padding:var(--space-5);border-top:1px solid var(--glass-border);background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,248,240,.62))}

.food-groups{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.food-group{border-radius:var(--radius-lg);padding:var(--space-3);background:rgba(255,255,255,.42);border:1px solid var(--glass-border)}
.food-group__title{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}
.food-quick-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.food-chip{display:inline-flex;align-items:center;gap:var(--space-2);min-height:42px;border-radius:var(--radius-pill);padding:0 var(--space-3);background:linear-gradient(135deg,rgba(255,255,255,.84),rgba(255,201,60,.22));border:1px solid var(--glass-border);color:var(--text-primary);font-size:var(--fs-small);font-weight:var(--fw-semibold);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}
.food-chip span{display:grid;place-items:center;width:26px;height:26px;border-radius:var(--radius-pill);background:rgba(255,255,255,.72)}
.food-chip:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}
.food-chip--selected{background:var(--accent-mint);border-color:transparent;color:var(--text-primary)}
.food-chip--selected:hover{box-shadow:var(--shadow-md)}
.food-input{display:flex;gap:var(--space-2);margin-top:var(--space-3)}
.food-custom{margin-top:var(--space-3)}
.scan-cta__desktop{display:none}
.food-card{position:relative;overflow:hidden;padding-top:var(--space-4);background:linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,248,240,.58)),var(--glass-strong)}
.food-card::after{content:"";position:absolute;inset:0;background:url('/assets/character/mascot-bite.png') center / cover no-repeat;opacity:.24;filter:drop-shadow(0 10px 22px rgba(26,26,26,.16));pointer-events:none;z-index:0}
.food-card>*{position:relative;z-index:1}
.food-card .section-title{margin-bottom:var(--space-2)}
.food-card .section-title::before{display:none !important}
.food-card .caption{display:block;margin-bottom:var(--space-3)}

@media (min-width: 768px){
  body{background:radial-gradient(circle at 12% 10%,var(--glow-sun),transparent 28%),radial-gradient(circle at 85% 18%,var(--glow-mint),transparent 26%),radial-gradient(circle at 45% 80%,var(--glow-sky),transparent 34%),var(--bg-app)}
  .app{max-width:1120px;background:transparent}
  .container{max-width:960px;margin:0 auto;padding:0 var(--space-6)}
  .screen{padding-bottom:var(--space-7)}
  .hero{min-height:390px;border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:0 auto;max-width:960px;box-shadow:var(--shadow-lg)}
  .hero__body{align-items:center;text-align:center}
  .landing-topline{justify-content:space-between}
  .partner{justify-content:flex-start}
  .brand-mark{margin-left:auto;margin-right:auto}
  .hero__title{font-size:56px;max-width:11ch;text-align:center}
  .hero__sub{font-size:var(--fs-h3);max-width:34ch;text-align:center}
  .landing-support{max-width:960px}
  .bottom-bar{position:static;transform:none;left:auto;max-width:960px;margin:var(--space-5) auto 0;padding:0 var(--space-6) var(--space-5);display:flex;justify-content:center;background:transparent}
  .bottom-bar .btn{width:100%;max-width:440px;margin:0 auto}
  .stack{gap:var(--space-4)}
  .screen .container>.stack{max-width:820px;margin:0 auto}
  .scan-card{padding:var(--space-6);text-align:center;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:320px}
  .scan-card .btn{width:100%;max-width:360px}
  .scan-cta__mobile{display:none}
  .scan-cta__desktop{display:inline}
  .preview-grid{grid-template-columns:repeat(6,72px)}
  .card{padding:var(--space-5);border-radius:var(--radius-lg)}
  .food-card::after{opacity:.2}
  .section-title{text-align:center}
  .suggestions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .med-row{display:flex}
  .med-row__fields{grid-template-columns:1fr 1fr}
  .summary h1{font-size:40px;max-width:18ch}
  section:has(> .section-title)>.stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .result-card,.card{box-shadow:var(--shadow-md)}
  .sheet{max-width:640px;border-radius:var(--radius-lg);margin:0 auto var(--space-6)}
}
@media (min-width: 1024px){
  .screen--results .container{max-width:1200px}
  .screen--results .container>.stack{max-width:none}
  .screen--results section:has(> .section-title)>.stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);align-items:start}
  .screen--results .summary{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--space-6);align-items:center;padding:var(--space-6)}
  .screen--results .summary .sev-row{grid-column:1 / -1}
  .screen--results .summary__lead{font-size:32px;max-width:none}
  .screen--results .summary__rest{margin:0;max-width:none}
  .screen--results .result-card,.screen--results .mini-card{padding:var(--space-4)}
  .screen--results .result-card__title,.screen--results .mini-card__title{font-size:var(--fs-body)}
  .screen--results .result-card__body,.screen--results .mini-card__body{-webkit-line-clamp:4;line-clamp:4}
  .screen--results .result-card__action p{-webkit-line-clamp:2;line-clamp:2}
}
@supports ((backdrop-filter: blur(18px)) or (-webkit-backdrop-filter: blur(18px))){
  .bottom-bar,.scan-card,.suggestion{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
}