.image-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.9);z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.image-modal-content,.image-modal-overlay{display:flex;align-items:center;justify-content:center}.image-modal-content{position:relative;max-width:98vw;max-height:98vh;flex-direction:column;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);width:100%;height:100%}.image-modal-close{position:absolute;top:-3rem;right:0;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:3rem;height:3rem;font-size:1.5rem;font-weight:700;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.3);z-index:10000}.image-modal-close:hover{background:#fff;transform:scale(1.1)}.image-modal-image-wrapper{position:relative;width:95vw;height:85vh;max-width:95vw;max-height:85vh;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.image-modal-image{border-radius:8px;object-fit:contain!important;width:100%!important;height:100%!important}.image-modal-caption{margin-top:1.5rem;color:#fff;text-align:center;font-style:italic;font-size:1rem;line-height:1.5;max-width:80%;background:rgba(0,0,0,.7);padding:1rem 1.5rem;border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}@media (min-width:1920px){.image-modal-image-wrapper{width:1800px;height:90vh;max-width:1800px;max-height:90vh}}@media (min-height:1200px){.image-modal-image-wrapper{height:90vh;max-height:90vh}.image-modal-caption{margin-top:2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.image-modal-overlay{padding:.5rem}.image-modal-content{max-width:100vw;max-height:100vh}.image-modal-close{top:-2.5rem;right:-.5rem;width:2.5rem;height:2.5rem;font-size:1.2rem}.image-modal-image-wrapper{width:98vw;height:88vh;max-width:98vw;max-height:88vh;border-radius:4px}.image-modal-image{border-radius:4px}.image-modal-caption{font-size:.9rem;padding:.75rem 1rem;max-width:95%;margin-top:1rem}}html.dark .image-modal-close{background:rgba(40,40,50,.9);color:#fff}html.dark .image-modal-close:hover{background:#282832}