:root{--cyan: #00f0ff;--green: #10b981;--orange: #f59e0b}.posts-page.svelte-lvfn04{max-width:720px;margin:0 auto;padding:clamp(2.5rem,5vw,4rem) clamp(1.5rem,3vw + 1rem,4rem) 6rem}.page-header.svelte-lvfn04{margin-bottom:2.5rem}.page-header.svelte-lvfn04 h1:where(.svelte-lvfn04){font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5vw,3.2rem);margin-bottom:.5rem}.page-header.svelte-lvfn04 p:where(.svelte-lvfn04){color:var(--text-muted);font-size:1.1rem}.filters.svelte-lvfn04{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid color-mix(in srgb,var(--accent-200) 15%,transparent)}.filter-btn.svelte-lvfn04{background:transparent;border:1px solid color-mix(in srgb,var(--accent-200) 20%,transparent);color:var(--text-muted);padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.filter-btn.svelte-lvfn04:hover{border-color:color-mix(in srgb,var(--accent-200) 40%,transparent);color:var(--text-primary)}.filter-btn.active.svelte-lvfn04{background:color-mix(in srgb,var(--accent-400) 20%,transparent);border-color:var(--accent-400);color:var(--accent-100)}.posts-feed.svelte-lvfn04{display:grid;gap:1px;background:color-mix(in srgb,var(--accent-200) 10%,transparent);border-radius:1.5rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--accent-200) 10%,transparent)}.post-card.svelte-lvfn04{background:var(--surface-950);padding:1.75rem;display:grid;gap:.75rem}.post-card.svelte-lvfn04:hover{background:color-mix(in srgb,var(--surface-900) 60%,transparent)}.post-meta.svelte-lvfn04{display:flex;align-items:center;gap:1rem;font-size:.8rem}.post-type.svelte-lvfn04{color:var(--type-color);font-weight:600;text-transform:uppercase;letter-spacing:.08em}time.svelte-lvfn04{color:var(--text-muted)}.post-card.svelte-lvfn04 h2:where(.svelte-lvfn04){font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:600;margin:0;line-height:1.35}.post-card.svelte-lvfn04 h2:where(.svelte-lvfn04) a:where(.svelte-lvfn04){color:inherit;text-decoration:none}.post-card.svelte-lvfn04 h2:where(.svelte-lvfn04) a:where(.svelte-lvfn04):hover{color:var(--accent-200)}.post-card.svelte-lvfn04 p:where(.svelte-lvfn04){color:var(--text-muted);line-height:1.6;margin:0}.authors.svelte-lvfn04{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.empty.svelte-lvfn04{padding:3rem;text-align:center;color:var(--text-muted);background:var(--surface-950)}@media(max-width:640px){.post-card.svelte-lvfn04{padding:1.25rem}}
