.slide-fade { transition: opacity .8s ease-in-out; }
.gallery-card { transition: transform .3s ease, box-shadow .3s ease; }
.gallery-card:hover { transform: translateY(-6px); box-shadow: 0 20px 25px -5px rgb(0 0 0 / .12); }
.gallery-card:focus-visible { outline: 3px solid #10b981; outline-offset: 2px; }
.photo-frame img { user-select: none; -webkit-user-drag: none; }
#lightbox-modal.open, #receipt-modal.open { display: flex; }
.acc-panel { animation: accIn .25s ease; }
@keyframes accIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }