.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:8px 108px 8px 8px;background:#08080af5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:lightbox-fade .18s ease-out both}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox__stage{position:relative;width:100%;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:12px;margin:0;animation:lightbox-stage .22s cubic-bezier(.2,.8,.2,1) both}@keyframes lightbox-stage{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.lightbox__image{display:block;max-width:100%;max-height:calc(100vh - 56px);object-fit:contain;border-radius:var(--radius-md);box-shadow:0 30px 80px #00000080;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lightbox__caption{max-width:min(72ch,100%);font-size:13px;line-height:1.4;color:#f2efe9b8;text-align:center;padding:0 12px}.lightbox__counter{position:absolute;top:20px;left:24px;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#f2efe99e;font-variant-numeric:tabular-nums}.lightbox__close{position:absolute;top:16px;right:16px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(242,239,233,.18);background:#f2efe90f;color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.lightbox__close:hover{background:#f2efe924;border-color:#f2efe966;transform:scale(1.04)}.lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(242,239,233,.18);background:#f2efe90f;color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.lightbox__nav:hover{background:#f2efe924;border-color:#f2efe966}.lightbox__nav--prev{left:12px}.lightbox__nav--next{right:120px}.lightbox__nav--prev:hover{transform:translateY(-50%) translate(-2px)}.lightbox__nav--next:hover{transform:translateY(-50%) translate(2px)}.lightbox__strip{position:absolute;right:8px;top:56px;bottom:8px;width:92px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:6px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(242,239,233,.25) transparent;-webkit-overflow-scrolling:touch;background:linear-gradient(to left,#08080a8c,#08080a00);border-radius:8px}.lightbox__strip::-webkit-scrollbar{width:4px}.lightbox__strip::-webkit-scrollbar-track{background:transparent}.lightbox__strip::-webkit-scrollbar-thumb{background:#f2efe938;border-radius:999px}.lightbox__strip-thumb{flex:0 0 auto;width:78px;height:52px;padding:0;border:2px solid transparent;border-radius:6px;background:#f2efe90f;cursor:pointer;overflow:hidden;opacity:.55;transition:opacity var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.lightbox__strip-thumb img{width:100%;height:100%;object-fit:cover;display:block}.lightbox__strip-thumb:hover,.lightbox__strip-thumb:focus-visible{opacity:.9}.lightbox__strip-thumb.is-active{opacity:1;border-color:var(--color-gold);transform:translate(-2px)}@media (max-width: 768px){.lightbox{padding:8px 8px 76px}.lightbox__image{max-height:calc(100vh - 130px)}.lightbox__nav{width:44px;height:44px}.lightbox__nav--prev{left:8px}.lightbox__nav--next{right:8px}.lightbox__counter{top:16px;left:16px;font-size:11px}.lightbox__caption{font-size:12px;padding:0 8px}.lightbox__strip{right:0;left:0;top:auto;bottom:0;width:auto;flex-direction:row;justify-content:safe center;overflow-x:auto;overflow-y:hidden;padding:10px 16px 12px;background:linear-gradient(to top,#08080ad9,#08080a00);border-radius:0}.lightbox__strip::-webkit-scrollbar{height:4px;width:auto}.lightbox__strip-thumb{width:60px;height:40px}.lightbox__strip-thumb.is-active{transform:translateY(-2px)}}@media (max-width: 480px){.lightbox__nav{display:none}.lightbox{padding:8px 6px 70px}.lightbox__image{max-height:calc(100vh - 120px)}.lightbox__strip-thumb{width:52px;height:36px}}@media (prefers-reduced-motion: reduce){.lightbox,.lightbox__stage{animation:none}}