*,: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:900px;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}.cat-card,.cat-cards,.dashboard-grid,.day-group,.day-header,.last-fed,.log-entry,.meal-card,.panel,.status,.weight-chart,.weights-body{min-width:0}.weight-chart svg{display:block;max-width:100%}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:1.25rem;gap:1.25rem;align-items:start}@media (min-width:800px){.dashboard-grid{grid-template-columns:1fr 1fr}}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}.rawfood{display:flex;flex-direction:column;gap:.75rem}.rawfood-head{display:flex;align-items:center;justify-content:space-between}.restock-btn{background:#23303f;border:1px solid #35506a;color:#9fc4e0;padding:.4rem .85rem;border-radius:8px;cursor:pointer;font-weight:600;font-size:.8rem}.rawfood-stat{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.rawfood-amount{font-size:1.6rem;font-weight:800}.rawfood-amount .unit{font-size:.8rem;font-weight:600;color:#888;margin-left:.3rem}.rawfood-amount.low{color:#e0a48b}.rawfood-pct{font-size:.78rem;color:#888}.rawfood-bar{height:10px;border-radius:999px;background:#1c1c1c;border:1px solid #262626;overflow:hidden}.rawfood-fill{height:100%;background:#4a9d5a;border-radius:999px;transition:width .3s ease}.rawfood-fill.low{background:#d0703f}.rawfood-warn{font-size:.8rem;color:#e0a48b}.rawfood-empty{font-size:.85rem;color:#777}.restock-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid #222}.restock-field{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:#888}.restock-amount{display:flex;align-items:center;gap:.3rem}.restock-amount .unit{font-size:.8rem;color:#888}.restock-form input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#f0f0f0;padding:.5rem .7rem;font-size:.9rem;max-width:8rem}.rawfood-foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.rawfood-since{font-size:.75rem;color:#777}.reorder-link{font-size:.8rem;color:#7fb0e0;font-weight:600;text-decoration:none}.reorder-link:hover{text-decoration:underline}.logfeed{display:flex;flex-direction:column;gap:.6rem}.edit-toggle,.logfeed-toggle{align-self:flex-start;background:none;border:1px solid #2a2a2a;color:#9fc4e0;padding:.4rem .75rem;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:600}.logfeed-form{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;padding-top:.6rem;border-top:1px solid #222}.logfeed-when{display:flex;flex-direction:column;gap:.2rem;font-size:.7rem;color:#888}.edit-bar input,.logfeed-form input{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;color:#f0f0f0;padding:.45rem .6rem;font-size:.85rem}.seg-group{display:flex;gap:.25rem}.seg{background:#1a1a1a;border:1px solid #2a2a2a;color:#999;padding:.45rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem}.seg.active{background:#23303f;border-color:#35506a;color:#f0f0f0}.log-head{display:flex;align-items:center;justify-content:space-between}.log-head h2{margin-bottom:0}.edit-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.entry-delete{margin-left:auto;background:#2a1a16;border:1px solid #5a2f26;color:#e0906f;width:1.5rem;height:1.5rem;border-radius:6px;cursor:pointer;font-size:.75rem;line-height:1}.entry-delete:disabled{opacity:.5}.schedule{display:flex;flex-direction:column;gap:.6rem}.sched-times{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.sched-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#777}.sched-chip{font-size:.78rem;font-weight:600;color:#ccc;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:999px;padding:.2rem .6rem}.sched-banner{display:flex;align-items:center;gap:.6rem;font-size:.9rem;padding:.7rem .9rem;border-radius:10px;border:1px solid}.sched-icon{font-size:1rem}.sched-sub{color:#999}.sched-banner.upcoming{background:#16211a;border-color:#24402c;color:#cfe8d5}.sched-banner.quiet{background:#1a1a22;border-color:#2a2a3a;color:#b8b8c8}.sched-banner.overdue{background:#2a1a16;border-color:#5a2f26;color:#f0c8b8}.sched-banner.overdue strong{color:#f0a48b}.feeding-log h2,.weight-tracker h2{font-size:1rem;font-weight:600;color:#888;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.75rem}.status{display:flex;flex-direction:column;gap:.85rem}.today-total{text-align:center;color:#999;font-size:.9rem}.today-total strong{color:#f0f0f0;font-size:1.1rem}.meal-head{display:flex;align-items:center;justify-content:space-between}.today-badge{font-size:.7rem;font-weight:600;color:#aaa;background:hsla(0,0%,100%,.06);padding:.15rem .5rem;border-radius:999px}.weights-body{display:grid;grid-template-columns:1fr;grid-gap:1rem;gap:1rem;align-items:start}.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;margin-top:1rem}.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}