.page-container.svelte-1kp47hm{max-width:1200px;padding:4rem 2rem}.page-header.svelte-1kp47hm{text-align:center;margin-bottom:4rem}.title.svelte-1kp47hm{margin-bottom:1rem;font-size:3rem}.title.svelte-1kp47hm .accent:where(.svelte-1kp47hm){color:var(--accent-blue)}.description.svelte-1kp47hm{color:var(--text-secondary);font-size:1.1rem}.albums-grid.svelte-1kp47hm{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.album-card.svelte-1kp47hm{border:1px solid var(--border-color);background-color:var(--bg-color);flex-direction:column;padding:0;text-decoration:none;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.album-card.svelte-1kp47hm:hover{border-color:var(--accent-blue);transform:translateY(-5px);box-shadow:0 10px 30px #00000080}.album-image.svelte-1kp47hm{border-bottom:1px solid var(--border-color);background-color:#00000080;width:100%;height:200px;position:relative;overflow:hidden}.album-image.svelte-1kp47hm img:where(.svelte-1kp47hm){object-fit:cover;width:100%;height:100%;transition:transform .5s}.no-image-placeholder.svelte-1kp47hm{width:100%;height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.9rem;display:flex}.album-card.svelte-1kp47hm:hover .album-image:where(.svelte-1kp47hm) img:where(.svelte-1kp47hm){transform:scale(1.05)}.overlay.svelte-1kp47hm{opacity:0;background:#0ea5e933;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.album-card.svelte-1kp47hm:hover .overlay:where(.svelte-1kp47hm){opacity:1}.view-text.svelte-1kp47hm{color:#fff;border:1px solid var(--accent-blue);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;border-radius:4px;padding:.5rem 1rem;font-weight:700}.album-info.svelte-1kp47hm{padding:1.5rem}.album-info.svelte-1kp47hm h2:where(.svelte-1kp47hm){color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.album-desc.svelte-1kp47hm{color:var(--text-secondary);margin-bottom:1rem;font-size:.9rem;line-height:1.4}.date.svelte-1kp47hm{color:var(--accent-blue);font-size:.8rem}.empty-state.svelte-1kp47hm{text-align:center;color:var(--text-secondary);padding:4rem 2rem;font-family:JetBrains Mono,monospace}@media (width<=600px){.albums-grid.svelte-1kp47hm{grid-template-columns:1fr}}