:root{--color-primary:#16a34a;--color-primary-hover:#15803d;--color-primary-soft:#dcfce7;--color-primary-contrast:#fff;--color-accent:#f97316;--color-accent-soft:#ffedd5;--color-protein:#3b82f6;--color-protein-soft:#dbeafe;--color-fat:#a855f7;--color-fat-soft:#f3e8ff;--color-water:#06b6d4;--color-water-soft:#cffafe;--gradient-brand:linear-gradient(135deg, #16a34a, #22c55e 55%, #f97316);--gradient-hero-soft:linear-gradient(160deg, #ecfdf5 0%, #fff7ed 100%);--color-bg:#f6f8f6;--color-surface:#fff;--color-text:#14181f;--color-text-muted:#667085;--color-border:#e4e7ec;--color-danger:#dc2626;--color-danger-bg:#fee2e2;--color-info:#0369a1;--color-info-bg:#e0f2fe;--color-track:#eef1ee;--radius:12px;--radius-lg:18px;--shadow:0 1px 2px #0f172a0a, 0 12px 24px #16a34a1a;--font:system-ui, "Segoe UI", Roboto, sans-serif;font:16px/1.5 var(--font);color:var(--color-text);background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#4ade80;--color-primary-hover:#22c55e;--color-primary-soft:#4ade8029;--color-primary-contrast:#052e16;--color-accent:#fb923c;--color-accent-soft:#fb923c29;--color-protein:#60a5fa;--color-protein-soft:#60a5fa29;--color-fat:#c084fc;--color-fat-soft:#c084fc29;--color-water:#22d3ee;--color-water-soft:#22d3ee29;--gradient-hero-soft:linear-gradient(160deg, #06231a 0%, #241206 100%);--color-bg:#0d1310;--color-surface:#161d19;--color-text:#edf2ee;--color-text-muted:#9aa79e;--color-border:#29332c;--color-danger:#f87171;--color-danger-bg:#3a1a1a;--color-info:#38bdf8;--color-info-bg:#12293a;--color-track:#232b26;--shadow:0 1px 2px #0006, 0 12px 24px #4ade8029}*{box-sizing:border-box;text-decoration:none}body{margin:0}#root{min-height:100svh}h1{color:var(--color-text);margin:0 0 1.25rem;font-size:1.6rem;font-weight:800}h2{color:var(--color-text);margin:0 0 .75rem;font-size:1.05rem;font-weight:700}p{margin:0 0 .75rem}a{color:var(--color-primary)}.brand-mark{background:var(--gradient-brand);border-radius:8px;flex-shrink:0;width:1.6rem;height:1.6rem;display:inline-block}.brand-wordmark{letter-spacing:-.01em;color:var(--color-text);align-items:center;gap:.55rem;font-size:1.15rem;font-weight:800;display:inline-flex}.page{background:var(--color-bg);justify-content:center;align-items:center;min-height:100svh;padding:2.5rem 1rem;display:flex}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow);padding:1.75rem}.card--wide{max-width:560px}.section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.5rem}.auth-shell{background:var(--color-bg);grid-template-columns:1fr;min-height:100svh;display:grid;position:relative}.auth-brand{display:none}.auth-form-side{justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex;position:relative}@media (width>=1024px){.auth-shell{grid-template-columns:minmax(0,5fr) minmax(0,4fr)}.auth-brand{background:var(--gradient-hero-soft);flex-direction:column;justify-content:center;gap:1rem;padding:4rem;display:flex;position:relative;overflow:hidden}.auth-brand-tagline{max-width:22rem;color:var(--color-text);font-size:1.9rem;font-weight:800;line-height:1.25}.auth-brand-subtext{color:var(--color-text-muted);max-width:22rem;font-size:1rem}}.auth-theme-toggle{position:absolute;top:1.25rem;right:1.25rem}.card form,.section-card form{flex-direction:column;display:flex}.card form label,.section-card form label{color:var(--color-text-muted);margin-top:.85rem;font-size:.85rem;font-weight:600}.card form label:first-of-type,.section-card form label:first-of-type{margin-top:0}.card form input,.card form select,.section-card form input,.section-card form select{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:10px;margin-top:.3rem;padding:.6rem .7rem}.form-field select{font:inherit;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);border-radius:10px;padding:.6rem .7rem}.card form select,.form-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23667085' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem;transition:border-color .15s}.card form select:hover,.form-field select:hover{border-color:var(--color-primary)}.card form input:focus,.card form select:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}.form-section{flex-direction:column;display:flex}.form-section[hidden]{display:none}.button{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;padding:.65rem 1.15rem;font-weight:700;transition:background-color .15s,border-color .15s,transform .15s}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 8px 20px -8px color-mix(in srgb, var(--color-primary) 65%, transparent);margin-top:1.25rem}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-primary:active:not(:disabled){transform:translateY(1px)}.button-secondary{border-color:var(--color-border);color:var(--color-text);background:0 0;margin-top:1rem}.button-secondary:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-hover)}.alert{background:var(--color-danger-bg);color:var(--color-danger);border-radius:10px;margin-top:1rem;padding:.6rem .75rem;font-size:.9rem}.notice{background:var(--color-info-bg);color:var(--color-info);border-radius:10px;margin-top:1rem;padding:.6rem .75rem;font-size:.9rem}.footnote{text-align:center;color:var(--color-text-muted);margin-top:1.25rem;margin-bottom:0;font-size:.9rem}.loading{min-height:100svh;color:var(--color-text-muted);background:var(--color-bg);justify-content:center;align-items:center;margin:0;display:flex}.date-nav{justify-content:center;align-items:center;gap:.75rem;margin:1rem 0 .5rem;display:flex}.date-nav .button{align-items:center;margin-top:0;padding:.45rem .75rem;display:inline-flex}.date-nav-current{flex-direction:column;align-items:center;gap:.3rem;min-width:9rem;display:flex}.date-input{font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:.35rem .5rem;font-size:.85rem}.app-shell{background:var(--color-bg);min-height:100svh;display:flex}.app-sidebar{display:none}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:5;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex;position:sticky;top:0}.app-content{flex:1;min-width:0;padding:1.25rem 1rem 5.5rem}.page-container{flex-direction:column;gap:1.5rem;max-width:1080px;margin:0 auto;display:flex}.app-bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.app-bottom-nav-link{color:var(--color-text-muted);border-radius:8px;flex-direction:column;align-items:center;gap:.15rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:flex}.app-bottom-nav-link-active{color:var(--color-primary)}@media (width>=1024px){.app-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100svh;padding:1.5rem 1rem;display:flex;position:sticky;top:0}.app-sidebar-brand{margin-bottom:2rem;padding:0 .5rem}.app-nav{flex-direction:column;flex:1;gap:.2rem;display:flex}.app-sidebar-footer{border-top:1px solid var(--color-border);flex-direction:column;gap:.2rem;margin-top:1rem;padding-top:1rem;display:flex}.app-topbar,.app-bottom-nav{display:none}.app-content{padding:2.5rem 3rem}}.app-nav-link{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.65rem .75rem;font-family:inherit;font-size:.92rem;font-weight:700;display:flex}.app-nav-link:hover{background:var(--color-bg);color:var(--color-text)}.app-nav-link-active{background:var(--color-primary-soft);color:var(--color-primary-hover)}:root[data-theme=dark] .app-nav-link-active{color:var(--color-primary)}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.top-bar-actions{align-items:center;gap:.5rem;display:flex}.top-bar-actions .button{margin-top:0}.back-link{color:var(--color-text-muted);align-items:center;gap:.3rem;width:fit-content;font-size:.85rem;font-weight:700;text-decoration:none;display:flex}.form-field{flex-direction:column;margin-top:1rem;display:flex}.form-field label{color:var(--color-text-muted);margin-bottom:.3rem;font-size:.85rem;font-weight:600}.back-link:hover{color:var(--color-primary)}.top-bar h1{margin:0}.goal-grid{grid-template-columns:repeat(2,1fr);gap:.9rem;display:grid}.goal-stat{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.goal-stat-icon{background:var(--stat-color-soft);width:2.25rem;height:2.25rem;color:var(--stat-color);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.goal-stat--calories{--stat-color:var(--color-accent);--stat-color-soft:var(--color-accent-soft)}.goal-stat--protein{--stat-color:var(--color-protein);--stat-color-soft:var(--color-protein-soft)}.goal-stat--carb{--stat-color:var(--color-primary);--stat-color-soft:var(--color-primary-soft)}.goal-stat--fat{--stat-color:var(--color-fat);--stat-color-soft:var(--color-fat-soft)}.goal-stat--water{--stat-color:var(--color-water);--stat-color-soft:var(--color-water-soft)}.goal-stat strong{color:var(--color-text);font-size:1.15rem;display:block}.goal-stat span{color:var(--color-text-muted);font-size:.8rem}.progress-bar{background:var(--color-track);border-radius:999px;height:6px;margin-top:.2rem;overflow:hidden}.progress-fill{background:var(--stat-color,var(--color-primary));border-radius:999px;height:100%}.tab-bar{border-bottom:1px solid var(--color-border);gap:.5rem;display:flex}.tab{font:inherit;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:.4rem;padding:.5rem .1rem;font-weight:700;display:inline-flex}.tab-active{color:var(--color-primary);border-bottom:3px solid var(--color-primary)}.result-list{flex-direction:column;gap:.4rem;margin:.75rem 0;padding:0;list-style:none;display:flex}.result-item{text-align:left;width:100%;font:inherit;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;padding:.55rem .7rem}.result-item:hover{border-color:var(--color-primary)}.inline-form{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;margin-top:.75rem;padding:.75rem}.checkbox-label{color:var(--color-text);align-items:center;gap:.5rem;margin-top:.85rem;font-size:.9rem;font-weight:400;display:flex}.checkbox-label input{width:auto;margin:0}.entry-list{flex-direction:column;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.entry-item{border:1px solid var(--color-border);background:var(--color-bg);border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.entry-item strong{display:block}.entry-meta{color:var(--color-text-muted);font-size:.8rem}@media (width>=640px){.page{padding:3rem 2rem}.card{max-width:460px;padding:2rem}.card--wide{max-width:660px}}@media (width>=1024px){.goal-grid{grid-template-columns:repeat(4,1fr)}.result-list{max-height:22rem;overflow-y:auto}}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;font:inherit;align-items:center;gap:.6rem;font-size:.85rem;font-weight:700;display:inline-flex}.theme-toggle-floating{width:2.5rem;height:2.5rem;box-shadow:var(--shadow);border-radius:999px;justify-content:center;padding:0}.theme-toggle-inline{width:100%;color:var(--color-text-muted);border:none;border-radius:10px;padding:.6rem .75rem}.theme-toggle-inline:hover{background:var(--color-bg);color:var(--color-text)}.theme-toggle:hover{border-color:var(--color-primary)}.chart-wrapper{margin-top:.5rem;position:relative}.chart-svg{width:100%;height:auto;display:block;overflow:visible}.chart-gridline{stroke:var(--color-border);stroke-width:1px}.chart-axis-label{fill:var(--color-text-muted);font-size:10px}.chart-area{fill:var(--color-primary);opacity:.1;stroke:none}.chart-line{fill:none;stroke:var(--color-primary);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart-line--protein{stroke:var(--color-protein)}.chart-line--carb{stroke:var(--color-primary)}.chart-line--fat{stroke:var(--color-fat)}.chart-legend{color:var(--color-text-muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.5rem;font-size:.8rem;display:flex}.chart-legend-item{align-items:center;gap:.4rem;display:inline-flex}.chart-legend-item:before{content:"";background:var(--legend-color);border-radius:999px;width:.6rem;height:.6rem;display:inline-block}.chart-legend-item--protein{--legend-color:var(--color-protein)}.chart-legend-item--carb{--legend-color:var(--color-primary)}.chart-legend-item--fat{--legend-color:var(--color-fat)}.chart-dot{fill:var(--color-primary);stroke:var(--color-surface);stroke-width:2px}.chart-hit-area{fill:#0000;cursor:pointer}.chart-hit-area:focus-visible,.chart-bar:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chart-bar{fill:var(--color-accent);cursor:pointer;transition:filter .15s}.chart-bar:hover,.chart-bar--active{filter:brightness(1.12)}.chart-target-line{stroke:var(--color-text-muted);stroke-width:1.5px;stroke-dasharray:4 4}.chart-tooltip{background:var(--color-text);color:var(--color-surface);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow);z-index:1;border-radius:8px;flex-direction:column;align-items:center;gap:.1rem;padding:.4rem .6rem;font-size:.8rem;display:flex;position:absolute;top:-.25rem;transform:translate(-50%,-100%)}.chart-tooltip strong{font-size:.85rem}.chart-tooltip span{opacity:.8;font-size:.7rem}.chart-table-toggle{color:var(--color-text-muted);margin-top:.5rem;font-size:.85rem}.chart-table-toggle summary{cursor:pointer}.chart-table{border-collapse:collapse;width:100%;margin-top:.5rem;font-size:.85rem}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:.35rem .5rem}