.image-zoom-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background-color:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:none}.image-zoom-container{position:relative;width:100%;height:100%}.zoom-image{max-width:90vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.close-button{position:absolute;top:16px;right:16px;background:#ffffff14;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#f5f5f5;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .2s ease,transform .2s ease,border-color .2s ease}.close-button:hover,.close-button:focus{background:#ffffff24;border-color:#ffffff29;transform:scale(1.05)}.zoom-controls{position:absolute;bottom:calc(var(--bottom-nav-height, 66px) + 16px);left:50%;transform:translate(-50%);background:#141414cc;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);color:#f5f5f5;padding:8px 16px;border-radius:20px;font-size:13px;z-index:10;pointer-events:none;animation:fade-in-up .3s ease forwards;display:flex;align-items:center;gap:6px;white-space:nowrap}.zoom-hint-key{color:#8b5cf6;font-weight:500}.zoom-hint-label{color:#a0a0a0}.zoom-hint-sep{width:3px;height:3px;border-radius:50%;background:#fff3;flex-shrink:0;margin:0 2px}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media(hover:none){.close-button{width:52px;height:52px}.zoom-controls{padding:10px 18px;font-size:14px;gap:6px}}