*{box-sizing:border-box}body{margin:0;background:#ffffff;color:#2f2f2f}.page{max-width:900px;margin:0 auto;padding:2rem}h1{color:#7b3f00;margin-bottom:.3rem}a{color:#7b3f00;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.5rem 0}.card{display:grid;grid-template-columns:120px 1fr;overflow:hidden;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08)}.card img,.image-placeholder{width:120px;height:120px;object-fit:cover;background:#ede8d0}.body{padding:1rem}.body h2{margin:0 0 .8rem;font-size:1.05rem}button{padding:.65rem .9rem;border:0;border-radius:9px;cursor:pointer}.remove{background:#f3e8e8;color:#9b2c2c}.grocery{width:100%;padding:.9rem;background:#2563eb;color:white;font-size:1rem}.empty{padding:2rem;background:white;border-radius:12px;text-align:center}.toast{padding:.8rem 1rem;background:#e8f5e9;color:#276749;border-radius:9px}@media(max-width:650px){.page{padding:1rem}.grid{grid-template-columns:1fr}.card{grid-template-columns:90px 1fr}.card img,.image-placeholder{width:90px;height:100%}}
.slot-label{margin:-.35rem 0 .8rem;color:#756b5d;font-size:.85rem}
.assign-day { display: flex; align-items: center; gap: .5rem; margin: .8rem 0; }
.assign-day select { min-width: 0; flex: 1; padding: .55rem .65rem; border: 1px solid #dedede; border-radius: 9px; background: #fff; color: #333; font: inherit; font-size: .82rem; }
.assign-day button { width: auto; flex: 0 0 auto; padding: .55rem .75rem; background: #fff; color: #111; border: 1px solid #111; border-radius: 999px; font: inherit; font-size: .78rem; }
.assign-day button:hover { background: #f5f5f5; transform: none; }
.slot-label.unassigned { color: #858585; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media(max-width:650px){.assign-day{align-items:stretch;flex-direction:column}.assign-day button{width:100%}}