*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--umi:#9d5fd0;--ebi:#c47f28}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f0f0f;color:#f0f0f0;min-height:100vh;padding:2rem 1rem}main{max-width:640px;margin:0 auto}.panel,main{display:flex;flex-direction:column;gap:1.25rem}.panel{background:#141414;border:1px solid #222;border-radius:16px;padding:1.25rem}header h1{font-size:1.8rem;font-weight:700}header .subtitle{color:#888;margin-top:.25rem;font-size:.9rem}.last-fed{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.meal-card{border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.25rem}.meal-card.raw{background:#1e2a1e;border:1px solid #2d4a2d}.meal-card.wet{background:#1e1e2a;border:1px solid #2d2d4a}.meal-card .label{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#888}.meal-card.raw .label{color:#6abf6a}.meal-card.wet .label{color:#6a9abf}.meal-card .time{font-size:1.5rem;font-weight:700}.meal-card .timestamp{font-size:.75rem;color:#666;margin-top:.25rem}.feeding-log h2,.weight-tracker h2{font-size:1rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.75rem;gap:.75rem}.stat{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.15rem}.stat-value{font-size:1.9rem;font-weight:800;line-height:1}.stat-value.raw-text{color:#6abf6a}.stat-value.wet-text{color:#6a9abf}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#888}.weights-body{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;align-items:start}@media (min-width:560px){.weights-body{grid-template-columns:1.5fr 1fr}.weights-body .cat-cards{grid-template-columns:1fr}}.cat-cards{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.weight-chart{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:.75rem}.chart-legend{display:flex;gap:1rem;margin-bottom:.25rem;font-size:.75rem;color:#aaa}.legend-item{display:inline-flex;align-items:center;gap:.35rem}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.chart-axis{fill:#666;font-size:9px}.chart-endlabel{fill:#ccc;font-size:10px;font-weight:600}.chart-empty{background:#1a1a1a;border:1px dashed #333;border-radius:12px;padding:1.5rem 1rem;color:#666;font-size:.85rem;text-align:center}.cat-card{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.cat-card.umi{border-top:3px solid var(--umi)}.cat-card.ebi{border-top:3px solid var(--ebi)}.cat-head{background:none;border:none;color:inherit;cursor:pointer;padding:0;display:flex;align-items:baseline;justify-content:space-between;text-align:left}.cat-name{font-size:.95rem;font-weight:700}.cat-weight{font-size:1.5rem;font-weight:800}.cat-weight .unit{font-size:.8rem;font-weight:600;color:#888;margin-left:2px}.cat-weight.muted{color:#555}.cat-trend{display:flex;align-items:baseline;gap:.4rem;font-size:.8rem;flex-wrap:wrap}.cat-trend .pct{font-weight:700}.cat-trend.up{color:#e0704f}.cat-trend.down{color:#6abf6a}.cat-trend.flat{color:#888}.cat-trend .arrow{font-size:.7rem}.cat-trend .trend-note{color:#777;font-size:.72rem}.history-toggle{background:none;border:none;color:#7a9bc0;font-size:.75rem;cursor:pointer;padding:0;text-align:left}.weight-history{list-style:none;display:flex;flex-direction:column;gap:.3rem;margin-top:.25rem}.weight-history li{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#bbb;border-top:1px solid #222;padding-top:.3rem}.wh-date{color:#777;min-width:3.2rem}.wh-kg{font-weight:600}.wh-delta{margin-left:auto;font-size:.72rem}.wh-delta.up{color:#e0704f}.wh-delta.down{color:#6abf6a}.weight-sync{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sync-btn{background:#23303f;border:1px solid #35506a;color:#9fc4e0;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.85rem}.sync-btn:disabled{opacity:.6;cursor:default}.sync-status{color:#6abf6a;font-size:.78rem}.form-error{color:#e0704f;font-size:.78rem}.day-groups{display:flex;flex-direction:column;gap:.5rem}.day-group{border-top:1px solid #262626}.day-group:first-child{border-top:none}.day-header{width:100%;background:none;border:none;color:inherit;cursor:pointer;display:flex;align-items:center;gap:.6rem;padding:.7rem .25rem;text-align:left}.chevron{font-size:.65rem;color:#888;transition:transform .15s ease}.chevron.open{transform:rotate(90deg)}.day-label{font-weight:600;font-size:.9rem}.day-meta{margin-left:auto;display:flex;align-items:center;gap:.4rem}.tag{font-size:.65rem;font-weight:700;text-transform:uppercase;padding:.15rem .4rem;border-radius:4px}.tag.raw{background:#1e3a1e;color:#6abf6a}.tag.wet{background:#1e1e3a;color:#6a9abf}.day-count{font-size:.75rem;color:#888;background:#222;min-width:1.4rem;height:1.4rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.day-entries{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0 0 .75rem 1.4rem}.log-entry{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;background:#1a1a1a;border:1px solid #222}.pill{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;border-radius:4px}.log-entry.raw .pill{background:#1e3a1e;color:#6abf6a}.log-entry.wet .pill{background:#1e1e3a;color:#6a9abf}.log-time{font-size:.85rem;color:#aaa}.empty{color:#555;font-size:.9rem}