#image-viewer-container{opacity:0;transition:opacity .3s ease;z-index:9999;animation:fadeIn .3s ease forwards}#image-viewer-container.hidden{opacity:0;pointer-events:none;animation:fadeOut .3s ease forwards}.image-viewer-content{position:relative}#image-viewer-container img{max-width:90vw;max-height:85vh;object-fit:contain;transform-origin:center;box-shadow:0 10px 25px -5px rgba(0,0,0,.4);transition:transform .3s ease,opacity .3s ease;cursor:grab}#image-viewer-container img.fade-in{animation:fadeIn .3s ease forwards}#image-viewer-container img:active{cursor:grabbing}.control-bar{box-shadow:0 4px 15px rgba(0,0,0,.3);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,opacity .3s ease;opacity:.85;z-index:20;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 1rem}.control-bar::-webkit-scrollbar{display:none}.control-bar:hover{opacity:1}#image-viewer-container .bottom-controls-container{transition:opacity .3s ease,transform .3s ease;z-index:20}.control-bar-hidden{opacity:0;transform:translateY(20px);pointer-events:none}#image-viewer-container button{opacity:.9;transition:all .2s ease;position:relative;overflow:hidden}#image-viewer-container button::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255,255,255,.7);opacity:0;border-radius:100%;transform:scale(1,1)translate(-50%,-50%);transform-origin:50% 50%}#image-viewer-container button:hover{opacity:1;transform:scale(1.15);background-color:rgba(75,85,99,.6)}#image-viewer-container button:active{transform:scale(.95)}#image-viewer-container button:hover::after{animation:ripple .6s ease-out}@keyframes ripple{0%{opacity:1;transform:scale(0,0)translate(-50%,-50%)}100%{opacity:0;transform:scale(20,20)translate(-50%,-50%)}}#image-viewer-container button:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;opacity:1}#image-caption{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.2);opacity:.9;transition:opacity .3s ease,transform .3s ease;transform:translateY(0);z-index:15;display:none;max-width:80%}#image-caption.control-bar-hidden{opacity:0;transform:translateY(20px)}#image-caption:hover{opacity:1;white-space:normal;transform:translateY(-5px)}.image-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;z-index:5}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.gesture-indicator{opacity:0;z-index:9999;box-shadow:0 4px 12px rgba(0,0,0,.3);backdrop-filter:blur(8px);letter-spacing:.02em}.gesture-indicator.fade-in{animation:fadeInUp .5s ease forwards}.gesture-indicator.fade-out{animation:fadeOutDown .5s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeInUp{from{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes fadeOutDown{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,20px)}}.article-content img{cursor:zoom-in;transition:all .3s ease;position:relative}.article-content img::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0);transition:background .3s ease;border-radius:.75rem;pointer-events:none}.article-content img:hover{transform:translateY(-5px)scale(1.01);box-shadow:0 15px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,4%);filter:brightness(1.05)contrast(1.05)}.article-content img:focus-visible{outline:3px solid #60a5fa;outline-offset:3px;transform:translateY(-3px)}.dark #image-viewer-container img{filter:brightness(.95);box-shadow:0 10px 25px -5px rgba(0,0,0,.6)}.dark .control-bar{background-color:rgba(17,24,39,.8);border-color:rgba(75,85,99,.2)}.dark #image-viewer-container button:hover{background-color:rgba(55,65,81,.8)}.dark #image-caption{background-color:rgba(17,24,39,.8)}@media(max-width:768px){.control-bar{padding:.4rem .6rem;gap:.15rem;max-width:95%}#image-viewer-container button{padding:.35rem}#image-viewer-container button iconify-icon{width:18px;height:18px}#image-viewer-container img{max-width:95vw;max-height:80vh}#image-caption{max-width:90%;font-size:.75rem;padding:.35rem .7rem}.control-bar .mx-2{margin-left:.15rem;margin-right:.15rem;height:1rem}}@media(max-width:480px){.control-bar{padding:.3rem .5rem;gap:.1rem;max-width:98%}#image-viewer-container button{padding:.25rem}#image-viewer-container button iconify-icon{width:16px;height:16px}#image-caption{max-width:95%;font-size:.7rem;padding:.25rem .5rem}.control-bar .mx-2{margin-left:.1rem;margin-right:.1rem}}@media(hover:none){.control-bar{opacity:1;transform:translateY(0)!important}#image-viewer-container button{opacity:1}#image-caption{opacity:1}}