*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0A0A0F;--bg-card: #13131A;--bg-secondary: #1A1A24;--bg-input: #1E1E2A;--border: #1E1E2E;--border-light: #2A2A3A;--text-primary: #FFFFFF;--text-secondary: #8A8A9A;--text-muted: #5A5A6A;--text-dim: #3A3A4A;--accent: #6C5CE7;--accent-hover: #8B7CF6;--accent-dark: #5A4BD1;--accent-dim: rgba(108, 92, 231, .15);--color-protein: #FF6B9D;--color-carbs: #4ECDC4;--color-fat: #FFD93D;--color-calories: #6C5CE7;--color-success: #00B894;--color-warning: #FDCB6E;--color-danger: #E17055;--color-info: #74B9FF;--color-vip: #F9CA24;--color-locked: #FDCB6E;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--nav-height: 64px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;overflow-x:hidden;min-height:100vh;min-height:100dvh}#root{min-height:100vh;min-height:100dvh}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-main{flex:1;padding-bottom:calc(var(--nav-height) + 16px);overflow-y:auto;-webkit-overflow-scrolling:touch}h1,h2,h3{font-family:var(--font-body);font-weight:700;line-height:1.2}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}input,select,textarea{font-family:var(--font-body);font-size:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent);border-radius:50%;cursor:pointer;border:2px solid var(--bg-primary);box-shadow:0 0 0 2px var(--accent)}input:focus,select:focus,textarea:focus{outline:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}::selection{background:var(--accent-dim);color:var(--text-primary)}::placeholder{color:var(--text-dim)}*{transition-property:background-color,border-color,color,opacity;transition-duration:.15s;transition-timing-function:ease}.no-transitions *{transition:none!important}@media (min-width: 768px){.app-main{max-width:480px;margin:0 auto}}@media (min-width: 1024px){.app-main{max-width:520px}}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)!important}.recharts-text{fill:var(--text-muted)!important;font-family:var(--font-body)!important;font-size:11px!important}.recharts-tooltip-cursor{stroke:var(--border-light)!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .3s ease forwards}.animate-slide-up{animation:slideUp .4s ease forwards}:root{--glass-bg: rgba(19, 19, 26, .65);--glass-bg-solid: rgba(19, 19, 26, .85);--glass-border: rgba(255, 255, 255, .06);--glass-blur: 20px;--glass-highlight: rgba(255, 255, 255, .03);--glow-accent: rgba(108, 92, 231, .35);--glow-accent-soft: rgba(108, 92, 231, .15);--glow-success: rgba(0, 184, 148, .25);--glow-success-soft: rgba(0, 184, 148, .12);--gradient-accent: linear-gradient(135deg, #6C5CE7, #8B7CF6);--gradient-accent-subtle: linear-gradient(135deg, rgba(108,92,231,.2), rgba(139,124,246,.1));--gradient-success: linear-gradient(135deg, #00B894, #55EFC4);--gradient-success-subtle: linear-gradient(135deg, rgba(0,184,148,.2), rgba(85,239,196,.1))}.glass-card{background:var(--bg-card);border:.5px solid var(--border-light);border-radius:16px;box-shadow:0 4px 24px #0003}.glass-card-elevated{background:var(--glass-bg-solid);backdrop-filter:blur(24px) saturate(1.6);-webkit-backdrop-filter:blur(24px) saturate(1.6);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 8px 40px #0006,0 2px 6px #0003,inset 0 1px #ffffff0d}.glass-nav{background:#0a0a0fcc;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-top:1px solid var(--glass-border);box-shadow:0 -4px 30px #0000004d}.glow-accent{box-shadow:0 0 20px var(--glow-accent-soft),0 0 60px #6366f114}.glow-success{box-shadow:0 0 20px var(--glow-success-soft),0 0 60px #10b98114}.glow-ring{filter:drop-shadow(0 0 12px var(--glow-success))}.glow-border-success{border-color:#10b9814d!important;box-shadow:0 0 0 1px #10b9811f,0 0 20px var(--glow-success-soft)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-success{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-gradient{background:var(--gradient-accent);border:none;box-shadow:0 4px 16px var(--glow-accent-soft);transition:transform .15s ease,box-shadow .15s ease}.btn-gradient:active{transform:scale(.96);box-shadow:0 2px 8px var(--glow-accent-soft)}.btn-press{transition:transform .1s ease}.btn-press:active{transform:scale(.96)}.card-hover{transition:transform .2s ease,box-shadow .2s ease}.card-hover:hover{transform:translateY(-1px);box-shadow:0 8px 32px #0000004d,0 0 20px var(--glow-accent-soft)}.card-hover:active{transform:translateY(0)}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-bg:before{content:"";position:absolute;top:-20%;left:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(108,92,231,.06) 0%,transparent 70%);animation:ambientFloat 20s ease-in-out infinite}.ambient-bg:after{content:"";position:absolute;bottom:-10%;right:-15%;width:50%;height:50%;background:radial-gradient(circle,rgba(0,184,148,.04) 0%,transparent 70%);animation:ambientFloat 25s ease-in-out infinite reverse}.shimmer-bg{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.03) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s ease-in-out infinite}.nav-indicator{position:relative}.nav-indicator:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:16px;height:2px;border-radius:1px;background:var(--gradient-accent);box-shadow:0 0 8px var(--glow-accent)}@keyframes glowPulse{0%,to{box-shadow:0 0 20px var(--glow-accent-soft)}50%{box-shadow:0 0 30px var(--glow-accent)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ambientFloat{0%,to{transform:translate(0)}33%{transform:translate(3%,2%)}66%{transform:translate(-2%,3%)}}.animate-scale-in{animation:scaleIn .3s ease forwards}