:root{--bg:#f7f8fa;--surface:#fff;--text:#1a1d23;--text-muted:#6b7280;--border:#e5e7eb;--primary:#16a34a;--primary-dark:#15803d;--danger:#dc2626;--warning:#d97706;--ok-bg:#dcfce7;--ok-fg:#166534;--under-bg:#fef3c7;--under-fg:#92400e;--over-bg:#fee2e2;--over-fg:#991b1b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font:16px/1.45 system-ui,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b1120;--surface:#131a2a;--text:#e5e7eb;--text-muted:#9ca3af;--border:#26304a;--ok-bg:#14331f;--ok-fg:#4ade80;--under-bg:#3a2e0f;--under-fg:#fbbf24;--over-bg:#3a1414;--over-fg:#f87171}}*{box-sizing:border-box}body{margin:0}#root{min-height:100dvh}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:10;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.9rem 1rem;font-weight:600;display:flex;position:sticky;top:0}.app-main{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1rem 1rem 5rem}.page-loading,.page-error{text-align:center;color:var(--text-muted);padding:2rem}.page-error{color:var(--danger)}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);z-index:10;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__tab{color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:.6rem 0;font-size:.75rem;display:flex}.bottom-nav__tab--active{color:var(--primary)}.bottom-nav__icon{font-size:1.3rem}.offline-banner{background:var(--warning);color:#fff;text-align:center;padding:.5rem;font-size:.85rem}.btn-primary{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:1rem;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-secondary{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;padding:.6rem 1rem}.btn-link{color:var(--text-muted);background:0 0;border:none;text-decoration:underline}.form-error{color:var(--danger);font-size:.9rem}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:1rem;display:flex}.login-form{flex-direction:column;gap:.9rem;width:100%;max-width:320px;display:flex}.login-form label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.login-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.6rem;font-size:1rem}.today-summary{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.7rem;margin-bottom:1rem;padding:1rem;display:flex}.macro-bar__labels{justify-content:space-between;margin-bottom:.25rem;font-size:.85rem;display:flex}.macro-bar__track{background:var(--border);border-radius:4px;height:8px;overflow:hidden}.macro-bar__fill{background:var(--primary);border-radius:4px;height:100%}.macro-bar--under .macro-bar__fill{background:var(--warning)}.macro-bar--over .macro-bar__fill{background:var(--danger)}.target-warnings{background:var(--under-bg);color:var(--under-fg);border-radius:8px;margin:.5rem 0 0;padding:.6rem .9rem .6rem 1.5rem;font-size:.85rem;list-style:outside}.water-widget{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem;display:flex}.water-widget__buttons{gap:.5rem;display:flex}.water-widget__buttons button{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;padding:.3rem .6rem}.slot-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:.9rem;padding:1rem}.slot-card__header{justify-content:space-between;align-items:baseline;margin-bottom:.6rem;display:flex}.slot-card__header h3{margin:0;font-size:1rem}.slot-card__time{color:var(--text-muted);margin-left:.4rem;font-size:.8rem}.slot-card__kcal{color:var(--primary);font-weight:600}.slot-card__items{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.slot-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.5rem;display:flex}.slot-item:last-child{border-bottom:none;padding-bottom:0}.slot-item__info{flex-direction:column;font-size:.85rem;display:flex}.slot-item__name{font-weight:600}.slot-item__qty{color:var(--text-muted)}.slot-item__macros{color:var(--text-muted);font-size:.78rem}.slot-item__actions{flex-shrink:0;gap:.3rem;display:flex}.slot-item__actions button{background:0 0;border:none;padding:.2rem;font-size:1rem}.slot-card__add{border:1px dashed var(--border);width:100%;color:var(--text-muted);background:0 0;border-radius:8px;margin-top:.7rem;padding:.5rem}.modal-overlay{z-index:20;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-height:85vh;padding:1rem;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.modal__header h3{margin:0}.modal__header button{background:0 0;border:none;font-size:1.2rem}.modal__actions{justify-content:space-between;gap:.6rem;margin-top:.8rem;display:flex}.item-form{flex-direction:column;gap:.8rem;display:flex}.item-form label{color:var(--text-muted);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.item-form input,.item-form select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.55rem;font-size:1rem}.item-form__grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.item-form__hint{color:var(--text-muted);margin:0;font-size:.85rem}.item-form--new-food{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}.substitute-list{flex-direction:column;gap:.6rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.substitute-item{border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .8rem;font-size:.85rem;display:flex}.callout{background:var(--ok-bg);color:var(--ok-fg);border-radius:10px;margin:1rem 0;padding:.8rem 1rem;font-size:.9rem}.callout--warning{background:var(--under-bg);color:var(--under-fg)}.log-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.log-list li{background:var(--surface);border:1px solid var(--border);border-radius:8px;gap:.8rem;padding:.6rem .9rem;font-size:.85rem;display:flex}.log-list--inbody li{flex-direction:column;gap:.2rem}.log-list__note{color:var(--text-muted)}