.pet-mealtime-dialog{width:min(560px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;padding:24px;border:4px solid #c8a16a;border-radius:26px;background:#fff9e9;color:#403728;box-shadow:0 20px 65px #17251966;font-family:"Trebuchet MS",system-ui,sans-serif;text-align:center}
.pet-mealtime-dialog::backdrop{background:#243e36b8}
.pet-mealtime-dialog [hidden]{display:none!important}
.pet-mealtime-dialog h2{margin:6px 0 12px;font-size:clamp(24px,3vw,30px);line-height:1.15}
.pet-mealtime-dialog p{font-size:17px;line-height:1.45;margin:10px 0}
.pet-mealtime-dialog .pet-mealtime-eyebrow{font-size:13px;font-weight:900;letter-spacing:.05em;color:#627444}
.pet-mealtime-pictures{display:flex;justify-content:center;flex-wrap:wrap;gap:4px;margin:8px 0}
.pet-mealtime-pictures img{width:140px;height:120px;max-width:29%;object-fit:contain}
.pet-mealtime-count{font-weight:900}
.pet-mealtime-treat{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;font-size:16px;cursor:pointer}
.pet-mealtime-treat input{width:22px;height:22px;accent-color:#4e7546;flex:none}
.pet-mealtime-accounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}
.pet-mealtime-dialog button{min-height:52px;padding:12px;border:2px solid #547149;border-radius:16px;background:#4e7546;color:#fff;font:900 16px "Trebuchet MS",system-ui,sans-serif;line-height:1.3;cursor:pointer}
.pet-mealtime-dialog button span{display:block;margin-top:6px;font-size:14px;font-weight:500}
.pet-mealtime-dialog button:disabled{background:#e0dacb;border-color:#c4baa7;color:#6c6458;cursor:default}
.pet-mealtime-dialog button:focus-visible{outline:4px solid #da9a36;outline-offset:3px}
.pet-mealtime-dialog #pet-mealtime-save{background:#fff0c5;color:#554128;border-color:#b68b42}
.pet-mealtime-dialog #pet-mealtime-save:disabled{background:#e0dacb;border-color:#c4baa7;color:#6c6458}
.pet-mealtime-help{padding:12px;background:#eaf0df;border-radius:16px;margin-top:16px}
.pet-mealtime-help button{width:100%}
.pet-mealtime-dialog #pet-mealtime-continue{min-width:190px}
@media(max-width:400px){.pet-mealtime-dialog{padding:18px}.pet-mealtime-accounts{grid-template-columns:1fr}.pet-mealtime-pictures img{height:95px}}