:root{--green: #1D9E75;--green-light: #E1F5EE;--green-dark: #0F6E56;--purple: #534AB7;--amber: #BA7517;--coral: #D85A30;--blue: #378ADD;--macro-kcal: #534AB7;--macro-protein: #1D9E75;--macro-carbs: #BA7517;--macro-fat: #D4537E;--macro-fiber: #27500A;--tag-protein-bg: #CECBF6;--tag-protein-text: #26215C;--tag-carbs-bg: #FAC775;--tag-carbs-text: #412402;--tag-fat-bg: #9FE1CB;--tag-fat-text: #04342C;--tag-fiber-bg: #C0DD97;--tag-fiber-text: #173404;--water-fill: #85B7EB;--water-bg: #dbeeff;--water-btn-bg: #e8f4fd;--water-btn-border: #c8e6f9;--water-text: #2980b9;--surface: #ffffff;--surface-soft: #f5f5f3;--page-bg: #fbfbfa;--text: #1a1a18;--text-soft: #888;--text-faint: #aaa;--border: #c4c4ba;--border-soft: #d2d2cb;--border-faint: #e0e0db;--success: #1D9E75;--success-bg: #E1F5EE;--warning: #E8943A;--warning-bg: #FAEEDA;--danger: #D85A30;--danger-bg: #FAECE7;--radius: 10px;--radius-lg: 14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--macro-kcal: #7B72D4;--macro-protein: #2DBF8C;--macro-carbs: #D4922A;--macro-fat: #E8709A;--macro-fiber: #5AAA2A;--tag-protein-bg: #2D2A5A;--tag-protein-text: #B8B4F0;--tag-carbs-bg: #4A2E00;--tag-carbs-text: #F5C870;--tag-fat-bg: #0A2E24;--tag-fat-text: #7FD4B8;--tag-fiber-bg: #1A2E08;--tag-fiber-text: #A8CC74;--water-fill: #5A8FCC;--water-bg: #1A2E40;--water-btn-bg: #1E3448;--water-btn-border: #2A4A64;--water-text: #7BB8E8;--surface: #252525;--surface-soft: #2E2E32;--page-bg: #1A1A1C;--text: #F2F2F0;--text-soft: #8E8E93;--text-faint: #636366;--border: #404040;--border-soft: #333336;--border-faint: #2A2A2D;--success: #2DBF8C;--success-bg: #0D2E22;--warning: #E8943A;--warning-bg: #2E1E08;--danger: #E06040;--danger-bg: #2E1008;--green: #2DBF8C;--green-light: #0D2E22;--green-dark: #1D9E75}input,select,textarea{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important;color-scheme:dark}input::placeholder,textarea::placeholder{color:var(--text-faint)!important}select option{background:var(--surface);color:var(--text)}}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--page-bg);color:var(--text);min-height:100dvh}#root{max-width:480px;margin:0 auto;min-height:100dvh;background:var(--page-bg);display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}.btn-primary{background:var(--green);color:#fff;border:none;border-radius:var(--radius);padding:10px 18px;font-size:14px;font-weight:500}.btn-primary:hover{background:var(--green-dark)}.btn-ghost{background:none;border:1px solid var(--border);border-radius:var(--radius);padding:8px 14px;font-size:14px;color:var(--text)}.btn-ghost:hover{background:var(--surface-soft)}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:16px}.badge-pro{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:10px;font-weight:600;padding:2px 7px;border-radius:99px;letter-spacing:.5px}