.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:999999;display:none;align-items:center;justify-content:center;padding:16px;background:#000000d9;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.image-modal.open{display:flex!important;animation:modalFadeIn .18s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.image-modal-backdrop{position:absolute;inset:0}.image-modal-box{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center;z-index:1}.image-modal-box img{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:12px;box-shadow:0 12px 40px #0009;user-select:none;-webkit-user-select:none}.image-modal-close{position:absolute;top:-14px;right:-14px;width:32px;height:32px;border-radius:50%;background:#fff;color:#1f1f1e;border:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #00000059;transition:transform .1s ease,background .15s ease;line-height:1;padding:0;outline:none;-webkit-tap-highlight-color:transparent}.image-modal-close:active{transform:scale(.92)}@media(hover:hover){.image-modal-close:hover{background:#f0efe9}}