:root,body.theme-light{--bg-body: #f5f5f5;--bg-layout: #F8FAFC;--bg-card: #ffffff;--text-primary: #424242;--text-secondary: #757575;--text-tertiary: #9e9e9e;--text-title: #141414;--border-color: #eeeeee;--border-subtle: rgba(0, 0, 0, .06);--shadow-color: rgba(0, 0, 0, .12);--shadow-subtle: rgba(0, 0, 0, .05);--scrollbar-track: #f1f1f1;--scrollbar-thumb: #d1d1d1;--scrollbar-thumb-hover: #b1b1b1;--input-bg: #ffffff;--input-border: #e5e7eb;--nav-bg: rgba(255, 255, 255, .98);--nav-bg-portrait: rgba(255, 255, 255, .97);--nav-bottom-bg: rgba(249, 250, 251, .97);--nav-text-inactive: #666666;--nav-group-text: #999999;--accent-color: #43c37c;--accent-color-light: rgba(67, 195, 124, .06);--accent-border: rgba(67, 195, 124, .19);--menu-hover-bg: #f3f4f6;--menu-item-icon-bg: #f8f9fa;--menu-divider: #f0f0f0;--segment-bg: white;--segment-text: #4b5563;--bulk-action-green: #43c37c;--bulk-action-red: #ef4444;--outline-btn-bg: #f8f9fa;--outline-btn-text: #374151;--outline-btn-border: #d1d5db;--outline-btn-hover-bg: #eef0f2;--outline-btn-hover-border: #9ca3af;--pill-bg: #f3f4f6;--pill-text: #4b5563;--pill-border: transparent;--pill-hover-bg: #e5e7eb;--status-badge-border: transparent;--pill-blue-bg: rgba(59, 130, 246, .1);--pill-blue-text: #3b82f6;--pill-pink-bg: rgba(236, 72, 153, .1);--pill-pink-text: #ec4899;--pill-orange-bg: rgba(234, 88, 12, .1);--pill-orange-text: #ea580c;--pill-green-bg: rgba(16, 185, 129, .08);--pill-green-text: #10b981;--pill-red-bg: rgba(239, 68, 68, .12);--pill-red-text: #dc2626;--pill-red-border: rgba(239, 68, 68, .2);--pill-purple-bg: rgba(168, 85, 247, .1);--pill-purple-text: #a855f7;--card-header-gradient: linear-gradient(to right, #f8f9fa, #f1f3f5);--card-gradient: none;--card-border: rgba(229, 231, 235, .8);--card-border-hover: rgba(209, 213, 219, 1);--card-shadow: 0 1px 3px rgba(0, 0, 0, .05);--card-shadow-hover: 0 8px 24px rgba(0, 0, 0, .08);--bg-secondary: #f4f6f8;--card-footer-bg: #f9fafb}body.theme-dark{--bg-body: #090e1a;--bg-layout: #0f1523;--bg-card: #1c2536;--text-primary: #e8ecf2;--text-secondary: #a0aec0;--text-tertiary: #8492a6;--text-title: #f7fafc;--border-color: rgba(255, 255, 255, .08);--border-subtle: rgba(255, 255, 255, .04);--shadow-color: rgba(0, 0, 0, .6);--shadow-subtle: rgba(0, 0, 0, .3);--scrollbar-track: #1c2536;--scrollbar-thumb: #475569;--scrollbar-thumb-hover: #64748b;--input-bg: #151d2d;--input-border: rgba(255, 255, 255, .1);--nav-bg: rgba(9, 14, 26, .98);--nav-bg-portrait: rgba(9, 14, 26, .97);--nav-bottom-bg: rgba(9, 14, 26, .97);--nav-text-inactive: #a0aec0;--nav-group-text: #64748b;--accent-color: #43c37c;--accent-color-light: rgba(67, 195, 124, .08);--accent-border: rgba(67, 195, 124, .19);--menu-hover-bg: rgba(255, 255, 255, .06);--menu-item-icon-bg: rgba(255, 255, 255, .06);--menu-divider: rgba(255, 255, 255, .06);--segment-bg: #151d2d;--segment-text: #a0aec0;--bulk-action-green: #5ee89d;--bulk-action-red: #f87171;--outline-btn-bg: rgba(255, 255, 255, .06);--outline-btn-text: #e8ecf2;--outline-btn-border: rgba(255, 255, 255, .12);--outline-btn-hover-bg: rgba(255, 255, 255, .1);--outline-btn-hover-border: rgba(255, 255, 255, .22);--pill-bg: rgba(255, 255, 255, .07);--pill-text: #ffffff;--pill-border: rgba(255, 255, 255, .1);--pill-hover-bg: rgba(255, 255, 255, .12);--pill-blue-bg: rgba(96, 165, 250, .2);--pill-blue-text: #7dc3ff;--pill-pink-bg: rgba(244, 114, 182, .2);--pill-pink-text: #ff8ec5;--pill-orange-bg: rgba(251, 191, 36, .18);--pill-orange-text: #fbbf24;--pill-green-bg: rgba(52, 211, 153, .18);--pill-green-text: #4ade80;--pill-red-bg: rgba(248, 113, 113, .2);--pill-red-text: #fca5a5;--pill-red-border: rgba(248, 113, 113, .35);--pill-purple-bg: rgba(192, 132, 252, .2);--pill-purple-text: #c4b5fd;--status-badge-border: rgba(255, 255, 255, .06);--card-header-gradient: linear-gradient(to right, #1c2536, #212d40);--meal-cat-bg: #212d40;--card-gradient: linear-gradient(165deg, rgba(255, 255, 255, .03) 0%, transparent 100%);--card-border: rgba(255, 255, 255, .08);--card-border-hover: rgba(255, 255, 255, .18);--card-shadow: 0 4px 16px rgba(0, 0, 0, .4);--card-shadow-hover: 0 16px 48px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1);--bg-secondary: rgba(255, 255, 255, .04);--card-footer-bg: rgba(0, 0, 0, .2)}body.theme-pink{--bg-body: #fff0f5;--bg-layout: #fff5f8;--bg-card: #ffffff;--text-primary: #4a2040;--text-secondary: #8b5e7b;--text-tertiary: #c48daa;--text-title: #3d1a35;--border-color: #fce4ec;--border-subtle: rgba(236, 64, 122, .08);--shadow-color: rgba(236, 64, 122, .12);--shadow-subtle: rgba(236, 64, 122, .06);--scrollbar-track: #fff0f5;--scrollbar-thumb: #f8bbd0;--scrollbar-thumb-hover: #f48fb1;--input-bg: #ffffff;--input-border: #fce4ec;--nav-bg: rgba(255, 245, 248, .98);--nav-bg-portrait: rgba(255, 245, 248, .97);--nav-bottom-bg: rgba(255, 240, 245, .97);--nav-text-inactive: #8b5e7b;--nav-group-text: #c48daa;--accent-color: #ec407a;--accent-color-light: rgba(236, 64, 122, .06);--accent-border: rgba(236, 64, 122, .19);--menu-hover-bg: #fff0f5;--menu-item-icon-bg: #fff5f8;--menu-divider: #fce4ec;--segment-bg: white;--segment-text: #8b5e7b;--outline-btn-bg: #fff5f8;--outline-btn-text: #4a2040;--outline-btn-border: #f8bbd0;--outline-btn-hover-bg: #fce4ec;--outline-btn-hover-border: #f48fb1;--card-gradient: none;--card-border: #fce4ec;--card-border-hover: #f8bbd0;--card-shadow: 0 1px 3px rgba(236, 64, 122, .06);--card-shadow-hover: 0 8px 24px rgba(236, 64, 122, .1);--bg-secondary: #fff0f3;--card-footer-bg: #fff5f8}body{margin:0;padding:0;font-family:sans-serif;background-color:var(--bg-body, #f5f5f5);color:var(--text-primary, #374151);transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track, #f1f1f1);border-radius:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb, #d1d1d1);border-radius:10px;box-shadow:inset 0 0 6px #0000001a}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover, #b1b1b1)}@supports (-webkit-hyphens: none){::-webkit-scrollbar{width:10px;height:10px;-webkit-appearance:none}::-webkit-scrollbar-thumb{border:2px solid rgba(255,255,255,.5)}}*{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, #d1d1d1) var(--scrollbar-track, #f1f1f1)}@media(prefers-overlay-scrollbars){html,body{scrollbar-gutter:stable}}#chat-view>div>div:first-child{height:90%!important}#chat-view>div>div:nth-child(2){height:10%!important}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:#0003}.scrollbar-thin-4::-webkit-scrollbar{width:4px}.scrollbar-thin-4::-webkit-scrollbar-track{background:transparent}.scrollbar-thin-4::-webkit-scrollbar-thumb{background:#0000001a;border-radius:10px}.scrollbar-hidden{scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none}.scrollbar-collection::-webkit-scrollbar{width:8px}.scrollbar-collection::-webkit-scrollbar-track{background:#f5f5f5}.scrollbar-collection::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:4px}.scrollbar-dropdown::-webkit-scrollbar{width:6px}.scrollbar-dropdown::-webkit-scrollbar-track{background:transparent}.scrollbar-dropdown::-webkit-scrollbar-thumb{background:#eee;border-radius:3px}.scrollbar-horizontal-only{scrollbar-width:none}.scrollbar-horizontal-only::-webkit-scrollbar{height:6px;width:0;background-color:#0000000d;border-radius:3px}.scrollbar-horizontal-only::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.scrollbar-horizontal-only::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.scrollbar-horizontal-only::-webkit-scrollbar-vertical{display:none}@keyframes jiggle{0%{transform:translate(0)}25%{transform:translate(-5px) rotate(-2deg)}50%{transform:translate(5px) rotate(2deg)}75%{transform:translate(-3px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}