:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0a;--surface: #141414;--surface-hover: #1a1a1a;--border: rgba(255, 255, 255, .08);--text: #fafafa;--text-secondary: rgba(255, 255, 255, .5);--accent: #3b82f6;--accent-dim: rgba(59, 130, 246, .15);--green: #22c55e;--green-dim: rgba(34, 197, 94, .15);--orange: #f59e0b;--orange-dim: rgba(245, 158, 11, .15);--red: #ef4444;--red-dim: rgba(239, 68, 68, .15)}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}body{padding:0 1rem 3rem}.app{max-width:640px;margin:0 auto;padding-top:1.5rem}.header{margin-bottom:1.75rem}.header h1{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.header p{color:var(--text-secondary);font-size:.85rem;margin-top:.15rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.card-title{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1rem}.progress-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-item label{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.4rem}.progress-item label span:last-child{color:var(--text-secondary)}.progress-bar{height:6px;background:#ffffff0f;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.progress-bar-fill.cal{background:var(--accent)}.progress-bar-fill.protein{background:var(--green)}.progress-bar-fill.over{background:var(--red)}.meal-section{margin-bottom:.25rem}.meal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.meal-header h3{font-size:.95rem;font-weight:600}.meal-totals{font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.food-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-top:1px solid var(--border)}.food-item:first-of-type{border-top:none}.food-info{flex:1;min-width:0}.food-name{font-size:.9rem;font-weight:500}.food-amount{font-size:.75rem;color:var(--text-secondary);margin-top:.1rem}.food-macros{display:flex;gap:1rem;align-items:center;font-size:.8rem;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:1rem}.food-macros .cal-val{color:var(--accent)}.food-macros .pro-val{color:var(--green)}.food-actions{display:flex;gap:.25rem;margin-left:.5rem;opacity:0;transition:opacity .15s}.food-item:hover .food-actions{opacity:1}.food-actions button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;border-radius:.25rem;font-size:.75rem;line-height:1}.food-actions button:hover{background:#ffffff0f;color:var(--text)}.food-actions button.delete:hover{color:var(--red)}.empty-meal{color:var(--text-secondary);font-size:.8rem;padding:.5rem 0;font-style:italic}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;margin-bottom:1rem}.form-card .card-title{margin-bottom:.75rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.form-row.three{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.25rem}.form-group label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group select{background:#ffffff0a;border:1px solid var(--border);border-radius:.5rem;padding:.55rem .75rem;color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group input::placeholder{color:#fff3}.form-group select option{background:var(--surface)}.btn-row{display:flex;gap:.5rem;margin-top:.75rem}.btn{padding:.55rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:#ffffff0a;color:var(--text);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .15s}.btn:hover{background:#ffffff14}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:500}.btn.primary:hover{background:#2563eb}.btn.small{padding:.35rem .65rem;font-size:.75rem}.add-custom-btn{background:none;border:1px dashed var(--border);color:var(--text-secondary);padding:.5rem;border-radius:.5rem;cursor:pointer;font-size:.8rem;font-family:inherit;width:100%;transition:all .15s;margin-top:.5rem}.add-custom-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.quick-adds{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.quick-add{background:#ffffff0a;border:1px solid var(--border);border-radius:2rem;padding:.3rem .7rem;font-size:.75rem;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.quick-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.meal-divider{border:none;border-top:1px solid var(--border);margin:1rem 0}@media(max-width:480px){.form-row.three{grid-template-columns:1fr 1fr}.progress-grid{grid-template-columns:1fr}}