.stories-page.svelte-vvl6ey{max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.page-header.svelte-vvl6ey{text-align:center;margin-bottom:3rem;padding-top:2rem}.page-header.svelte-vvl6ey h1:where(.svelte-vvl6ey){background:linear-gradient(135deg,#fff 0%,#a0aec0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:3rem;font-weight:700}.subtitle.svelte-vvl6ey{color:var(--color-text-muted);font-size:1.1rem}.filters.svelte-vvl6ey{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.search-box.svelte-vvl6ey input:where(.svelte-vvl6ey){width:100%;max-width:400px;color:var(--color-text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.search-box.svelte-vvl6ey input:where(.svelte-vvl6ey):focus{border-color:var(--color-accent,#3b82f6);outline:none}.tags-filter.svelte-vvl6ey{flex-wrap:wrap;gap:.5rem;display:flex}.tag-btn.svelte-vvl6ey{color:var(--color-text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.tag-btn.svelte-vvl6ey:hover{background:#ffffff1a}.tag-btn.active.svelte-vvl6ey{background:var(--color-accent,#3b82f6);border-color:var(--color-accent,#3b82f6);color:#fff}section.svelte-vvl6ey{margin-bottom:3rem}section.svelte-vvl6ey h2:where(.svelte-vvl6ey){color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.featured-grid.svelte-vvl6ey{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;display:grid}.featured-card.svelte-vvl6ey{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden}.featured-card.svelte-vvl6ey:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 8px 30px #0000004d}.card-image.svelte-vvl6ey{aspect-ratio:16/9;overflow:hidden}.card-image.svelte-vvl6ey img:where(.svelte-vvl6ey){object-fit:cover;width:100%;height:100%}.card-content.svelte-vvl6ey{padding:1.5rem}.card-content.svelte-vvl6ey h3:where(.svelte-vvl6ey){color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.card-content.svelte-vvl6ey p:where(.svelte-vvl6ey){color:var(--color-text-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.5}.card-meta.svelte-vvl6ey{color:var(--color-text-muted);gap:1rem;font-size:.8rem;display:flex}.stories-grid.svelte-vvl6ey{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.story-card.svelte-vvl6ey{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.story-card.svelte-vvl6ey:hover{border-color:#ffffff1f;transform:translateY(-2px)}.card-thumbnail.svelte-vvl6ey{aspect-ratio:16/10;overflow:hidden}.card-thumbnail.svelte-vvl6ey img:where(.svelte-vvl6ey){object-fit:cover;width:100%;height:100%}.card-body.svelte-vvl6ey{flex-direction:column;flex:1;padding:1.25rem;display:flex}.card-body.svelte-vvl6ey h3:where(.svelte-vvl6ey){color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:600;line-height:1.3}.card-body.svelte-vvl6ey .description:where(.svelte-vvl6ey){color:var(--color-text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-footer.svelte-vvl6ey{color:var(--color-text-muted);gap:1rem;margin-top:1rem;font-size:.75rem;display:flex}.card-tags.svelte-vvl6ey{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.card-tags.svelte-vvl6ey .tag:where(.svelte-vvl6ey){color:var(--color-accent,#3b82f6);background:#3b82f626;border-radius:4px;padding:.25rem .5rem;font-size:.7rem}.no-results.svelte-vvl6ey{text-align:center;color:var(--color-text-muted);padding:3rem}.no-results.svelte-vvl6ey button:where(.svelte-vvl6ey){background:var(--color-accent,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:1rem;padding:.5rem 1.5rem}@media (width<=768px){.stories-page.svelte-vvl6ey{padding:1rem}.page-header.svelte-vvl6ey h1:where(.svelte-vvl6ey){font-size:2rem}.featured-grid.svelte-vvl6ey,.stories-grid.svelte-vvl6ey{grid-template-columns:1fr}}