*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.border{border-width:1px}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}:root,[data-theme=dark]{--bg-primary: #0a0f1c;--bg-secondary: #131a2e;--bg-card: rgba(25, 35, 60, .65);--bg-card-hover: rgba(30, 42, 72, .8);--border-glass: rgba(255, 255, 255, .08);--border-glass-hover: rgba(255, 255, 255, .15);--text-primary: #f0f2f8;--text-secondary: #8b95b0;--text-muted: #5e6a82;--accent-green: #22c55e;--accent-green-glow: rgba(34, 197, 94, .25);--accent-orange: #f59e0b;--accent-orange-glow: rgba(245, 158, 11, .25);--accent-blue: #3b82f6;--accent-blue-glow: rgba(59, 130, 246, .25);--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .25);--accent-red: #ef4444;--gradient-green: linear-gradient(135deg, #22c55e, #16a34a);--gradient-orange: linear-gradient(135deg, #f59e0b, #ea580c);--gradient-blue: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-purple: linear-gradient(135deg, #a855f7, #7c3aed);--gradient-primary: linear-gradient(135deg, #22c55e, #16a34a, #15803d);--glass-blur: blur(16px);--navbar-bg: rgba(10, 15, 28, .85);--icon-bg-green: rgba(34, 197, 94, .1);--icon-bg-blue: rgba(59, 130, 246, .1);--icon-bg-orange: rgba(245, 158, 11, .1);--icon-bg-purple: rgba(168, 85, 247, .12);--icon-bg-red: rgba(239, 68, 68, .1);--icon-bg-amber-warning: rgba(245, 158, 11, .05);--border-amber-warning: rgba(245, 158, 11, .15);--bar-track: rgba(255, 255, 255, .06);--divider: rgba(255, 255, 255, .06);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-border-hover: rgba(255, 255, 255, .2);--btn-outline-border: rgba(255, 255, 255, .12);--btn-outline-hover: rgba(255, 255, 255, .25);--dialog-bg: #131a2e;--shadow-card: 0 4px 20px rgba(0, 0, 0, .3);--shadow-btn: 0 4px 15px rgba(34, 197, 94, .3);--shadow-btn-hover: 0 6px 25px rgba(34, 197, 94, .45);--ring-track: rgba(255, 255, 255, .06);--toggle-bg: rgba(255, 255, 255, .03);--toggle-border: rgba(255, 255, 255, .08);--toggle-selected-bg: rgba(34, 197, 94, .15);--toggle-selected-border: rgba(34, 197, 94, .3);--toggle-text: #8b95b0;--scrollbar-thumb: rgba(255, 255, 255, .1);--scrollbar-thumb-hover: rgba(255, 255, 255, .2);--camera-overlay: rgba(0, 0, 0, .7);--camera-btn-bg: rgba(0, 0, 0, .4);--camera-btn-hover: rgba(0, 0, 0, .6);--image-preview-bg: #131a2e;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-medium: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #ffffff;--bg-card: rgba(255, 255, 255, .85);--bg-card-hover: rgba(255, 255, 255, .95);--border-glass: rgba(0, 0, 0, .06);--border-glass-hover: rgba(0, 0, 0, .12);--text-primary: #1a1a2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent-green: #16a34a;--accent-green-glow: rgba(22, 163, 74, .2);--accent-orange: #ea580c;--accent-orange-glow: rgba(234, 88, 12, .2);--accent-blue: #2563eb;--accent-blue-glow: rgba(37, 99, 235, .2);--accent-purple: #7c3aed;--accent-purple-glow: rgba(124, 58, 237, .2);--accent-red: #dc2626;--gradient-green: linear-gradient(135deg, #22c55e, #16a34a);--gradient-orange: linear-gradient(135deg, #f59e0b, #ea580c);--gradient-blue: linear-gradient(135deg, #3b82f6, #2563eb);--gradient-purple: linear-gradient(135deg, #a855f7, #7c3aed);--gradient-primary: linear-gradient(135deg, #22c55e, #16a34a, #15803d);--glass-blur: blur(12px);--navbar-bg: rgba(255, 255, 255, .88);--icon-bg-green: rgba(22, 163, 74, .08);--icon-bg-blue: rgba(37, 99, 235, .08);--icon-bg-orange: rgba(234, 88, 12, .08);--icon-bg-purple: rgba(124, 58, 237, .08);--icon-bg-red: rgba(220, 38, 38, .08);--icon-bg-amber-warning: rgba(245, 158, 11, .06);--border-amber-warning: rgba(245, 158, 11, .2);--bar-track: rgba(0, 0, 0, .06);--divider: rgba(0, 0, 0, .06);--input-bg: rgba(0, 0, 0, .02);--input-border: rgba(0, 0, 0, .12);--input-border-hover: rgba(0, 0, 0, .25);--btn-outline-border: rgba(0, 0, 0, .12);--btn-outline-hover: rgba(0, 0, 0, .2);--dialog-bg: #ffffff;--shadow-card: 0 4px 20px rgba(0, 0, 0, .06);--shadow-btn: 0 4px 15px rgba(22, 163, 74, .2);--shadow-btn-hover: 0 6px 25px rgba(22, 163, 74, .3);--ring-track: rgba(0, 0, 0, .06);--toggle-bg: rgba(0, 0, 0, .03);--toggle-border: rgba(0, 0, 0, .1);--toggle-selected-bg: rgba(22, 163, 74, .1);--toggle-selected-border: rgba(22, 163, 74, .3);--toggle-text: #6b7280;--scrollbar-thumb: rgba(0, 0, 0, .1);--scrollbar-thumb-hover: rgba(0, 0, 0, .2);--camera-overlay: rgba(0, 0, 0, .5);--camera-btn-bg: rgba(0, 0, 0, .3);--camera-btn-hover: rgba(0, 0, 0, .5);--image-preview-bg: #f0f0f0}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background .3s ease,color .3s ease;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-container{max-width:600px;margin:0 auto;background:var(--bg-primary);min-height:100vh;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;transition:all var(--transition-medium);box-shadow:var(--shadow-card)}.glass-card:hover{background:var(--bg-card-hover);border-color:var(--border-glass-hover)}.glass-card-static{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-glass);border-radius:16px;box-shadow:var(--shadow-card)}.glass-navbar{background:var(--navbar-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-glass)}.safe-area-top{padding-top:max(12px,env(safe-area-inset-top))!important}.safe-area-bottom{padding-bottom:max(8px,env(safe-area-inset-bottom))!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ringFill{0%{stroke-dashoffset:var(--ring-circumference, 283)}to{stroke-dashoffset:var(--ring-target, 283)}}@keyframes barFill{0%{width:0%}to{width:var(--bar-width, 0%)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--accent-green-glow)}50%{box-shadow:0 0 30px var(--accent-green-glow),0 0 40px var(--accent-green-glow)}}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinnerDash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.animate-fade-in-up{animation:fadeInUp .5s ease-out both}.animate-fade-in{animation:fadeIn .4s ease-out both}.animate-scale-in{animation:scaleIn .4s ease-out both}.animate-slide-right{animation:slideInRight .4s ease-out both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}.gradient-btn-primary{background:var(--gradient-primary)!important;color:#fff!important;border:none!important;font-weight:600!important;letter-spacing:.01em;box-shadow:var(--shadow-btn);transition:all var(--transition-fast)!important}.gradient-btn-primary:hover{box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.gradient-btn-primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-btn)}.nutrient-bar-track{height:8px;border-radius:4px;background:var(--bar-track);overflow:hidden;position:relative}.nutrient-bar-fill{height:100%;border-radius:4px;animation:barFill 1s cubic-bezier(.4,0,.2,1) both;position:relative}.nutrient-bar-fill.fat{background:var(--gradient-orange)}.nutrient-bar-fill.protein{background:var(--gradient-blue)}.nutrient-bar-fill.carb{background:var(--gradient-purple)}.calorie-ring-container{position:relative;display:inline-flex;align-items:center;justify-content:center}.calorie-ring-track{fill:none;stroke:var(--ring-track)}.calorie-ring-fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.calorie-ring-text{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.hover-lift{transition:all var(--transition-medium)}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000026}.hover-lift:active{transform:translateY(0)}.success-particle{position:absolute;width:6px;height:6px;border-radius:50%;animation:particleBurst .8s ease-out forwards;pointer-events:none}@keyframes particleBurst{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--px, 50px),var(--py, -50px)) scale(0)}}.MuiDialog-paper{background:var(--dialog-bg)!important;border:1px solid var(--border-glass)!important;border-radius:16px!important;color:var(--text-primary)!important}.MuiDialogTitle-root{color:var(--text-primary)!important}.MuiDialogContent-root{color:var(--text-secondary)!important}.MuiSnackbar-root .MuiAlert-root{border-radius:12px!important}