.meal-photo{display:block;width:100%;aspect-ratio:4/3;padding:0;border:0;overflow:hidden;text-align:left;cursor:zoom-in}
.meal-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;image-rendering:auto;transform:none}
.photo-view-hint{position:absolute;right:12px;bottom:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(35,28,24,.54);color:#fff;font-size:10px;font-weight:700;letter-spacing:.03em;opacity:0;transform:translateY(3px);transition:opacity .2s ease,transform .2s ease;backdrop-filter:blur(8px)}
.meal-photo:hover .photo-view-hint,.meal-photo:focus-visible .photo-view-hint{opacity:1;transform:none}
.photo-viewer{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(28,23,20,.91);backdrop-filter:blur(16px)}
.photo-viewer__panel{position:relative;display:grid;place-items:center;width:100%;height:100%;outline:0}
.photo-viewer__panel img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 24px 80px rgba(0,0,0,.3)}
.photo-viewer__close{position:absolute;z-index:2;top:0;right:0;min-width:48px;min-height:44px;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:0 15px;background:rgba(255,255,255,.12);color:#fff;font-size:13px;font-weight:700;backdrop-filter:blur(12px)}
.photo-viewer__close:hover{background:rgba(255,255,255,.2)}
@media(max-width:580px){.meal-photo{aspect-ratio:4/3}.photo-view-hint{opacity:1}.photo-viewer{padding:calc(env(safe-area-inset-top) + 54px) 10px calc(env(safe-area-inset-bottom) + 22px)}.photo-viewer__panel img{border-radius:10px}.photo-viewer__close{top:calc(-44px - env(safe-area-inset-top));right:4px}}
@media(prefers-reduced-motion:reduce){.photo-view-hint{transition:none}}