:root{--bg-primary: #070a12;--bg-secondary: #0f172a;--bg-card: rgba(30, 41, 59, .65);--bg-card-hover: rgba(51, 65, 85, .75);--border-color: rgba(255, 255, 255, .08);--border-glow: rgba(16, 185, 129, .35);--accent-emerald: #10b981;--accent-emerald-dark: #059669;--accent-cyan: #06b6d4;--accent-amber: #f59e0b;--accent-rose: #f43f5e;--accent-purple: #8b5cf6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--shadow-card: 0 12px 30px -5px rgba(0, 0, 0, .5), 0 4px 12px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 25px rgba(16, 185, 129, .3);--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);overflow-x:hidden;line-height:1.45;background-image:radial-gradient(at 10% 0%,rgba(16,185,129,.12) 0px,transparent 50%),radial-gradient(at 90% 100%,rgba(6,182,212,.1) 0px,transparent 50%);background-attachment:fixed}#root{display:flex;flex-direction:column;min-height:100vh;max-width:540px;margin:0 auto;position:relative;padding-bottom:calc(90px + var(--safe-area-bottom))}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);transition:transform .2s ease,border-color .2s ease}.glass-card:active{transform:scale(.995)}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.025em;font-weight:700}.gradient-text{background:linear-gradient(135deg,#34d399,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);padding:16px 20px;min-height:52px;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 4px 20px #10b98159;transition:all .15s ease;width:100%}.btn-primary:active{transform:scale(.97);box-shadow:0 2px 10px #10b98133}.btn-hero{background:linear-gradient(135deg,#10b981,#0d9488,#0284c7);color:#fff;padding:18px 24px;min-height:58px;font-size:1.25rem;border-radius:var(--radius-lg);box-shadow:0 8px 30px #10b98173}.btn-secondary{background:#ffffff0f;border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);padding:12px 16px;min-height:44px;font-weight:600;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s ease}.btn-secondary:active{background:#ffffff1f}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);font-size:.78rem;font-weight:600;background:#ffffff14;border:1px solid var(--border-color);white-space:nowrap}.chip-emerald{background:#10b98126;color:#34d399;border-color:#10b98159}.chip-amber{background:#f59e0b26;color:#fbbf24;border-color:#f59e0b59}.chip-rose{background:#f43f5e26;color:#fb7185;border-color:#f43f5e59}.input-field{width:100%;background:#0f172ab3;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;min-height:48px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s ease}.input-field:focus{border-color:var(--accent-emerald);box-shadow:0 0 0 3px #10b98140}.navbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;background:#0b0f19eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + var(--safe-area-bottom)) 8px;z-index:900}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);font-size:.72rem;font-weight:600;background:none;border:none;padding:6px 0;cursor:pointer;transition:color .15s ease}.nav-item.active{color:var(--accent-emerald)}.nav-item.active svg{transform:translateY(-2px);filter:drop-shadow(0 2px 8px rgba(16,185,129,.6))}.custom-checkbox{width:22px;height:22px;min-width:22px;border-radius:6px;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.custom-checkbox.checked{background:var(--accent-emerald);border-color:var(--accent-emerald);color:#fff}.progress-bar{width:100%;height:10px;background:#ffffff14;border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:var(--radius-full);transition:width .4s ease}.macro-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}@media (max-width: 380px){.macro-grid{grid-template-columns:repeat(2,1fr);gap:8px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0f172a66;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#10b98159;border-radius:var(--radius-full);transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#10b981a6}*{scrollbar-width:thin;scrollbar-color:rgba(16,185,129,.35) rgba(15,23,42,.4)}