.novels-page.svelte-42gvk{background:linear-gradient(135deg,var(--primary-bg) 0%,var(--tertiary-bg) 100%);min-height:100vh;color:var(--primary-text);font-family:Merriweather,serif}.container.svelte-42gvk{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header.svelte-42gvk{text-align:center;margin:3rem 0}.page-header.svelte-42gvk h1:where(.svelte-42gvk){font-size:2.5rem;font-weight:700;color:var(--primary-text);margin-bottom:.5rem;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header.svelte-42gvk p:where(.svelte-42gvk){font-size:1.125rem;color:var(--muted-text)}.filters-section.svelte-42gvk{margin-bottom:3rem}.loading-container.svelte-42gvk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--muted-text)}.loading-spinner.svelte-42gvk{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-accent);border-radius:50%;animation:svelte-42gvk-spin 1s linear infinite;margin-bottom:1rem}@keyframes svelte-42gvk-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container.svelte-42gvk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--muted-text);text-align:center}.error-icon.svelte-42gvk{font-size:3rem;margin-bottom:1rem;color:var(--error-color)}.empty-container.svelte-42gvk{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0;color:var(--muted-text);text-align:center}.empty-icon.svelte-42gvk{font-size:3rem;margin-bottom:1rem}.empty-container.svelte-42gvk h3:where(.svelte-42gvk){color:var(--primary-text);margin-bottom:.5rem;font-size:1.5rem}.empty-container.svelte-42gvk p:where(.svelte-42gvk){color:var(--muted-text);margin-bottom:2rem;line-height:1.6}.novels-grid.svelte-42gvk{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding-bottom:3rem}@media (max-width: 768px){.novels-page.svelte-42gvk{padding:1rem 0}.page-header.svelte-42gvk h1:where(.svelte-42gvk){font-size:2rem}.novels-grid.svelte-42gvk{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.novels-grid.svelte-42gvk{grid-template-columns:1fr;gap:1rem}.page-header.svelte-42gvk h1:where(.svelte-42gvk){font-size:1.75rem}}