.feature-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.feature-card:focus-within{border-color:var(--color-brand-500)}.feature-card__btn{display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.feature-card__btn:focus-visible{outline:none}.feature-card__media{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;padding:var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,22px 22px,22px 22px}.feature-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feature-card__img .protected-image__canvas{max-width:68%;max-height:68%;width:auto;height:auto;object-fit:contain;opacity:.82;transition:opacity var(--duration-fast) var(--ease-out)}.feature-card:hover .feature-card__img .protected-image__canvas{opacity:1}.feature-card__hint{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;color:var(--text-tertiary);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.feature-card:hover .feature-card__hint,.feature-card:focus-within .feature-card__hint{opacity:.9}.feature-card__name{padding:var(--space-3);font-size:var(--text-xs);line-height:1.35;color:var(--text-secondary);text-align:center}@media(prefers-reduced-motion:reduce){.feature-card,.feature-card__hint,.feature-card__img .protected-image__canvas{transition:none}.feature-card:hover{transform:none}}.photo-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.photo-card:focus-within{border-color:var(--color-brand-500)}.photo-card__btn{display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.photo-card__btn:focus-visible{outline:none}.photo-card__art{position:relative;height:9rem;display:flex;align-items:center;justify-content:center;padding:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08);background:var(--color-gray-950)}.photo-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-card__img .protected-image__canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-sm)}.photo-card__hint{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;padding:2px;color:#ffffffe6;background:#08080880;border-radius:var(--radius-sm);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.photo-card:hover .photo-card__hint,.photo-card:focus-within .photo-card__hint{opacity:1}.photo-card__name{padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--text-xs);line-height:1.3;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.photo-card,.photo-card__hint{transition:none}.photo-card:hover{transform:none}}.silhouette-card{list-style:none;background:var(--surface-card);border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.silhouette-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#ffffff29}.silhouette-card__link{display:flex;flex-direction:column;text-decoration:none;color:inherit}.silhouette-card__art{height:7rem;display:flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid rgba(255,255,255,.08);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,22px 22px,22px 22px}.silhouette-card__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.silhouette-card__img .protected-image__canvas{width:84%;max-height:84%;height:auto;object-fit:contain;filter:brightness(0) invert(1);opacity:.9;transition:opacity var(--duration-fast) var(--ease-out)}.silhouette-card:hover .silhouette-card__img .protected-image__canvas{opacity:1}.silhouette-card__name{padding:var(--space-2) var(--space-3) var(--space-3);font-size:var(--text-xs);line-height:1.3;color:var(--text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(prefers-reduced-motion:reduce){.silhouette-card,.silhouette-card__img .protected-image__canvas{transition:none}.silhouette-card:hover{transform:none}}.gallery-page__grid{list-style:none;margin:0;padding:0}.gallery-page__scroll{max-height:calc(100vh - 13rem);overflow-y:auto;padding:var(--space-1) var(--space-2) var(--space-4) 0;overscroll-behavior:contain}.gallery-tabs{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-1);background:var(--surface-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg)}.gallery-tabs__tab{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:2.25rem;padding:0 var(--space-3);border:none;border-radius:var(--radius-md);background:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.gallery-tabs__tab:hover{color:var(--text-primary)}.gallery-tabs__tab--active{background:#ffffff1a;color:var(--text-primary)}.gallery-tabs__icon{flex-shrink:0;font-size:1rem}.gallery-tabs__label{flex:1;text-align:left}.gallery-tabs__count{font-size:var(--text-xs);font-weight:500;color:var(--text-tertiary)}.gallery-tabs__tab--active .gallery-tabs__count{color:var(--text-secondary)}.feature-dialog__art{display:flex;align-items:center;justify-content:center;aspect-ratio:3 / 2;padding:var(--space-5);border-radius:var(--radius-md);background-color:var(--color-gray-950);background-image:radial-gradient(ellipse 80% 75% at 50% 42%,rgba(255,255,255,.05),transparent 70%),linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:100% 100%,26px 26px,26px 26px}.feature-dialog__img{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.feature-dialog__img .protected-image__canvas{max-width:60%;max-height:80%;width:auto;height:auto;object-fit:contain}.feature-dialog__desc{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-secondary)}.feature-dialog__desc--muted{color:var(--text-tertiary);font-style:italic}.collection-modal:has(.photo-dialog){width:min(40rem,94vw)}.photo-dialog{display:flex;flex-direction:column;gap:var(--space-3)}.photo-dialog__main{display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-gray-950);overflow:hidden}.photo-dialog__img{width:100%}.photo-dialog__img .protected-image__canvas{width:100%;max-height:58vh;object-fit:contain}.photo-dialog__thumbs{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1)}.photo-dialog__thumb{flex:0 0 auto;width:4rem;height:3rem;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);background:var(--color-gray-950);cursor:pointer;overflow:hidden;transition:border-color var(--duration-fast) var(--ease-out)}.photo-dialog__thumb--active{border-color:var(--color-brand-500)}.photo-dialog__thumb-img{width:100%;height:100%}.photo-dialog__thumb-img .protected-image__canvas{width:100%;height:100%;object-fit:cover}.photo-dialog__meta{margin:0;display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm)}.photo-dialog__meta-row{display:flex;gap:var(--space-2)}.photo-dialog__meta-row dt{flex:0 0 4.5rem;color:var(--text-tertiary)}.photo-dialog__meta-row dd{margin:0;color:var(--text-secondary)}.photo-dialog__meta-row a{display:inline-flex;align-items:center;gap:4px;color:var(--color-brand-400, var(--text-primary))}.photo-dialog__ext{flex-shrink:0}.photo-dialog__link{align-self:flex-start;font-size:var(--text-sm);font-weight:600;color:var(--color-brand-400, var(--text-primary))}@media(prefers-reduced-motion:reduce){.gallery-tabs__tab,.photo-dialog__thumb{transition:none}}