.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none;opacity:0;transition:opacity .3s ease}.lightbox.active{display:flex;opacity:1}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);cursor:pointer}.lightbox-container{position:relative;margin:auto;max-width:90%;max-height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.lightbox-image{max-width:100%;max-height:85vh;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 10px 50px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:-50px;right:0;background:rgba(0,0,0,0);border:none;color:#fff;font-size:48px;font-weight:300;line-height:1;cursor:pointer;padding:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,opacity .2s ease;opacity:.8}.lightbox-close:hover{opacity:1;transform:scale(1.1)}.lightbox-caption{margin-top:20px;color:#fff;text-align:center;font-size:16px;max-width:800px;padding:0 20px;line-height:1.5}@media(max-width: 768px){.lightbox-container{max-width:95%;max-height:95%}.lightbox-image{max-height:80vh}.lightbox-close{top:-40px;font-size:36px;width:36px;height:36px}.lightbox-caption{font-size:14px;margin-top:15px}}.lightbox.active .lightbox-image{animation:zoomIn .3s ease}@keyframes zoomIn{from{transform:scale(0.8);opacity:0}to{transform:scale(1);opacity:1}}.media-image img,.markdown-content img{transition:opacity .2s ease,transform .2s ease}.media-image img:hover,.markdown-content img:hover{opacity:.9;transform:scale(1.02)}