:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background-color:#0f172a;color:#e2e8f0}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(circle at top,#1e293b,#0f172a 45%,#020617);color:#e2e8f0}button,input,textarea{font:inherit}button{border:none;border-radius:.5rem;background:#2563eb;color:#fff;padding:.9rem 1.2rem}button.ghost-button{background:transparent;color:#94a3b8;border:1px solid #334155}a{color:inherit;text-decoration:none}.app-container{max-width:960px;margin:0 auto;padding:1.5rem}.app-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid #334155}.app-nav{display:flex;gap:1rem;flex-wrap:wrap}.page-content{margin-top:1.5rem;padding:1.25rem;background:#0f172ad9;border:1px solid #334155;border-radius:1rem}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.food-form{display:grid;gap:1rem;margin-bottom:1.5rem}.form-row{display:grid;gap:.5rem}.form-row input,.form-row textarea{width:100%;padding:.9rem 1rem;border-radius:.75rem;border:1px solid #334155;background:#020617;color:#e2e8f0}.entry-list ul{list-style:none;padding:0;margin:0}.entry-card{display:flex;justify-content:space-between;gap:1rem;padding:1rem;border-radius:.95rem;border:1px solid #334155;background:#0f172a;margin-bottom:.75rem}.entry-card small{color:#94a3b8}.error{color:#fca5a5;font-size:.9rem}.meals-table-wrapper{overflow-x:auto}.meals-table{width:100%;border-collapse:collapse;min-width:600px}.meals-table th,.meals-table td{padding:1rem;border-bottom:1px solid #334155;text-align:left}.meals-table th{color:#94a3b8;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.meal-cell{display:grid;gap:.5rem}.meal-label{display:inline-flex;align-items:center;color:#cbd5e1;font-size:.9rem;font-weight:600}.meal-photo{width:100%;max-width:240px;height:auto;border-radius:.85rem;border:1px solid #334155;object-fit:cover}.meal-empty,.meal-missing{color:#94a3b8;font-size:.95rem}.dashboard-page{display:grid;gap:1rem}.eyebrow{margin:0 0 .25rem;color:#60a5fa;font-size:.8rem;text-transform:uppercase;letter-spacing:.12em}.page-copy{color:#cbd5e1;margin:0}.pill{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:999px;background:#2563eb29;color:#bfdbfe;font-size:.9rem}.dashboard-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.card{border:1px solid #334155;border-radius:1rem;padding:1rem;background:linear-gradient(135deg,#0f172af2,#1e293bf2);box-shadow:0 15px 30px #02061738}.hero-card{display:flex;justify-content:space-between;align-items:center;grid-column:span 2}.card-label{margin:0 0 .35rem;color:#94a3b8;font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.card h3,.card h4{margin:0 0 .25rem}.progress-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#3b82f6,#3b82f6 180deg,#1e293b 180deg);color:#f8fafc;font-weight:700}.progress-ring span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#0f172a}.progress-bar{width:100%;height:.6rem;border-radius:999px;overflow:hidden;background:#1e293b;margin:.6rem 0 .35rem}.progress-bar>div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#38bdf8,#2563eb)}.dashboard-layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}.chart-bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;align-items:end;margin-top:.75rem}.chart-bar-group{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}.chart-bar-track{width:100%;min-height:140px;border-radius:999px;background:#1e293b;display:flex;align-items:end;padding:.35rem}.chart-bar-fill{width:100%;border-radius:inherit;background:linear-gradient(180deg,#38bdf8,#2563eb)}.chart-bar-group span,.chart-bar-group strong{font-size:.85rem}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}.card-header span{color:#94a3b8;font-size:.85rem}.summary-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.summary-list li{display:flex;justify-content:space-between;gap:1rem;padding:.75rem 0;border-bottom:1px solid #334155}.summary-list li:last-child{border-bottom:none;padding-bottom:0}.activity-list{display:grid;gap:.85rem}.activity-list>div{padding:.85rem 0;border-bottom:1px solid #334155}.activity-list>div:last-child{border-bottom:none;padding-bottom:0}.activity-title{font-weight:600;margin:0 0 .2rem}.activity-list small{color:#94a3b8}.tracker-toggle{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.trend-chart-card{display:grid;gap:.75rem}.trend-chart{width:100%;height:240px;border-radius:.9rem;background:linear-gradient(180deg,#0f172af2,#020617f2);border:1px solid #334155;padding:.75rem}.trend-grid{stroke:#94a3b833;stroke-width:.25}.trend-line{fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.trend-line-steps{stroke:#38bdf8}.trend-line-weight{stroke:#34d399}.trend-cheat-bar{fill:#f8717129}.trend-cheat-bar.active{fill:#f8717180}.trend-dot{fill:#f8fafc}.trend-tooltip{display:inline-flex;flex-direction:column;gap:.2rem;width:fit-content;padding:.6rem .75rem;border-radius:.7rem;background:#0f172af2;border:1px solid #334155;color:#f8fafc;font-size:.9rem}.trend-legend{display:flex;gap:1rem;flex-wrap:wrap;color:#cbd5e1;font-size:.9rem}.trend-legend span{display:inline-flex;align-items:center;gap:.45rem}.legend-dot{width:.7rem;height:.7rem;border-radius:999px;display:inline-block}.legend-dot.steps{background:#38bdf8}.legend-dot.weight{background:#34d399}.legend-dot.cheat{background:#f87171}.tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.tracker-point{display:grid;gap:.3rem;padding:.8rem;border-radius:.9rem;background:#0f172a;border:1px solid #334155}.tracker-point strong{color:#f8fafc}.tracker-point span{color:#cbd5e1;font-size:.9rem}.cheat-pill{display:inline-flex;width:fit-content;padding:.2rem .45rem;border-radius:999px;background:#f871712e;color:#fecaca;font-size:.78rem}.meal-photo{width:100%;max-width:180px;height:90px;object-fit:cover;border-radius:.7rem;margin-top:.5rem}.meal-upload-button-thumb{width:2.5rem;height:2.5rem;border-radius:.75rem;object-fit:cover;display:inline-block;border:1px solid #475569}.checkbox-row{display:flex;align-items:center;gap:.5rem}.checkbox-row input{width:auto}.tracking-page{display:grid;gap:1rem}.quick-log-box{display:grid;gap:.6rem;padding:1rem;border-radius:1rem;border:1px solid #334155;background:#0f172a}.quick-log-box span{font-weight:600;color:#f8fafc}.quick-log-row{display:flex;align-items:flex-start;gap:.75rem}.quick-log-row textarea{flex:1;min-height:96px;width:100%;padding:.85rem .95rem;border-radius:.8rem;border:1px solid #334155;background:#020617;color:#e2e8f0;resize:vertical}.quick-log-row .send-button{align-self:stretch;min-width:96px;padding-inline:1.1rem}.tab-list{display:flex;flex-wrap:wrap;gap:.5rem}.tab{padding:.65rem .95rem;border-radius:999px;background:#1e293b;color:#e2e8f0;border:1px solid #334155;cursor:pointer}.tab.active{background:#2563eb;border-color:#2563eb}.tracking-form{display:grid;gap:.85rem;padding:1rem;border-radius:1rem;background:#0f172a;border:1px solid #334155}.summary-panel{display:grid;gap:1rem}.summary-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem}.summary-toggle{display:flex;gap:.5rem;flex-wrap:wrap}.summary-table-wrapper{overflow-x:auto}.summary-table{width:100%;border-collapse:collapse}.summary-table th,.summary-table td{padding:.85rem .9rem;text-align:left;border-bottom:1px solid #334155}.summary-table th{color:#94a3b8;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.summary-table tr:nth-child(2n){background:#ffffff05}.tracking-form label{display:grid;gap:.35rem;color:#cbd5e1}.tracking-form input,.tracking-form select{width:100%;padding:.8rem .9rem;border-radius:.75rem;border:1px solid #334155;background:#020617;color:#e2e8f0}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.duplicate-entry-alert{display:grid;gap:.75rem;padding:.9rem 1rem;border-radius:.8rem;border:1px solid rgba(248,113,113,.35);background:#f871711f;color:#fecaca}.duplicate-entry-alert p{margin:0}.tracking-list{display:grid;gap:.75rem}@media(max-width:900px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{grid-column:span 2}.dashboard-layout{grid-template-columns:1fr}}@media(max-width:640px){.dashboard-grid{grid-template-columns:1fr}.hero-card{grid-column:span 1;flex-direction:column;align-items:flex-start}.chart-bars{grid-template-columns:repeat(2,minmax(0,1fr))}}