.blog-page.svelte-u4k2t{max-width:880px;margin:0 auto;padding:2rem 1.5rem}.blog-header.svelte-u4k2t{text-align:center;margin-bottom:2rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){color:#fff;font-size:2rem;font-weight:800}.blog-header.svelte-u4k2t p:where(.svelte-u4k2t){color:#888;margin-top:.5rem;font-size:.9rem}.category-bar.svelte-u4k2t{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.cat-btn.svelte-u4k2t{background:var(--color-surface);border:1px solid var(--color-border);color:#999;cursor:pointer;border-radius:99px;padding:.4rem 1rem;font-size:.8rem;transition:all .15s}.cat-btn.svelte-u4k2t:hover{border-color:var(--color-accent);color:#ddd}.cat-btn.active.svelte-u4k2t{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.featured-card.svelte-u4k2t{background:linear-gradient(135deg,#1a1228 0%,#15101f 100%);border:1px solid #2a2040;border-radius:16px;align-items:center;gap:1.5rem;margin-bottom:2rem;padding:2rem;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.featured-card.svelte-u4k2t:hover{border-color:var(--color-accent);box-shadow:0 8px 32px #7c4aed1f}.featured-emoji.svelte-u4k2t{flex-shrink:0;font-size:3rem}.featured-content.svelte-u4k2t{flex:1}.featured-cat.svelte-u4k2t{background:var(--color-accent);color:#fff;text-transform:uppercase;letter-spacing:.03em;border-radius:4px;margin-bottom:.5rem;padding:.15rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.featured-content.svelte-u4k2t h2:where(.svelte-u4k2t){color:#fff;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.featured-content.svelte-u4k2t p:where(.svelte-u4k2t){color:#999;margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.featured-meta.svelte-u4k2t{color:#666;gap:1rem;font-size:.75rem;display:flex}.post-grid.svelte-u4k2t{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;display:grid}.post-card.svelte-u4k2t{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.25rem;text-decoration:none;transition:border-color .15s,background .15s,transform .15s;display:flex}.post-card.svelte-u4k2t:hover{border-color:var(--color-accent);background:#1a1a28;transform:translateY(-2px)}.post-emoji.svelte-u4k2t{font-size:2rem}.post-body.svelte-u4k2t{flex-direction:column;gap:.3rem;display:flex}.post-cat.svelte-u4k2t{color:var(--color-accent);text-transform:uppercase;letter-spacing:.03em;font-size:.7rem;font-weight:600}.post-body.svelte-u4k2t h3:where(.svelte-u4k2t){color:#eee;font-size:.95rem;font-weight:700}.post-body.svelte-u4k2t p:where(.svelte-u4k2t){color:#888;font-size:.8rem;line-height:1.4}.post-meta.svelte-u4k2t{color:#555;gap:.4rem;margin-top:.25rem;font-size:.72rem;display:flex}.empty.svelte-u4k2t{text-align:center;color:#666;padding:3rem}.blog-cta.svelte-u4k2t{text-align:center;border-top:1px solid var(--color-border);background:linear-gradient(135deg,#1a122820,#15101f20);border-radius:12px;margin-top:3rem;padding:2.5rem 1rem}.blog-cta.svelte-u4k2t p:where(.svelte-u4k2t){color:#888;margin-bottom:1rem;font-size:.9rem}@media (width<=640px){.blog-page.svelte-u4k2t{padding:1.25rem 1rem}.blog-header.svelte-u4k2t h1:where(.svelte-u4k2t){font-size:1.5rem}.featured-card.svelte-u4k2t{text-align:center;flex-direction:column;padding:1.5rem}.post-grid.svelte-u4k2t{grid-template-columns:1fr}}
