.card.svelte-1rwcrzn{display:flex;flex-direction:column;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.card.svelte-1rwcrzn:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card-image.svelte-1rwcrzn{aspect-ratio:4 / 3;overflow:hidden;background:var(--color-border)}.card-image.svelte-1rwcrzn img:where(.svelte-1rwcrzn){width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card.svelte-1rwcrzn:hover .card-image:where(.svelte-1rwcrzn) img:where(.svelte-1rwcrzn){transform:scale(1.04)}.card-body.svelte-1rwcrzn{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.5rem}.badges.svelte-1rwcrzn{display:flex;gap:.4rem;flex-wrap:wrap}.badge.svelte-1rwcrzn{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;letter-spacing:.02em;text-transform:uppercase}.badge.age.svelte-1rwcrzn{background:#e8f4ea;color:#2d7a3c}.badge.length.svelte-1rwcrzn{background:var(--color-badge-bg);color:var(--color-primary-dark)}.card-title.svelte-1rwcrzn{font-family:var(--font-display);font-size:1.15rem;line-height:1.3;color:var(--color-text)}.card-topic.svelte-1rwcrzn{font-size:.88rem;color:var(--color-text-light);font-style:italic}.characters.svelte-1rwcrzn{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.25rem}.character-chip.svelte-1rwcrzn{font-size:.78rem;background:#f0eae0;color:var(--color-text-light);padding:.15rem .55rem;border-radius:999px}.page-header.svelte-1uha8ag{margin-bottom:2rem}.page-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-family:var(--font-display);font-size:2.2rem;color:var(--color-primary-dark);margin-bottom:.4rem}.page-header.svelte-1uha8ag p:where(.svelte-1uha8ag){color:var(--color-text-light);font-size:1rem}.story-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.empty-state.svelte-1uha8ag{text-align:center;padding:4rem 2rem;color:var(--color-text-light)}.empty-icon.svelte-1uha8ag{display:block;font-size:3.5rem;margin-bottom:1rem}.empty-state.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1rem;max-width:400px;margin:0 auto}.empty-state.svelte-1uha8ag code:where(.svelte-1uha8ag){background:var(--color-border);padding:.1em .4em;border-radius:4px;font-size:.9em}