.page-container.svelte-12legpx{padding-block:4rem 6rem}.page-header.svelte-12legpx{margin-bottom:2rem}.page-title.svelte-12legpx{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.type-filter.svelte-12legpx{display:flex;gap:.5rem;margin-bottom:2rem}.filter-btn.svelte-12legpx{font-size:.8125rem;font-weight:500;padding:.375rem .875rem;border-radius:999px;border:1px solid var(--color-border-subtle);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.filter-btn.svelte-12legpx:hover{border-color:var(--color-border);color:var(--color-text)}.filter-btn.active.svelte-12legpx{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.empty-state.svelte-12legpx{font-size:1rem;color:var(--color-text-muted);padding:3rem 0;text-align:center}.works-grid.svelte-12legpx{display:flex;flex-direction:column;gap:1rem}.works-card.svelte-12legpx{display:block;padding:1.5rem 2rem;background-color:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:.75rem;text-decoration:none;transition:border-color var(--transition-base),transform var(--transition-base)}.works-card.svelte-12legpx:hover{border-color:var(--color-border);transform:translateY(-2px)}.works-meta.svelte-12legpx{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.5rem}.works-type.svelte-12legpx{font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.works-title.svelte-12legpx{font-size:1.25rem;font-weight:600;color:var(--color-text);line-height:1.3;margin-bottom:.5rem}.works-desc.svelte-12legpx{font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.works-period.svelte-12legpx{display:inline-block;font-size:.75rem;color:var(--color-text-muted);margin-top:.75rem}