body { font-family: -apple-system, system-ui, sans-serif; margin: 0; padding: 16px; }
header { display: grid; gap: 12px; margin-bottom: 16px; }
.controls { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
button { padding: 10px 12px; border: 1px solid #ccc; background: #fff; border-radius: 10px; }
.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.cell { border: 1px solid #eee; border-radius: 12px; padding: 10px; }
.cell span { display:block; margin-top: 6px; font-size: 18px; }
.row { display: grid; grid-template-columns: 90px 1fr 1fr 1fr; gap: 8px; align-items: center; padding: 10px 0; border-bottom: 1px solid #f2f2f2; }
.day { font-weight: 700; text-transform: capitalize; }
.slot small { color:#777; display:block; }
.note { margin-top: 18px; padding-top: 10px; border-top: 1px solid #eee; color:#444; }