.photos-page-container{width:100%;min-height:70vh;background-image:var(--app-img-list-bg);background-size:cover;background-attachment:fixed;background-position:center center;padding-bottom:2rem}.photos-error{color:var(--md-sys-color-on-surface-variant);font-size:1rem;text-align:center;padding:3rem 1rem}.album-chips-container{display:flex;gap:1.5rem;padding:1rem 2rem;position:relative;flex-wrap:wrap;justify-content:center}.album-chip{background:transparent;border:none;padding:.4rem 0;color:var(--md-sys-color-on-surface-variant);font-weight:400;font-size:.95rem;cursor:pointer;position:relative;transition:color .3s ease;opacity:0;transform:translateY(-8px);animation:chip-enter .4s ease forwards}.album-chip.active{color:var(--md-sys-color-primary);font-weight:500}.chip-underline{position:absolute;bottom:0;height:2px;background:var(--md-sys-color-primary);transition:left .3s ease,width .3s ease;pointer-events:none;border-radius:1px}@keyframes chip-enter{to{opacity:1;transform:translateY(0)}}.photo-masonry-grid{width:60vw;max-width:100rem;margin:0 auto;padding:1rem 0;box-sizing:border-box}.photo-row{display:flex;gap:6px;margin-bottom:6px}.photo-item{flex:0 0 auto;margin:0;position:relative;border-radius:4px;overflow:hidden;cursor:pointer;background-color:#ffffff73;transition:transform .3s ease,box-shadow .3s ease}.photo-item img{display:block;object-fit:cover;opacity:0;transition:opacity .4s ease}.photo-item img.loaded{opacity:1}.photo-item:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000040;z-index:2}#photo-pagination{display:none}.scroll-sentinel{height:1px}.page-index-container{margin:0 auto;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;padding-top:2rem;padding-bottom:1rem}.page-index{--md-elevated-button-container-color: var(--app-transparent);--md-elevated-button-label-text-color: var(--md-sys-color-secondary);--md-elevated-button-container-shape: 1px;--md-icon-button-state-layer-shape: 1px;--md-sys-shape-corner-full: 1px}.cur-page{border-bottom:.1rem solid var(--md-sys-color-primary)}.ellipsis{color:var(--md-sys-color-secondary);margin:0 .25rem}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:2rem;user-select:none;-webkit-user-select:none;box-sizing:border-box;background-color:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000}.lightbox-content{max-width:90vw;max-height:90vh;text-align:center}.lightbox-img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0000004d;transition:opacity .3s ease;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;opacity:1}.lightbox-detail{background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-height:16vh;overflow-y:auto;padding:0;margin-top:1.1rem;text-align:center}.lightbox-detail h3{color:#fffffff2;font-size:1.3rem;font-weight:600;letter-spacing:.02em;margin:0 0 .4rem}.lightbox-detail p{margin:0;color:#ffffffad;font-size:.92rem;line-height:1.5}.lightbox-detail .lightbox-views{display:inline-block;margin-top:1.1rem;padding:.25rem .85rem;border-radius:999px;background-color:#ffffff24;color:#ffffffd9;font-size:.8rem}.lightbox-close{position:absolute;top:1rem;right:1rem;--md-icon-button-icon-color: rgb(255 255 255);--md-icon-button-unselected-icon-color: rgb(255 255 255)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff3;--md-icon-button-icon-color: rgb(255 255 255);--md-icon-button-unselected-icon-color: rgb(255 255 255)}.lightbox-prev{left:1rem}.lightbox-next{right:1rem}@media (max-width: 1000px){.photo-masonry-grid{width:82vw}.album-chips-container{width:80%}}@media (max-width: 600px){.photo-masonry-grid{width:92vw}.album-chips-container{width:92%}.album-chips-container{box-sizing:border-box}.page-index-container{width:90%}.photos-page-container{background-attachment:scroll}.lightbox-nav{background-color:#00000059}.lightbox-detail h3{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.album-chip,.chip-underline,.lightbox-img,.photo-item,.photo-item img{transition:none!important;animation:none!important}.album-chip{opacity:1;transform:none}.photo-item:hover{transform:none}}