@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg: #000000;--color-elevated: #1C1C1E;--color-surface-secondary: #2C2C2E;--color-card: rgba(255, 255, 255, .06);--color-card-border: rgba(84, 84, 88, .36);--color-accent: #A8FF40;--color-accent-soft: rgba(168, 255, 64, .1);--color-accent-glow: rgba(168, 255, 64, .2);--color-accent-hover: #C0FF70;--color-accent-text: #0A1A00;--color-mint: #30D158;--color-mint-soft: rgba(48, 209, 88, .15);--color-cool-blue: #64D2FF;--color-cool-blue-soft: rgba(100, 210, 255, .12);--color-protein: #30D158;--color-carbs: #64D2FF;--color-fat: #FFD60A;--color-coral: #FF375F;--color-teal: #64D2FF;--color-success: #30D158;--color-xp: #FFD60A;--color-text-primary: #FFFFFF;--color-text-secondary: rgba(235, 235, 245, .6);--color-text-muted: rgba(235, 235, 245, .3);--color-danger: #FF453A;--color-separator: rgba(84, 84, 88, .36);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-heavy: rgba(255, 255, 255, .1);--glass-border: rgba(84, 84, 88, .36);--glass-border-heavy: rgba(84, 84, 88, .55);--backdrop-blur-light: blur(25px) saturate(180%);--backdrop-blur-heavy: blur(50px) saturate(200%);--scrim: rgba(0, 0, 0, .5);--scrim-heavy: rgba(0, 0, 0, .7);--gradient-calories: linear-gradient(to right, #FF375F, #FF6482);--gradient-protein: linear-gradient(to right, #30D158, #A8FF40);--gradient-fat: linear-gradient(to right, #FFD60A, #FF9F0A);--gradient-carbs: linear-gradient(to right, #64D2FF, #0A84FF);--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 18px;--space-5: 24px;--space-6: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--color-card-glass: var(--glass-bg);--color-card-border-glass: var(--glass-border);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .4);--backdrop-blur: var(--backdrop-blur-light);--shadow-card: 0 2px 16px rgba(0, 0, 0, .15);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .25);--shadow-accent: 0 0 20px var(--color-accent-glow);--gradient-hub-card: linear-gradient(135deg, #1C1C1E 0%, #2C2C2E 100%);--shadow-hub: 0 4px 24px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-card: 10;--z-nav: 100;--z-overlay: 200;--z-modal: 300;--ios-segment-bg: rgba(120, 120, 128, .12);--ios-segment-active: rgba(30, 30, 30, .95);--ios-toggle-green: #34C759;--ios-separator: rgba(60, 60, 67, .18);--ios-grouped-bg: rgba(28, 28, 30, 1);--ios-label-secondary: rgba(235, 235, 245, .6);--ios-label-tertiary: rgba(235, 235, 245, .3);--ios-fill: rgba(120, 120, 128, .2);--ios-fill-secondary: rgba(120, 120, 128, .16)}[data-theme=light]{--color-bg: #F2F2F7;--color-elevated: #FFFFFF;--color-surface-secondary: #FFFFFF;--color-card: rgba(255, 255, 255, .72);--color-card-border: rgba(0, 0, 0, .06);--color-accent: #28A745;--color-accent-soft: rgba(40, 167, 69, .1);--color-accent-glow: rgba(40, 167, 69, .15);--color-accent-hover: #1E8E3E;--color-accent-text: #FFFFFF;--color-mint: #28CD41;--color-mint-soft: rgba(40, 205, 65, .12);--color-cool-blue: #0071E3;--color-cool-blue-soft: rgba(0, 113, 227, .1);--color-protein: #248A3D;--color-carbs: #0071E3;--color-fat: #C93400;--color-coral: #D70015;--color-teal: #0071E3;--color-success: #248A3D;--color-xp: #B25000;--color-danger: #D70015;--color-text-primary: #000000;--color-text-secondary: rgba(60, 60, 67, .6);--color-text-muted: rgba(60, 60, 67, .3);--color-separator: rgba(60, 60, 67, .12);--glass-bg: rgba(255, 255, 255, .6);--glass-bg-heavy: rgba(255, 255, 255, .78);--glass-border: rgba(0, 0, 0, .04);--glass-border-heavy: rgba(0, 0, 0, .08);--backdrop-blur-light: blur(40px) saturate(180%);--backdrop-blur-heavy: blur(60px) saturate(200%);--scrim: rgba(0, 0, 0, .12);--scrim-heavy: rgba(0, 0, 0, .25);--gradient-calories: linear-gradient(to right, #D70015, #FF375F);--gradient-protein: linear-gradient(to right, #248A3D, #28CD41);--gradient-carbs: linear-gradient(to right, #0071E3, #5AC8FA);--gradient-fat: linear-gradient(to right, #C93400, #FF9F0A);--color-card-glass: var(--glass-bg);--color-card-border-glass: var(--glass-border);--shadow-glass: 0 2px 20px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .06);--shadow-card: 0 1px 4px rgba(0, 0, 0, .04), 0 0 1px rgba(0, 0, 0, .04);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .08), 0 0 1px rgba(0, 0, 0, .06);--shadow-accent: 0 0 20px var(--color-accent-glow);--gradient-hub-card: linear-gradient(135deg, rgba(255,255,255,.9) 0%, rgba(255,255,255,.65) 100%);--shadow-hub: 0 4px 24px rgba(0, 0, 0, .06);--ios-segment-bg: rgba(118, 118, 128, .12);--ios-segment-active: #FFFFFF;--ios-toggle-green: #34C759;--ios-separator: rgba(60, 60, 67, .12);--ios-grouped-bg: #F2F2F7;--ios-label-secondary: rgba(60, 60, 67, .6);--ios-label-tertiary: rgba(60, 60, 67, .3);--ios-fill: rgba(120, 120, 128, .2);--ios-fill-secondary: rgba(120, 120, 128, .16)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100dvh;width:100%;overflow:hidden;touch-action:pan-x pan-y}@media(min-width:500px){body{display:flex;align-items:center;justify-content:center;background:#0a0a0a!important}#iphone-frame{position:relative;width:375px;height:812px;max-height:90vh;border-radius:55px;border:10px solid #1c1c1e;box-shadow:0 0 0 2px #333,0 0 0 4px #1c1c1e,0 0 0 5px #444,0 30px 80px #0009,0 10px 30px #0006,inset 0 0 2px 1px #ffffff0d;overflow:visible;background:var(--color-bg, #000);flex-shrink:0}#iphone-screen{position:relative;width:100%;height:100%;border-radius:45px;overflow:hidden;transform:translateZ(0)}#iphone-frame:before{content:"";position:absolute;right:-14px;top:180px;width:4px;height:80px;background:linear-gradient(to right,#2a2a2a,#3a3a3a,#2a2a2a);border-radius:0 2px 2px 0;z-index:10000}#iphone-frame:after{content:"";position:absolute;left:-14px;top:150px;width:4px;height:35px;background:linear-gradient(to left,#2a2a2a,#3a3a3a,#2a2a2a);border-radius:2px 0 0 2px;z-index:10000;box-shadow:0 55px #2a2a2a,0 55px #3a3a3a}#iphone-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:37px;background:#000;border-radius:20px;z-index:10001;display:block}#iphone-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#ffffff40;border-radius:3px;z-index:10001;pointer-events:none}#root{height:100%;width:100%;overflow:hidden;box-sizing:border-box;padding-top:54px}}@media(max-width:499px){#iphone-frame{height:100dvh;width:100%}#iphone-screen{height:100%;width:100%}#iphone-notch,#iphone-home-indicator{display:none}#root{height:100%;width:100%;overflow:hidden;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:var(--font-family);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-size:16px;font-family:var(--font-family);color:var(--color-text-primary);background:var(--glass-bg-heavy);backdrop-filter:var(--backdrop-blur-light);-webkit-backdrop-filter:var(--backdrop-blur-light);border:1px solid var(--glass-border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--color-mint);box-shadow:0 0 0 2px var(--color-mint-soft)}*{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}