@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{--color-bg:#eef7ff;--color-bg-deep:#dceefe;--color-surface:#fff;--color-surface-strong:#f8fcff;--color-ink:#172033;--color-ink-soft:#24314d;--color-muted:#6a7896;--color-muted-strong:#52617f;--color-emerald-500:#15c8a0;--color-emerald-600:#0bb494;--color-emerald-700:#09957d;--color-cyan-500:#35b8ff;--color-cyan-700:#117fd0;--color-coral-500:#ff6f91;--color-coral-700:#d95378;--color-danger:#cb3c31;--radius-card:1.2rem;--radius-panel:1.65rem;--shadow-soft:0 16px 34px #20528f17, 0 3px 10px #20528f0d;--shadow-panel:0 24px 56px #1854991f, 0 6px 18px #1854990f;--shadow-elevated:0 28px 60px #1683ba3d, 0 10px 24px #0a64a529;--font-body:"DM Sans", "Segoe UI", sans-serif;--font-display:"DM Sans", "Segoe UI", sans-serif;--font-urdu:"Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", serif;font-family:var(--font-body);color:var(--color-ink);background:radial-gradient(circle at top, #53c6ff38, transparent 34%), radial-gradient(circle at 85% 10%, #ff6f911f, transparent 24%), linear-gradient(180deg, var(--color-bg), var(--color-bg-deep));font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at top, #53c6ff38, transparent 34%), radial-gradient(circle at 85% 10%, #ff6f911f, transparent 24%), linear-gradient(180deg, var(--color-bg), var(--color-bg-deep))}body{min-width:320px;min-height:100vh;margin:0}body,button,input{font-family:inherit}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #35b8ff38}img{max-width:100%}#root{min-height:100vh}.scan-page{max-width:32rem;min-height:100vh;color:var(--color-ink);margin:0 auto;padding:1.25rem 1rem 4.5rem;position:relative;overflow:hidden}.scan-page__glow{filter:blur(18px);opacity:.55;pointer-events:none;border-radius:999px;width:22rem;height:22rem;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.scan-page__glow--top{background:radial-gradient(circle,#35b8ff57 0%,#35b8ff00 70%);top:-10rem}.scan-page__glow--bottom{background:radial-gradient(circle,#ff6f912e 0%,#ff6f9100 70%);bottom:-12rem}.scan-header,.hero-panel,.scan-card,.status-surface,.results-stack{z-index:1;position:relative}.scan-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.scan-header__brand{flex-direction:column;gap:.4rem;display:flex}.scan-header__eyebrow{color:var(--color-emerald-700);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:700;line-height:1}.scan-header__title-group{flex-wrap:wrap;align-items:baseline;gap:.45rem .65rem;display:flex}.scan-header__logo{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.65rem;font-weight:700;line-height:1}.scan-header__mode{color:var(--color-cyan-700);font-size:.9rem;font-weight:600}.language-toggle{background:#35b8ff14;border:1px solid #35b8ff1f;border-radius:999px;padding:.25rem;display:inline-flex;box-shadow:inset 0 1px #ffffff73}.language-toggle__button{color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.7rem .95rem;font-size:.85rem;font-weight:600;line-height:1;transition:background-color .16s,color .16s,transform .16s}.language-toggle__button.is-active{color:var(--color-ink);background:var(--color-surface);box-shadow:var(--shadow-soft)}.hero-panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);background:linear-gradient(135deg,#fffffffa,#eff9fffa);border:1px solid #53c6ff2e;margin-bottom:1rem;padding:1.4rem 1.35rem 1.5rem}.hero-panel__copy{gap:.65rem;display:grid}.hero-panel__kicker{color:var(--color-cyan-700);letter-spacing:.16em;text-transform:uppercase;font-size:.82rem;font-weight:700;line-height:1}.hero-panel__title{font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;margin:0;font-size:clamp(2rem,8vw,2.9rem);font-weight:700;line-height:1.02}.hero-panel__body{color:var(--color-muted-strong);max-width:28rem;margin:0;font-size:1rem;font-weight:500;line-height:1.6}.scan-card{border-radius:var(--radius-panel);box-shadow:var(--shadow-elevated);cursor:pointer;background:linear-gradient(160deg,#35b8fffa,#1088e0fa);border:0;min-height:18rem;margin-bottom:1rem;overflow:hidden}.scan-card:focus-visible{outline-offset:4px;outline:3px solid #14b8a64d}.scan-card__empty{color:#fcfffb;align-content:center;gap:1.25rem;min-height:18rem;padding:1.5rem;display:grid}.scan-card__icon{place-items:center;width:4.75rem;height:4.75rem;display:grid;position:relative}.scan-card__icon-ring,.scan-card__icon-core{border-radius:999px;place-items:center;display:grid;position:absolute}.scan-card__icon-ring{background:#ffffff14;border:1px solid #fff3;inset:0}.scan-card__icon-core{color:#117fd0;background:linear-gradient(#fffffffa,#e8f7fffa);font-size:2rem;font-weight:600;inset:.8rem}.scan-card__content{gap:.45rem;display:grid}.scan-card__label{color:#f7fffcd1;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:.86rem;font-weight:600;line-height:1.2}.scan-card__headline{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(1.8rem,7vw,2.45rem);font-weight:700;line-height:1.02}.scan-card__text,.scan-card__support,.scan-card__overlay-body{color:#f4fffbe6;margin:0;font-size:.98rem;font-weight:500;line-height:1.55}.scan-card__support{color:#f5fcfff2;align-items:center;gap:.45rem;margin-top:.45rem;font-size:.86rem;font-weight:600;display:inline-flex}.scan-card__support:before{content:"";background:currentColor;border-radius:999px;width:.5rem;height:.5rem;box-shadow:0 0 0 .32rem #f5fcff1f}.scan-card__input{display:none}.scan-card__preview{object-fit:cover;width:100%;height:20rem;display:block}.scan-card__overlay{border-radius:calc(var(--radius-panel) - .5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fffdf8;background:linear-gradient(#0d244347,#0d2443cc);gap:.45rem;padding:1rem;display:grid;position:absolute;inset:auto 1rem 1rem}.scan-card__pill{color:#f3fbff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;border-radius:999px;justify-self:start;padding:.45rem .75rem;font-size:.75rem;font-weight:700;line-height:1}.scan-card__overlay-title{font-size:1.15rem;font-weight:700;line-height:1.2}.status-surface{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#ffffffeb;border:1px solid #35b8ff1f;grid-template-columns:auto 1fr;align-items:start;gap:.9rem;margin-bottom:1rem;padding:1rem 1rem 1.05rem;display:grid}.status-surface--error{background:#fff4f1fa;border-color:#dc26261f}.status-surface__spinner{border:3px solid #35b8ff33;border-top-color:var(--color-cyan-700);border-radius:999px;width:1.4rem;height:1.4rem;animation:.8s linear infinite spin}.status-surface__alert{width:1.5rem;height:1.5rem;color:var(--color-danger);background:#dc26261f;border-radius:999px;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:grid}.status-surface__title{color:var(--color-ink);margin:0;font-size:.96rem;font-weight:700;line-height:1.25}.status-surface__body{color:var(--color-muted-strong);margin:.2rem 0 0;font-size:.92rem;font-weight:500;line-height:1.5}.results-stack{gap:1rem;display:grid}.results-stack__eyebrow{color:var(--color-emerald-700);letter-spacing:.15em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1}.score-card{border-radius:var(--radius-panel);background:linear-gradient(180deg, var(--score-bg), #fff);border:1px solid color-mix(in srgb, var(--score-accent) 14%, transparent);box-shadow:var(--shadow-panel);gap:1rem;padding:1.2rem;display:grid}.score-card__badge{color:var(--score-accent);background:#ffffffb8;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .8rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffffbf}.score-card__summary{gap:.65rem;display:grid}.score-card__score-row{align-items:flex-end;gap:.3rem;display:flex}.score-card__score{color:var(--score-accent);font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(4rem,18vw,5.5rem);font-weight:700;line-height:.9}.score-card__unit{color:var(--color-muted);padding-bottom:.7rem;font-size:1rem;font-weight:600;line-height:1.2}.score-card__label,.panel-section__title,.dish-card__name{color:var(--color-ink);margin:0}.score-card__label{font-size:1.08rem;font-weight:700;line-height:1.2}.score-card__caption{max-width:20rem;color:var(--color-muted-strong);margin:0;font-size:.95rem;font-weight:500;line-height:1.5}.score-card__tip{border-radius:calc(var(--radius-card) - .2rem);background:#ffffffb8;gap:.4rem;padding:.95rem 1rem;display:grid;box-shadow:inset 0 0 0 1px #ffffffbf}.score-card__tip-label{color:var(--color-coral-700);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700;line-height:1}.score-card__tip-body{color:var(--color-ink-soft);margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.panel-section{gap:.8rem;display:grid}.panel-section__header{justify-content:space-between;align-items:center;display:flex}.panel-section__title{font-size:1.05rem;font-weight:700;line-height:1.2}.totals-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.metric-card{border-radius:var(--radius-card);box-shadow:var(--shadow-soft);background:#fffffff0;border:1px solid #35b8ff1a;gap:.4rem;padding:1rem;display:grid}.metric-card__label{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}.metric-card__value{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.04em;font-size:1.7rem;font-weight:700;line-height:1}.metric-card__unit{color:var(--color-muted-strong);font-family:var(--font-body);letter-spacing:0;margin-inline-start:.2rem;font-size:.9rem;font-weight:500}.dish-list{gap:.9rem;display:grid}.dish-card{border-radius:var(--radius-panel);box-shadow:var(--shadow-soft);background:#fffffff5;border:1px solid #35b8ff1a;gap:.95rem;padding:1rem;display:grid}.dish-card__topline{justify-content:space-between;align-items:flex-start;gap:.9rem;display:flex}.dish-card__heading{gap:.2rem;display:grid}.dish-card__name{font-size:1.08rem;font-weight:700;line-height:1.25}.dish-card__subtitle{color:var(--color-muted);margin:0;font-size:.84rem;font-weight:500;line-height:1.35}.dish-card__portion{color:var(--color-cyan-700);background:#35b8ff1f;border-radius:999px;flex-shrink:0;padding:.45rem .65rem;font-size:.82rem;font-weight:700;line-height:1}.dish-card__macros{flex-wrap:wrap;gap:.55rem;display:flex}.macro-tag{color:var(--color-ink-soft);background:#35b8ff14;border-radius:999px;align-items:center;gap:.4rem;padding:.5rem .65rem;display:inline-flex}.macro-tag__label{color:var(--color-cyan-700);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:700;line-height:1}.macro-tag__value{color:var(--color-ink-soft);font-size:.82rem;font-weight:600;line-height:1}.dish-card__chips{border-top:1px solid #35b8ff1a;gap:.55rem;padding-top:.95rem;display:grid}.dish-card__chips-title,.dish-card__chips-hint{margin:0}.dish-card__chips-title{color:var(--color-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700;line-height:1.2}.dish-card__chips-hint{color:var(--color-muted);font-size:.82rem;font-weight:500;line-height:1.45}.chip-list{flex-wrap:wrap;gap:.55rem;display:flex}.chip-button{color:var(--color-coral-700);cursor:pointer;font:inherit;background:#fff2f6fa;border:1px solid #ff6f9138;border-radius:999px;align-items:center;gap:.45rem;padding:.75rem .95rem;transition:transform .16s,box-shadow .16s,background-color .16s;display:inline-flex;box-shadow:0 10px 18px #ff6f911a}.chip-button:hover,.chip-button:focus-visible{background:#ffecf2fa;transform:translateY(-1px);box-shadow:0 14px 24px #ff6f9129}.chip-button:disabled{cursor:progress;opacity:.82}.chip-button__label,.chip-button__icon{font-weight:700;line-height:1}.chip-button__label{font-size:.86rem}.chip-button__icon{font-size:1rem}.rescan-button{background:linear-gradient(180deg, var(--color-cyan-500), var(--color-cyan-700));color:#fcfffb;font:inherit;cursor:pointer;border:0;border-radius:1.1rem;padding:1rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.2;box-shadow:0 18px 32px #117fd03d}.rescan-button:hover,.rescan-button:focus-visible,.language-toggle__button:hover{transform:translateY(-1px)}.is-urdu{font-family:var(--font-urdu)}.is-urdu .scan-header__eyebrow,.is-urdu .hero-panel__kicker,.is-urdu .results-stack__eyebrow,.is-urdu .metric-card__label,.is-urdu .dish-card__chips-title,.is-urdu .score-card__tip-label,.is-urdu .scan-card__label,.is-urdu .scan-card__pill{letter-spacing:0;text-transform:none}.is-urdu .hero-panel__title,.is-urdu .scan-card__headline,.is-urdu .scan-header__logo,.is-urdu .score-card__score,.is-urdu .metric-card__value{font-family:var(--font-urdu);letter-spacing:0}.is-urdu .hero-panel__title{font-size:clamp(2.2rem,8.8vw,3rem);line-height:1.15}.is-urdu .hero-panel__body,.is-urdu .status-surface__body,.is-urdu .score-card__caption,.is-urdu .score-card__tip-body,.is-urdu .dish-card__chips-hint,.is-urdu .scan-card__text,.is-urdu .scan-card__support,.is-urdu .scan-card__overlay-body{font-size:1.02rem;line-height:1.9}.is-urdu .scan-card__headline,.is-urdu .dish-card__name,.is-urdu .score-card__label,.is-urdu .panel-section__title{line-height:1.45}@media (width<=420px){.scan-page{padding-inline:.9rem}.scan-header{flex-direction:column;align-items:stretch}.language-toggle{align-self:flex-start}.scan-card__empty,.hero-panel{padding:1.2rem}.scan-card{min-height:16.75rem}.scan-card__preview{height:18rem}}@media (width>=640px){.scan-page{padding-top:1.5rem}.score-card{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end}.totals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@keyframes spin{to{transform:rotate(360deg)}}