:root{--font-sans: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--brand-orange: #f6a623;--brand-orange-dark: #d98a0e;--brand-brown: #5a3a22;--protein-color: #ef6c8e;--carbs-color: #4fb0ce;--fat-color: #f6c343;--veggie-color: #5cb85c}[data-theme=light]{--bg-app: #f7f5f2;--bg-surface: #ffffff;--bg-surface-alt: #f1eee8;--bg-elevated: #ffffff;--border-color: #e4e0d8;--text-primary: #2b2420;--text-secondary: #6b6258;--text-muted: #9a9185;--accent: var(--brand-orange);--accent-contrast: #2b2420;--accent-hover: var(--brand-orange-dark);--danger: #d9534f;--success: #4caf7d;--overlay: rgba(43, 36, 32, .45)}[data-theme=dark]{--bg-app: #1c1a18;--bg-surface: #27241f;--bg-surface-alt: #322d26;--bg-elevated: #322d26;--border-color: #433c33;--text-primary: #f3ede4;--text-secondary: #c7bdae;--text-muted: #8c8276;--accent: var(--brand-orange);--accent-contrast: #231c13;--accent-hover: #ffb84d;--danger: #e57873;--success: #6fcf9a;--overlay: rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-fast),color var(--transition-fast)}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit}a{color:inherit}input,select,textarea{font-family:inherit;font-size:1rem;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}h1,h2,h3,h4{margin:0;font-weight:700}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:var(--space-2);font-weight:800;font-size:1.1rem;letter-spacing:.02em;white-space:nowrap}.brand img{width:32px;height:32px}.brand small{display:block;font-weight:500;font-size:.7rem;color:var(--text-secondary)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.main-nav{display:flex;gap:var(--space-2);padding:0 var(--space-5);background:var(--bg-surface);border-bottom:1px solid var(--border-color);overflow-x:auto}.main-nav a{text-decoration:none;padding:var(--space-3) var(--space-3);color:var(--text-secondary);font-weight:600;font-size:.92rem;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a.active{color:var(--accent);border-bottom-color:var(--accent)}.page-content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width: 640px){.topbar{padding:var(--space-3) var(--space-4)}.brand span.brand-full{display:none}.main-nav{padding:0 var(--space-3)}.page-content{padding:var(--space-4);gap:var(--space-4)}}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-alt);cursor:pointer;font-size:1.1rem;transition:transform var(--transition-fast),background var(--transition-fast)}.theme-toggle:hover{transform:scale(1.06)}.user-switcher{display:flex;align-items:center;gap:var(--space-2)}.user-switcher select{min-width:110px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid transparent;font-weight:600;font-size:.92rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast);white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-contrast)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--bg-surface-alt);color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-icon{width:36px;height:36px;padding:0;border-radius:999px}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm)}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3)}.card-title h2,.card-title h3{font-size:1.05rem}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.form-row{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.form-row label{font-size:.82rem;font-weight:600;color:var(--text-secondary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.empty-state{text-align:center;color:var(--text-muted);padding:var(--space-5)}.error-banner{background:color-mix(in srgb,var(--danger) 15%,transparent);color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);padding:var(--space-3);font-size:.9rem}.spinner-wrap{display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--text-muted)}.progress-bar{width:100%;height:10px;border-radius:999px;background:var(--bg-surface-alt);overflow:hidden;position:relative}.progress-bar-fill{height:100%;border-radius:999px;transition:width .3s ease}.progress-bar-fill.over{background:var(--danger)!important}.macro-stat{display:flex;flex-direction:column;gap:var(--space-1)}.macro-stat-head{display:flex;justify-content:space-between;font-size:.85rem;color:var(--text-secondary)}.macro-stat-head strong{color:var(--text-primary)}.macro-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:var(--space-1)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-3)}@media (max-width: 860px){.week-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.week-grid{grid-template-columns:1fr}}.day-card{display:flex;flex-direction:column;gap:var(--space-2);cursor:pointer;text-decoration:none;color:inherit}.day-card.is-today{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.day-card-head{display:flex;justify-content:space-between;align-items:baseline}.day-card-head .dow{font-weight:700;font-size:.95rem}.day-card-head .dom{color:var(--text-muted);font-size:.8rem}.day-card-calories{font-size:1.3rem;font-weight:800}.day-card-calories small{font-size:.75rem;font-weight:500;color:var(--text-muted)}.meal-list{display:flex;flex-direction:column;gap:var(--space-3)}.meal-card{display:flex;flex-direction:column;gap:var(--space-2)}.meal-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.meal-type-badge{display:inline-block;padding:2px var(--space-2);border-radius:999px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--bg-surface-alt);color:var(--text-secondary)}.meal-items{display:flex;flex-direction:column;gap:var(--space-1);font-size:.88rem;color:var(--text-secondary)}.meal-item-row{display:flex;justify-content:space-between;gap:var(--space-2)}.meal-item-row .veggie{color:var(--veggie-color)}.meal-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:var(--space-2);font-size:.85rem;color:var(--text-secondary)}.ingredient-row{display:grid;grid-template-columns:1.6fr .8fr .8fr .8fr .8fr auto;gap:var(--space-2);align-items:end}.ingredient-row.veggie-row{grid-template-columns:1.6fr .8fr auto}@media (max-width: 720px){.ingredient-row,.ingredient-row.veggie-row{grid-template-columns:1fr 1fr}}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2)}.chip{padding:var(--space-1) var(--space-3);border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-alt);cursor:pointer;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:var(--space-4);overflow-y:auto;z-index:50}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-5);width:min(640px,100%);margin-top:var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-4)}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal-scrollable{max-height:calc(100vh - var(--space-5) * 2);overflow:hidden}.modal-form{display:flex;flex-direction:column;gap:var(--space-4);flex:1;min-height:0}.modal-scroll-area{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:4px;min-height:0}.modal-footer{display:flex;flex-direction:column;gap:var(--space-3);border-top:1px solid var(--border-color);padding-top:var(--space-3);flex-shrink:0}.chart-card{display:flex;flex-direction:column;gap:var(--space-3)}.stat-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;padding:var(--space-2) 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}