:root{--navy: #08080E;--navy-2: #0F1220;--navy-3: #161A2B;--amber: #FFB200;--amber-2: #FFC533;--amber-deep: #E09A00;--white: #F0F0F5;--fog: #9090A8;--mid: #55556A;--green: #34D399;--red: #EF4444;--ink-on-amber: #1A1A2E;--qr-ink: #12121C;--qr-paper: #F7F7FA;--glass-bg: rgba(240, 240, 245, .07);--glass-bg-hover: rgba(240, 240, 245, .11);--glass-border: rgba(240, 240, 245, .14);--glass-blur: blur(20px) saturate(160%);--glass-shadow: 0 10px 30px rgba(0, 0, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .1);--sheet-bg: rgba(22, 26, 43, .88);--tabbar-bg: rgba(15, 18, 32, .6);--drawer-bg: rgba(15, 18, 32, .94);--amber-grad: linear-gradient(180deg, #FFC533, #FFB200);--amber-grad-hover: linear-gradient(180deg, #FFB200, #E09A00);--amber-btn-shadow: 0 10px 24px rgba(255, 178, 0, .35), inset 0 1px 0 rgba(255, 255, 255, .5);--amber-12: rgba(255, 178, 0, .12);--amber-14: rgba(255, 178, 0, .14);--amber-35: rgba(255, 178, 0, .35);--focus-ring: 0 0 0 4px rgba(255, 178, 0, .15);--ease-spring: cubic-bezier(.22, 1, .36, 1);--font-display: "Unbounded", "Arial Black", system-ui, sans-serif;--font-body: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif}@font-face{font-family:Onest;src:url(/fonts/Onest-Light.ttf) format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Bold.ttf) format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Black.ttf) format("truetype");font-weight:900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--navy);font-family:var(--font-body);color:var(--white);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;-webkit-tap-highlight-color:transparent}a{color:var(--amber)}a:hover{color:var(--amber-deep)}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{transform:translateY(105%)}to{transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerIn{0%{opacity:0;transform:translate(48px)}to{opacity:1;transform:none}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}.btn-amber{border:none;cursor:pointer;background:var(--amber-grad);color:var(--ink-on-amber);font-family:var(--font-body);font-weight:700;box-shadow:var(--amber-btn-shadow)}.btn-amber:hover{background:var(--amber-grad-hover)}.pill-amber{font-family:var(--font-body);font-size:11px;font-weight:700;color:var(--amber);background:var(--amber-12);border:1px solid var(--amber-35);padding:5px 10px;border-radius:999px;white-space:nowrap}.eyebrow{font-family:var(--font-body);font-size:10.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.chip-ingredient{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 5px;border-radius:999px;background:#f0f0f50f;border:1px solid rgba(240,240,245,.12)}.screen-enter{animation:fadeUp .3s var(--ease-spring)}.back-btn{width:36px;height:36px;flex:none;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--white)}html,body,#root{height:100%}body{background:var(--navy) url(/bg/blob_subtle.jpg) center top / cover no-repeat fixed}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.app-viewport{position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:480px;overflow:hidden}.app-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;-webkit-overflow-scrolling:touch;padding:calc(env(safe-area-inset-top) + 16px) 20px calc(116px + env(safe-area-inset-bottom))}input{font-family:inherit}input:focus{outline:none}