.photo-modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.9);z-index:9999}.photo-modal-inner,.photo-modal-overlay{display:flex;align-items:center;justify-content:center}.photo-modal-inner{position:relative;max-width:50%;max-height:50%}.photo-modal-img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(238,239,238,.9);color:#000;border:none;padding:10px;cursor:pointer;z-index:2;border-radius:50%}.nav-button.left{left:-50px}.nav-button.right{right:-50px}.close-button{top:16px;background-color:rgba(238,239,238,.9);color:#000;border:none;cursor:pointer;border-radius:50%;padding:10px}.close-button,.photo-download-link{position:absolute;right:16px;z-index:2}.photo-download-link{bottom:16px;color:#EEEFEE;text-decoration:none;background-color:var(--bg-card-strong);padding:6px 10px;border-radius:8px}@media (max-width:768px){.photo-modal-overlay{padding:0}.photo-modal-inner{max-width:90%;max-height:90%;width:100%;height:100%;padding:0 8px;box-sizing:border-box}.photo-modal-img{max-width:100%;max-height:100%;border-radius:10px}.nav-button{padding:8px}.nav-button.left{left:8px}.nav-button.right{right:8px}.close-button{top:12px;right:12px}.photo-download-link{bottom:calc(12px + env(safe-area-inset-bottom));right:12px;font-size:12px;padding:5px 8px}}@media (min-width:1024px){.close-button{top:-40px;right:-40px}}