:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}.app{max-width:640px;margin:0 auto;padding:1rem}.app-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.app-header h1{margin:0;font-size:1.25rem}.app-header nav{align-items:center;display:flex}.app-header nav button{margin-left:.5rem}.app-header nav button.active{font-weight:700;text-decoration:underline}.current-user{opacity:.7;margin-left:1rem;font-size:.9rem}.pending-sync{color:#1a1a1a;background:#f5a623;border-color:#d9900f;margin-left:.5rem;font-size:.85rem}.login-view{text-align:center;max-width:320px;margin:4rem auto 0}.login-view h1{font-size:1.25rem}.login-view form{text-align:left;flex-direction:column;gap:.75rem;display:flex}.login-field{flex-direction:column;gap:.25rem;display:flex}.login-field input{padding:.5rem}.view section{margin-bottom:2rem}.view h2{margin-bottom:.5rem;font-size:1rem}.hide-completed-toggle{cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.category-group{margin-bottom:1rem}.category-group-heading{text-transform:uppercase;letter-spacing:.04em;opacity:.7;margin:0 0 .25rem;font-size:.8rem}.inline-form{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.inline-form input,.inline-form select{padding:.35rem}.field-label{color:#555;flex-direction:column;gap:.15rem;font-size:.8rem;display:flex}.row-list{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid #8883;justify-content:space-between;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.row-actions button{margin-left:.3rem}.item-row{flex-wrap:wrap;row-gap:.4rem}.tag-filter{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.75rem;display:flex}.tag-chip{border-radius:999px;padding:.15rem .55rem;font-size:.8rem}.tag-chip.active{color:#fff;background:#bc2e51;border-color:#bc2e51}.tag-chip-list{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.tag-chip-list select{padding:.1rem .3rem;font-size:.8rem}.checkbox-label{flex:1;align-items:center;gap:.4rem;display:flex}.checkbox-label .checked{opacity:.6;text-decoration:line-through}.quantity-input{width:6rem}.meal-grid-wrap{overflow-x:auto}.meal-grid{border-collapse:collapse;width:100%;min-width:50rem}.meal-grid th,.meal-grid td{vertical-align:top;text-align:left;border:1px solid #ddd;padding:.35rem}.meal-grid thead th{text-align:center}.meal-grid-week-label td{color:#7a1d35;text-align:center;background:#f7dfe6;padding:.3rem .5rem;font-weight:700}button.link{text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;text-decoration:underline}.muted{opacity:.6}.error{color:#d33}