.collections-page.svelte-8lyz9q{min-height:100vh;padding:32px 16px 64px;position:relative;overflow:hidden}.hero-bg.svelte-8lyz9q{z-index:0;pointer-events:none;width:415px;position:fixed;top:0;bottom:0;right:0}.hero-bg.svelte-8lyz9q img:where(.svelte-8lyz9q){object-fit:cover;object-position:center top;opacity:.35;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b3 30%,#000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000000b3 30%,#000 100%);width:415px;height:100%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000000b3 20%,#000 100%)}.container.svelte-8lyz9q{z-index:1;flex-direction:column;gap:20px;max-width:960px;margin:0 auto;display:flex;position:relative}.page-header.svelte-8lyz9q{align-items:center;gap:12px;margin-bottom:4px;display:flex}.back-link.svelte-8lyz9q{width:32px;height:32px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.back-link.svelte-8lyz9q:hover{background:var(--accent-muted);color:var(--text)}.back-link.svelte-8lyz9q svg:where(.svelte-8lyz9q){width:16px;height:16px}h1.svelte-8lyz9q{color:var(--text);margin:0;font-size:22px;font-weight:600}.card.svelte-8lyz9q{background:var(--surface-elevated);border:1px solid var(--border);-webkit-backdrop-filter:blur(2px);border-radius:10px;padding:20px 24px}p.svelte-8lyz9q{color:var(--text);margin:0;font-size:14px;line-height:1.7}.intro.svelte-8lyz9q p:where(.svelte-8lyz9q)+p:where(.svelte-8lyz9q){margin-top:10px}a.svelte-8lyz9q{color:var(--accent);text-decoration:none}a.svelte-8lyz9q:hover{text-decoration:underline}a.svelte-8lyz9q:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.collection-list.svelte-8lyz9q{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.collection.svelte-8lyz9q{grid-template-rows:auto auto;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:6px 24px;display:grid}.visual.svelte-8lyz9q{grid-row:1/3;grid-template-rows:subgrid;margin:0;display:grid}.visual.svelte-8lyz9q img:where(.svelte-8lyz9q){border-radius:6px;width:100%;height:auto;display:block}.zoom-in.svelte-8lyz9q{cursor:zoom-in;background:0 0;border:0;border-radius:6px;width:100%;padding:0;display:block}.zoom-in.svelte-8lyz9q:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox.svelte-8lyz9q{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.lightbox.svelte-8lyz9q::backdrop{background:#000000d9}html:has(dialog.lightbox[open]){overflow:hidden}.zoom-out.svelte-8lyz9q{cursor:zoom-out;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.zoom-out.svelte-8lyz9q:focus-visible{outline:none}.zoom-out.svelte-8lyz9q figure:where(.svelte-8lyz9q){flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%;margin:0;display:flex}.zoom-out.svelte-8lyz9q img:where(.svelte-8lyz9q){object-fit:contain;background-position:50%;background-size:cover;border-radius:4px;width:auto;max-width:min(96vw,2400px);height:auto;max-height:calc(100dvh - 90px);display:block;box-shadow:0 10px 40px #00000080}.zoom-out.svelte-8lyz9q figcaption:where(.svelte-8lyz9q){color:#ffffffd9;text-align:center;font-size:13px;font-style:italic}.visual.svelte-8lyz9q figcaption:where(.svelte-8lyz9q){color:var(--text-muted);font-size:12px;font-style:italic;line-height:1.4}.board.svelte-8lyz9q{width:min(12rem,100%);margin:0 auto}.body.svelte-8lyz9q{grid-row:1/3;grid-template-rows:subgrid;display:grid}.text.svelte-8lyz9q{flex-direction:column;justify-content:flex-end;gap:24px;display:flex}h2.svelte-8lyz9q{margin:0;font-size:18px;font-weight:600;line-height:1.3}h2.svelte-8lyz9q a:where(.svelte-8lyz9q){color:var(--text)}h2.svelte-8lyz9q a:where(.svelte-8lyz9q):hover{color:var(--accent);text-decoration:none}.read.svelte-8lyz9q{place-self:start end;font-size:14px;font-weight:500}.empty.svelte-8lyz9q{text-align:center;color:var(--text-muted)}@media (width<=760px){.collection.svelte-8lyz9q{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:16px}.visual.svelte-8lyz9q,.body.svelte-8lyz9q{flex-direction:column;grid-row:auto;gap:6px;display:flex}.body.svelte-8lyz9q{gap:10px}.read.svelte-8lyz9q{align-self:flex-end}}@media (width<=480px){.card.svelte-8lyz9q{padding:16px}h1.svelte-8lyz9q{font-size:18px}.hero-bg.svelte-8lyz9q img:where(.svelte-8lyz9q){object-position:80% center}}