.photo-grid.svelte-lpgty0.svelte-lpgty0{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm);padding:0}.photo-item.svelte-lpgty0.svelte-lpgty0{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--color-bg);cursor:pointer;transition:transform .2s ease,opacity .2s ease;border-radius:2px;-webkit-tap-highlight-color:transparent}.photo-item.svelte-lpgty0.svelte-lpgty0:hover{transform:translateY(-2px);opacity:.95;z-index:10}.photo-wrapper.svelte-lpgty0.svelte-lpgty0{width:100%;height:100%;position:relative}.photo-wrapper.svelte-lpgty0 img.svelte-lpgty0{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;display:block}.photo-item.svelte-lpgty0:hover .photo-wrapper img.svelte-lpgty0{transform:scale(1.05)}.photo-overlay.svelte-lpgty0.svelte-lpgty0{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:var(--spacing-sm) var(--spacing-md);opacity:0;transition:opacity .2s ease}.photo-item.svelte-lpgty0:hover .photo-overlay.svelte-lpgty0{opacity:1}.photo-title.svelte-lpgty0.svelte-lpgty0{color:#fff;font-size:.95rem;font-weight:400;margin-bottom:.25rem;letter-spacing:.02em}.photo-date.svelte-lpgty0.svelte-lpgty0{color:#ffffffbf;font-size:.8rem;font-weight:300;letter-spacing:.02em}.photo-like-info.svelte-lpgty0.svelte-lpgty0{display:flex;align-items:center;gap:.25rem;margin-top:.5rem;opacity:0;transition:opacity .2s ease}.photo-item.svelte-lpgty0:hover .photo-like-info.svelte-lpgty0,.photo-like-info.has-likes.svelte-lpgty0.svelte-lpgty0{opacity:1}.photo-like-info.svelte-lpgty0.svelte-lpgty0:has(.heart-icon-small.liked){opacity:1}.heart-icon-small.svelte-lpgty0.svelte-lpgty0{width:14px;height:14px;color:#ffffff80;transition:color .2s ease,fill .2s ease}.heart-icon-small.liked.svelte-lpgty0.svelte-lpgty0{color:#ff4d4df2;fill:#ff4d4df2}.like-count-small.svelte-lpgty0.svelte-lpgty0{font-size:.75rem;font-weight:400;color:#ffffffe6}@media (max-width: 768px){.photo-grid.svelte-lpgty0.svelte-lpgty0{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-xs)}}