.stories-page.svelte-usdcs{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);padding:2rem 1rem;padding-bottom:100px}.page-header.svelte-usdcs{max-width:800px;margin:0 auto 2rem;text-align:center}.back-link.svelte-usdcs{display:inline-block;color:#64748b;text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .15s}.back-link.svelte-usdcs:hover{color:#94a3b8}h1.svelte-usdcs{font-size:2rem;color:#fff;margin-bottom:.5rem}.subtitle.svelte-usdcs{color:#94a3b8;font-size:1.1rem}.stories-grid.svelte-usdcs{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem}.story-card.svelte-usdcs{background:#1e293bcc;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column}@media(min-width:600px){.story-card.svelte-usdcs{flex-direction:row}}.story-card.svelte-usdcs:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.story-cover.svelte-usdcs{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#1e3a5f,#0f2744);display:flex;align-items:center;justify-content:center}@media(min-width:600px){.story-cover.svelte-usdcs{width:180px;height:auto;min-height:200px}}.story-cover.svelte-usdcs img:where(.svelte-usdcs){width:100%;height:100%;object-fit:cover}.story-cover-placeholder.svelte-usdcs{font-size:4rem}.story-level.svelte-usdcs{position:absolute;top:12px;right:12px;background:#3b82f6e6;color:#fff;font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:6px}.story-content.svelte-usdcs{flex:1;padding:1.5rem;display:flex;flex-direction:column}.story-content.svelte-usdcs h2:where(.svelte-usdcs){color:#fff;font-size:1.3rem;margin-bottom:.5rem}.story-description.svelte-usdcs{color:#94a3b8;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.story-meta.svelte-usdcs{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.meta-item.svelte-usdcs{color:#64748b;font-size:.85rem}.story-progress.svelte-usdcs{margin-bottom:1rem}.progress-bar.svelte-usdcs{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:.5rem}.progress-fill.svelte-usdcs{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;transition:width .3s ease}.progress-text.svelte-usdcs{color:#94a3b8;font-size:.85rem}.story-action.svelte-usdcs{margin-top:auto;padding-top:1rem}.action-text.svelte-usdcs{display:inline-block;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:10px;font-size:.95rem}.story-card.svelte-usdcs:hover .action-text:where(.svelte-usdcs){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.empty-state.svelte-usdcs{text-align:center;padding:4rem 2rem;color:#64748b}.empty-icon.svelte-usdcs{font-size:4rem;display:block;margin-bottom:1rem}.empty-state.svelte-usdcs h3:where(.svelte-usdcs){color:#94a3b8;margin-bottom:.5rem}