@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}.app-shell{max-width:32rem;min-height:100vh;color:var(--color-ink);margin:0 auto;padding:1rem 1rem 6.5rem;position:relative;overflow:hidden}.app-shell__content{z-index:1;gap:1rem;display:grid;position:relative}.app-shell__content--with-nav{padding-bottom:.5rem}.app-shell__glow{filter:blur(24px);opacity:.5;pointer-events:none;border-radius:999px;width:22rem;height:22rem;position:absolute;inset-inline-start:50%;transform:translate(-50%)}.app-shell__glow--top{background:radial-gradient(circle,#0faa8c3d 0%,#0faa8c00 70%);top:-10rem}.app-shell__glow--bottom{background:radial-gradient(circle,#e05f3e2e 0%,#e05f3e00 70%);bottom:-12rem}.app-header,.section-heading,.history-item__header,.setting-row,.review-line,.toggle-card,.bottom-nav,.dish-card__topline,.panel,.hero-card,.scan-card,.status-surface,.overview-card,.metric-card,.history-item,.dish-card,.score-card{z-index:1;position:relative}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.app-header__eyebrow,.results-stack__eyebrow,.scan-card__label,.metric-card__label,.score-card__tip-label,.dish-card__chips-title,.hero-card__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-emerald-700);margin:0;font-size:.78rem;font-weight:700}.app-header__title-row{flex-wrap:wrap;align-items:baseline;gap:.55rem;display:flex}.app-header__brand,.hero-card__title,.scan-card__headline,.score-card__score,.metric-card__value,.overview-card__value{font-family:var(--font-display);letter-spacing:-.04em;margin:0}.app-header__brand{font-size:1.7rem;font-weight:700;line-height:1}.app-header__mode{color:var(--color-cyan-700);font-weight:700}.language-toggle,.segmented{background:#35b8ff14;border:1px solid #35b8ff29;border-radius:999px;padding:.25rem;display:inline-flex}.language-toggle__button,.segmented__button,.tab-button,.primary-button,.ghost-button,.choice-card,.scan-card__action{color:inherit;font:inherit;background:0 0;border:0}.language-toggle__button,.segmented__button{cursor:pointer;color:var(--color-muted);border-radius:999px;padding:.7rem .95rem;font-weight:700}.language-toggle__button.is-active,.segmented__button.is-active,.tab-button.is-active{background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-soft)}.surface-stack,.history-list,.metric-grid,.choice-grid,.explanation-list,.pill-list{gap:.85rem;display:grid}.hero-card,.panel,.score-card,.dish-card,.status-surface,.overview-card,.metric-card,.history-item{border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);background:#ffffffeb;border:1px solid #53c6ff24}.hero-card{background:linear-gradient(145deg,#fffffff7,#e7f7f8f2);padding:1.35rem}.hero-card--onboarding{background:linear-gradient(160deg,#09957d14,#35b8ff1f)}.hero-card__title{margin-top:.45rem;font-size:clamp(1.75rem,6vw,2.35rem);font-weight:700;line-height:1.04}.hero-card__body,.section-heading__body,.overview-card__body,.history-item__body,.body-copy,.empty-state,.dish-card__chips-hint,.score-card__caption,.score-card__tip-body,.scan-card__text,.scan-card__support,.scan-card__overlay-body,.status-surface__body{color:var(--color-muted-strong);margin:0;line-height:1.6}.hero-card__prompt{color:var(--color-emerald-700);background:#09957d1a;border-radius:999px;align-items:center;margin-top:1rem;padding:.8rem 1rem;font-weight:700;display:inline-flex}.panel{padding:1rem}.panel--highlight{background:linear-gradient(160deg,#117fd014,#0faa8c14)}.section-heading,.history-item__header,.setting-row,.review-line,.toggle-card{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.section-heading__title,.mini-title,.score-card__label,.dish-card__name{margin:0;font-size:1.06rem;font-weight:800}.section-heading__body{margin-top:.3rem}.step-pill,.history-item__badge,.scan-card__pill,.score-card__badge,.dish-card__portion,.info-pill{border-radius:999px;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.step-pill,.history-item__badge,.scan-card__pill,.score-card__badge{padding:.45rem .75rem;font-size:.78rem}.step-pill,.scan-card__pill{background:#ffffffd1}.action-row{justify-content:flex-end;display:flex}.primary-button,.ghost-button{cursor:pointer;transition:transform .16s,box-shadow .16s}.primary-button{background:linear-gradient(180deg, var(--color-cyan-500), var(--color-cyan-700));color:#fff;border-radius:1rem;padding:1rem 1.2rem;font-weight:800;box-shadow:0 22px 40px #117fd038}.primary-button--compact{width:fit-content;padding:.8rem 1rem}.ghost-button{color:var(--color-cyan-700);background:#117fd014;border-radius:1rem;padding:.85rem 1rem;font-weight:700}.ghost-button--wide{justify-self:stretch}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card{text-align:left;cursor:pointer;box-shadow:var(--shadow-soft);background:#ffffffdb;border:1px solid #53c6ff1f;border-radius:1rem;padding:1rem;font-weight:700;line-height:1.4}.choice-card.is-selected{color:var(--color-ink);background:linear-gradient(150deg,#0faa8c1f,#35b8ff26);border-color:#0faa8c47}.stack-grid{gap:.85rem;display:grid}.toggle-card,.review-card{background:#f5faffe6;border:1px solid #35b8ff1f;border-radius:1rem;padding:1rem}.review-card{gap:.8rem;display:grid}.review-line{align-items:center}.overview-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.overview-card,.metric-card,.history-item{padding:1rem}.overview-card--mint{background:linear-gradient(160deg,#0faa8c1a,#fffffff2)}.overview-card--blue{background:linear-gradient(160deg,#35b8ff1f,#fffffff2)}.overview-card--rose{background:linear-gradient(160deg,#ff6f911f,#fffffff2)}.overview-card__title,.history-item__meta,.setting-row__value{color:var(--color-muted);margin:0 0 .45rem;font-size:.84rem;font-weight:700}.overview-card__value{font-size:1.3rem;font-weight:700;line-height:1.15}.scan-card{background:linear-gradient(#0537742e,#05377400 18%),linear-gradient(160deg,#1f6db6,#2b83d8 55%,#449fec);overflow:hidden}.scan-card__action{color:#fff;cursor:pointer;width:100%;padding:0;display:block}.scan-card__empty{text-align:center;align-content:center;gap:1.2rem;min-height:18rem;padding:1.4rem;display:grid}.scan-card__icon{width:4.75rem;height:4.75rem;position:relative}.scan-card__icon-ring,.scan-card__icon-core{border-radius:999px;place-items:center;display:grid;position:absolute;inset:0}.scan-card__icon-ring{background:#ffffff1a;border:1px solid #ffffff42}.scan-card__icon-core{color:var(--color-cyan-700);background:linear-gradient(#fffffffa,#e8f7fffa);font-size:2rem;font-weight:700;inset:.8rem}.scan-card__headline{color:#fffffffa;margin:.35rem 0;font-size:clamp(1.45rem,5vw,1.95rem);font-weight:700;line-height:1.12}.scan-card__support{justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.scan-card__support:before{content:"";background:currentColor;border-radius:999px;width:.48rem;height:.48rem}.scan-card__preview{object-fit:cover;width:100%;height:20rem;display:block}.scan-card__overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#0d244347,#0d2443cc);border-radius:1rem;gap:.45rem;padding:1rem;display:grid;position:absolute;inset:auto 1rem 1rem}.scan-card__overlay-title{font-size:1.15rem}.scan-card__content{gap:.55rem;display:grid}.scan-card__label{color:#d6f5f0eb}.scan-card__text,.scan-card__support,.scan-card__overlay-body{color:#f7fbffeb;font-size:.96rem}.scan-card__text{max-width:28rem;margin-inline:auto;font-weight:500}.scan-card__support{color:#fffffff5;font-weight:600}.status-surface{grid-template-columns:auto 1fr;gap:.9rem;padding:1rem;display:grid}.status-surface--error{background:#fff4f1fa;border-color:#dc262624}.status-surface__spinner{border:3px solid #35b8ff38;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-weight:800;display:grid}.status-surface__title{margin:0;font-weight:800}.score-card{background:linear-gradient(180deg, var(--score-bg), #fff);gap:1rem;padding:1.1rem;display:grid}.score-card__summary{gap:.65rem;display:grid}.score-card__badge{width:fit-content;color:var(--score-accent);background:#ffffffd1}.score-card__score-row{align-items:flex-end;display:flex}.score-card__score{color:var(--score-accent);font-size:clamp(3.2rem,16vw,5rem);line-height:.9}.score-card__tip{background:#ffffffc7;border-radius:1rem;gap:.5rem;padding:1rem;display:grid}.explanation-item,.info-pill{color:var(--color-ink-soft);background:#117fd014;border-radius:1rem;padding:.85rem .95rem;font-weight:600}.info-pill{background:#0faa8c1a;width:fit-content}.info-pill--accent{background:#ff6f911a}.dish-card{gap:.95rem;padding:1rem;display:grid}.dish-card__heading{gap:.2rem;display:grid}.dish-card__subtitle{color:var(--color-muted);margin:0}.dish-card__portion{color:var(--color-cyan-700);background:#35b8ff1f;padding:.45rem .65rem}.dish-card__macros,.chip-list{flex-wrap:wrap;gap:.55rem;display:flex}.macro-tag{background:#35b8ff14;border-radius:999px;gap:.4rem;padding:.5rem .65rem;display:inline-flex}.macro-tag__label{color:var(--color-cyan-700);text-transform:uppercase;font-size:.72rem;font-weight:700}.macro-tag__value{color:var(--color-ink-soft);font-size:.82rem;font-weight:600}.dish-card__chips{border-top:1px solid #35b8ff1a;gap:.55rem;padding-top:.9rem;display:grid}.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;display:inline-flex;box-shadow:0 10px 18px #ff6f911a}.chip-button:disabled{opacity:.72;cursor:progress}.history-item__title,.setting-row__label{margin:0;font-size:1rem;font-weight:800}.bottom-nav{inset-inline:max(1rem,50vw - 15rem);box-shadow:var(--shadow-panel);background:#ffffffeb;border:1px solid #53c6ff24;border-radius:999px;padding:.35rem;position:fixed;bottom:1rem}.tab-button{color:var(--color-muted);cursor:pointer;border-radius:999px;flex:1;padding:.85rem .6rem;font-weight:800}.body-copy--compact{font-size:.92rem}.empty-state{padding:.4rem 0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.is-urdu{font-family:var(--font-urdu)}.is-urdu .app-header__eyebrow,.is-urdu .results-stack__eyebrow,.is-urdu .scan-card__label,.is-urdu .metric-card__label,.is-urdu .score-card__tip-label,.is-urdu .dish-card__chips-title,.is-urdu .hero-card__eyebrow{letter-spacing:0;text-transform:none}.is-urdu .app-header__brand,.is-urdu .hero-card__title,.is-urdu .scan-card__headline,.is-urdu .score-card__score,.is-urdu .metric-card__value,.is-urdu .overview-card__value{font-family:var(--font-urdu);letter-spacing:0}.is-urdu .hero-card__body,.is-urdu .section-heading__body,.is-urdu .overview-card__body,.is-urdu .history-item__body,.is-urdu .body-copy,.is-urdu .dish-card__chips-hint,.is-urdu .score-card__caption,.is-urdu .score-card__tip-body,.is-urdu .scan-card__text,.is-urdu .scan-card__support,.is-urdu .scan-card__overlay-body,.is-urdu .status-surface__body{font-size:1rem;line-height:1.9}.primary-button:hover,.ghost-button:hover,.choice-card:hover,.language-toggle__button:hover,.segmented__button:hover,.tab-button:hover,.chip-button:hover{transform:translateY(-1px)}@media (width>=640px){.score-card{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:start}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=420px){.app-shell{padding-inline:.9rem}.app-header{flex-direction:column}.choice-grid,.overview-grid,.metric-grid{grid-template-columns:minmax(0,1fr)}.bottom-nav{inset-inline:.9rem}}@keyframes spin{to{transform:rotate(360deg)}}