.genre-page.svelte-mfx9zt{background:var(--color-bg-tertiary);min-height:60vh}.genre-wrap.svelte-mfx9zt{max-width:960px;margin:0 auto;padding:20px 16px 80px}.page-head.svelte-mfx9zt{margin-bottom:14px}.page-head.svelte-mfx9zt h1:where(.svelte-mfx9zt){font-size:18px;font-weight:700}.sub.svelte-mfx9zt{font-size:12px;color:var(--color-text-tertiary);margin-top:2px}.searchbar.svelte-mfx9zt{display:flex;align-items:center;background:var(--color-bg-primary);border:.5px solid var(--color-border);border-radius:10px;padding:9px 14px;gap:8px;margin-bottom:14px}.searchbar.svelte-mfx9zt i:where(.svelte-mfx9zt){font-size:14px;color:var(--color-text-tertiary)}.searchbar.svelte-mfx9zt input:where(.svelte-mfx9zt){background:none;border:none;outline:none;font-size:13px;color:var(--color-text-primary);width:100%;font-family:inherit}.filter-row.svelte-mfx9zt{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.genre-pills.svelte-mfx9zt{display:flex;gap:6px;flex-wrap:wrap}.gpill.svelte-mfx9zt{font-size:11px;padding:4px 12px;border-radius:20px;background:var(--color-bg-primary);border:.5px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:all .12s}.gpill.svelte-mfx9zt:hover{border-color:var(--color-primary);color:var(--color-primary)}.gpill.active.svelte-mfx9zt{background:var(--color-primary-bg);border-color:var(--color-primary-border);color:var(--color-primary);font-weight:700}.urutan-pills.svelte-mfx9zt{display:flex;gap:5px}.upill.svelte-mfx9zt{padding:4px 12px;border-radius:20px;border:.5px solid var(--color-border);background:none;font-size:11px;cursor:pointer;color:var(--color-text-secondary);font-family:inherit}.upill.active.svelte-mfx9zt{background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:700;border-color:var(--color-border-strong)}.novel-grid.svelte-mfx9zt{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-bottom:20px}.pagination.svelte-mfx9zt{display:flex;gap:4px;justify-content:center;margin-top:16px}.page-btn.svelte-mfx9zt{min-width:32px;height:32px;border-radius:6px;border:.5px solid var(--color-border);background:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer;text-decoration:none;color:var(--color-text-primary)}.page-btn.svelte-mfx9zt:hover{background:var(--color-bg-secondary)}.page-btn.active.svelte-mfx9zt{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700}.empty-state.svelte-mfx9zt{text-align:center;padding:60px 16px;color:var(--color-text-tertiary)}.empty-state.svelte-mfx9zt i:where(.svelte-mfx9zt){font-size:40px;display:block;margin-bottom:10px}.empty-state.svelte-mfx9zt a:where(.svelte-mfx9zt){color:var(--color-primary);display:block;margin-top:8px}