body>.photo-modal{z-index:10000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.photo-modal__overlay{z-index:-1;background-color:#000000f2;position:absolute;inset:0}.photo-modal__content{background:0 0;flex-direction:column;width:100%;height:100%;display:flex;position:relative}.photo-modal__image-container{justify-content:center;align-items:center;width:100%;height:calc(100vh - 120px);display:flex;position:relative;overflow:hidden}.photo-modal__image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.photo-modal__info{color:#fff;background:#000c;padding:1rem;position:absolute;bottom:0;left:0;right:0}.photo-modal__title{color:#fff;margin:0 0 .5rem;font-size:1.2rem}.photo-modal__metadata{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.photo-modal__date{color:#ffa140;margin:0;font-size:.9rem}.photo-modal__link{color:#1e90ff;font-size:.9rem;text-decoration:none}.photo-modal__link:hover{text-decoration:underline}.photo-modal__tags{flex-wrap:wrap;gap:.5rem;display:flex}.photo-modal__tag{border-radius:4px;padding:.2rem .5rem;font-size:.8rem}.photo-modal__nav,.photo-modal__tag{color:#fff;background:#fff3}.photo-modal__nav{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.photo-modal__nav:hover{background:#fff6}.photo-modal__nav--prev{left:2rem}.photo-modal__nav--next{right:2rem}.photo-modal__nav svg{width:24px;height:24px}.photo-modal__close{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .3s;display:flex;position:absolute;top:2rem;right:2rem}.photo-modal__close:hover{background:#fff6}.photo-modal__close svg{width:24px;height:24px}.photo-modal__counter{color:#fff;background:#0009;border-radius:20px;padding:.5rem 1rem;font-size:.9rem;position:absolute;top:2rem;left:2rem}.loading-overlay{opacity:0;pointer-events:none;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.loading-overlay.visible{opacity:1;pointer-events:auto}@media (width<=768px){.photo-modal__nav{width:32px;height:32px}.photo-modal__nav svg{width:20px;height:20px}.photo-modal__nav--prev{left:10px}.photo-modal__nav--next{right:10px}.photo-modal__close{width:32px;height:32px;top:10px;right:10px}.photo-modal__close svg{width:20px;height:20px}.photo-modal__counter{padding:.3rem .7rem;font-size:.8rem;top:10px;left:10px}.photo-modal__title{font-size:1rem}.photo-modal__metadata{flex-direction:column;align-items:flex-start;gap:.3rem}.photo-modal__image-container{height:calc(100% - 150px)}}.gallery-item-loader{background:#f0f0f0;border-radius:8px;width:100%;height:0;padding-bottom:75%;position:relative;overflow:hidden}.gallery-item-loader__shimmer{background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0) 0 0/200% 100%;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.photo-gallery__loading{padding:1rem}.photo-gallery__loading-spinner{margin-bottom:2rem}.photo-gallery__error,.photo-gallery__loading-spinner{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.photo-gallery__error{color:#dc3545;background:#fff;border-radius:8px;padding:2rem;box-shadow:0 2px 8px #0000001a}.photo-gallery__grid-container{padding:.5rem 0}.photo-gallery__header{text-align:center;margin-bottom:1.5rem}.photo-gallery__album-info{color:#666;margin-top:.5rem;font-size:.9rem}.photo-gallery__grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.photo-gallery__item{cursor:pointer;background:#fff;border-radius:8px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.photo-gallery__item:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00000026}.photo-gallery__img{aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.photo-gallery__title{color:#ffa140;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;padding:.5rem;font-size:.9rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gallery-item-loader{background-color:#f0f0f0;border-radius:8px;width:100%;height:180px;animation:1.5s infinite pulse}@keyframes pulse{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}