.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;cursor:pointer}.lightbox-overlay.active{opacity:1;visibility:visible}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightbox-image{max-width:100%;max-height:90vh;height:auto;width:auto;display:block;border-radius:4px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.lightbox-close{position:absolute;top:-40px;right:0;background:0 0;border:none;color:#fff;font-size:30px;font-weight:700;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.lightbox-close:hover{background-color:rgba(255,255,255,.2)}.lightbox-close:focus{outline:2px solid #fff;outline-offset:2px}body.lightbox-open{overflow:hidden}.content p>img,.content li>img{transition:opacity .2s ease}.content p>img:hover,.content li>img:hover{opacity:.9}@media(max-width:768px){.lightbox-content{max-width:95vw;max-height:95vh}.lightbox-close{top:-35px;font-size:24px;width:35px;height:35px}.lightbox-image{max-height:85vh}}@media(prefers-color-scheme:dark){.lightbox-overlay{background-color:rgba(0,0,0,.95)}}