diff --git a/cmd/server/tests/facets_integration_test.go b/cmd/server/tests/facets_integration_test.go
index 19b9c2c7..28298d8d 100644
--- a/cmd/server/tests/facets_integration_test.go
+++ b/cmd/server/tests/facets_integration_test.go
@@ -310,3 +310,261 @@ func mergeParams(base, extra url.Values) url.Values {
 	}
 	return out
 }
+
+// facetFixtureBooks is the under-filter counts fixture: two fantasy
+// books (Pinecrest / Quartzmill) and one history book (Pinecrest).
+// Publisher names are trigram-disjoint on purpose — the scalar-fuzzy
+// filter is word_similarity, and near-identical names ("Ace Books" vs
+// "Baen Books") cross-match at 0.3+ (session gotcha).
+func facetFixtureBooks(t *testing.T, setup *TestServerSetup, libraryID pgtype.UUID, prefix string) {
+	t.Helper()
+	ctx := context.Background()
+	books := []struct {
+		title     string
+		genre     string
+		publisher string
+	}{
+		{prefix + " Alpha", "fantasy", "Pinecrest"},
+		{prefix + " Beta", "fantasy", "Quartzmill"},
+		{prefix + " Gamma", "history", "Pinecrest"},
+	}
+	for _, b := range books {
+		_, err := setup.DB.CreateMediaItem(ctx, database.CreateMediaItemParams{
+			LibraryID:  libraryID,
+			Title:      b.title,
+			Authors:    []string{prefix + " Author"},
+			Genre:      pgtype.Text{String: b.genre, Valid: true},
+			Publishers: []string{b.publisher},
+			Language:   pgtype.Text{String: "en", Valid: true},
+			FilePath:   fmt.Sprintf("/tmp/facet-counts/%s-%d.epub", b.title, time.Now().UnixNano()),
+			FileSize:   pgtype.Int8{Int64: 1024, Valid: true},
+			MimeType:   pgtype.Text{String: "application/epub+zip", Valid: true},
+		})
+		require.NoError(t, err)
+	}
+}
+
+// facetCountValue is one decoded facet value+count.
+type facetCountValue struct {
+	Value string  `json:"value"`
+	Count float64 `json:"count"`
+}
+
+// facetCountsGet runs the all-facets endpoint (no facet param) and
+// decodes {"facets": {param: [{value, count}, …]}}.
+func facetCountsGet(t *testing.T, setup *TestServerSetup, params url.Values) (int, map[string][]facetCountValue) {
+	t.Helper()
+	req, _ := http.NewRequest("GET", setup.Server.URL+"/api/media-items/facets?"+params.Encode(), nil)
+	req.Header.Set("Authorization", "Bearer "+setup.RegularToken)
+	resp, err := http.DefaultClient.Do(req)
+	require.NoError(t, err)
+	defer func() { _ = resp.Body.Close() }()
+	if resp.StatusCode >= 400 {
+		return resp.StatusCode, nil
+	}
+	var body struct {
+		Facets map[string][]facetCountValue `json:"facets"`
+	}
+	require.NoError(t, json.NewDecoder(resp.Body).Decode(&body))
+	return resp.StatusCode, body.Facets
+}
+
+// requireFacetCount asserts one value's count within a facet.
+func requireFacetCount(t *testing.T, facet []facetCountValue, value string, want float64) {
+	t.Helper()
+	for _, v := range facet {
+		if v.Value == value {
+			require.Equal(t, want, v.Count, "facet value %q count", value)
+			return
+		}
+	}
+	require.Failf(t, "facet value missing", "%q not in facet", value)
+}
+
+// TestFacetCountsUnderFilters (faceted plan Phase 7): the all-facets
+// shape computes each facet's counts UNDER the other active filters —
+// a facet's own block is omitted from its arm (classic faceted
+// semantics: the genre list stays complete while genre filters the
+// rest), multi-select is OR-within, and the family lens holds on the
+// new shape too.
+func TestFacetCountsUnderFilters(t *testing.T) {
+	setup := setupTestServer(t)
+	t.Cleanup(func() { _ = setup.Close() })
+
+	userID := getRegularUserID(t, setup.DB)
+	ctx := context.Background()
+
+	libType, err := setup.DB.GetLibraryTypeByName(ctx, "ebooks")
+	require.NoError(t, err)
+	libName := fmt.Sprintf("Test Facet Counts %d", time.Now().UnixNano())
+	library, err := setup.DB.CreateLibrary(ctx, database.CreateLibraryParams{
+		Name:             libName,
+		Description:      pgtype.Text{String: "facet under-filter counts test library", Valid: true},
+		LibraryTypeID:    libType.ID,
+		CreatedByAdminID: pgtype.UUID{Bytes: [16]byte(userID), Valid: true},
+	})
+	require.NoError(t, err)
+	libUUID, err := uuid.FromBytes(library.ID.Bytes[0:16])
+	require.NoError(t, err)
+	t.Cleanup(func() { _ = setup.DB.DeleteLibrary(ctx, library.ID) })
+
+	hiddenLib, err := setup.DB.CreateLibrary(ctx, database.CreateLibraryParams{
+		Name:             fmt.Sprintf("Test Facet Counts Hidden %d", time.Now().UnixNano()),
+		Description:      pgtype.Text{String: "hidden for the regular user", Valid: true},
+		LibraryTypeID:    libType.ID,
+		CreatedByAdminID: pgtype.UUID{Bytes: [16]byte(userID), Valid: true},
+	})
+	require.NoError(t, err)
+	hiddenUUID, err := uuid.FromBytes(hiddenLib.ID.Bytes[0:16])
+	require.NoError(t, err)
+	t.Cleanup(func() { _ = setup.DB.DeleteLibrary(ctx, hiddenLib.ID) })
+	_, err = setup.DBPool.Exec(ctx,
+		`INSERT INTO library_visibility (library_id, user_id, is_visible) VALUES ($1, $2, false)`,
+		hiddenLib.ID, userID)
+	require.NoError(t, err)
+
+	facetFixtureBooks(t, setup, library.ID, "Counts")
+	// A book in the HIDDEN library: distinctive values that must never
+	// surface for the regular user.
+	_, err = setup.DB.CreateMediaItem(ctx, database.CreateMediaItemParams{
+		LibraryID:  hiddenLib.ID,
+		Title:      "Counts Hidden Book",
+		Authors:    []string{"Counts Secret Author"},
+		Genre:      pgtype.Text{String: "cryptobotany", Valid: true},
+		Publishers: []string{"Shadowpress"},
+		FilePath:   fmt.Sprintf("/tmp/facet-counts/hidden-%d.epub", time.Now().UnixNano()),
+		FileSize:   pgtype.Int8{Int64: 1024, Valid: true},
+		MimeType:   pgtype.Text{String: "application/epub+zip", Valid: true},
+	})
+	require.NoError(t, err)
+
+	// No filters: the v1 global-per-library counts.
+	status, counts := facetCountsGet(t, setup, url.Values{"library_id": {libUUID.String()}})
+	require.Equal(t, http.StatusOK, status)
+	requireFacetCount(t, counts["genre"], "fantasy", 2)
+	requireFacetCount(t, counts["genre"], "history", 1)
+	requireFacetCount(t, counts["publisher"], "Pinecrest", 2)
+	requireFacetCount(t, counts["publisher"], "Quartzmill", 1)
+
+	// Under genre=fantasy: the genre facet STILL lists everything with
+	// unfiltered counts (its own block is omitted from its arm), while
+	// the publisher facet counts only within fantasy.
+	status, counts = facetCountsGet(t, setup, url.Values{
+		"library_id":   {libUUID.String()},
+		"genre_filter": {"fantasy"},
+	})
+	require.Equal(t, http.StatusOK, status)
+	requireFacetCount(t, counts["genre"], "fantasy", 2)
+	requireFacetCount(t, counts["genre"], "history", 1)
+	requireFacetCount(t, counts["publisher"], "Pinecrest", 1)
+	requireFacetCount(t, counts["publisher"], "Quartzmill", 1)
+
+	// OR-within: both genres → Pinecrest regains Alpha (fantasy) and
+	// Gamma (history).
+	status, counts = facetCountsGet(t, setup, url.Values{
+		"library_id":   {libUUID.String()},
+		"genre_filter": {"fantasy,history"},
+	})
+	require.Equal(t, http.StatusOK, status)
+	requireFacetCount(t, counts["publisher"], "Pinecrest", 2)
+	requireFacetCount(t, counts["publisher"], "Quartzmill", 1)
+
+	// AND-across: genre=history + publisher=Pinecrest → the genre facet
+	// is unfiltered by ITSELF (its own block is omitted) but still
+	// counts under the active publisher filter: both Pinecrest books
+	// (Alpha fantasy, Gamma history) surface as 1 each, Beta (Quartzmill)
+	// is filtered away. The publisher facet sees only history books, so
+	// Pinecrest counts Gamma alone.
+	status, counts = facetCountsGet(t, setup, url.Values{
+		"library_id":       {libUUID.String()},
+		"genre_filter":     {"history"},
+		"publisher_filter": {"Pinecrest"},
+	})
+	require.Equal(t, http.StatusOK, status)
+	requireFacetCount(t, counts["genre"], "fantasy", 1)
+	requireFacetCount(t, counts["publisher"], "Pinecrest", 1)
+
+	// All-Libraries view (no library_id): the visible library's values
+	// are present, the hidden library's are absent everywhere.
+	status, counts = facetCountsGet(t, setup, url.Values{})
+	require.Equal(t, http.StatusOK, status)
+	requireFacetCount(t, counts["genre"], "fantasy", 2)
+	for _, v := range counts["genre"] {
+		require.NotEqual(t, "cryptobotany", v.Value, "hidden-library genre must be absent")
+	}
+	for _, v := range counts["publisher"] {
+		require.NotEqual(t, "Shadowpress", v.Value, "hidden-library publisher must be absent")
+	}
+
+	// Family lens: an explicit HIDDEN library_id on the new shape is a
+	// 403 (AGENTS standing rule — never a silent pass).
+	status, _ = facetCountsGet(t, setup, url.Values{"library_id": {hiddenUUID.String()}})
+	require.Equal(t, http.StatusForbidden, status)
+
+	// The pinned single-facet shape is untouched by the extension.
+	req, _ := http.NewRequest("GET", setup.Server.URL+"/api/media-items/facets?facet=genre&library_id="+libUUID.String(), nil)
+	req.Header.Set("Authorization", "Bearer "+setup.RegularToken)
+	resp, err := http.DefaultClient.Do(req)
+	require.NoError(t, err)
+	defer func() { _ = resp.Body.Close() }()
+	require.Equal(t, http.StatusOK, resp.StatusCode)
+	var single struct {
+		Facet  string            `json:"facet"`
+		Values []facetCountValue `json:"values"`
+	}
+	require.NoError(t, json.NewDecoder(resp.Body).Decode(&single))
+	require.Equal(t, "genre", single.Facet)
+	requireFacetCount(t, single.Values, "fantasy", 2)
+	requireFacetCount(t, single.Values, "history", 1)
+}
+
+// TestFacetPanelPartial covers the drawer's SSR partial
+// (GET /media-items/facet-panel): server-rendered registry-ordered
+// sections, library-type scoping (Batch D), active-value marking, and
+// the family lens on the HTML surface.
+func TestFacetPanelPartial(t *testing.T) {
+	setup := setupTestServer(t)
+	t.Cleanup(func() { _ = setup.Close() })
+
+	userID := getRegularUserID(t, setup.DB)
+	ctx := context.Background()
+
+	libType, err := setup.DB.GetLibraryTypeByName(ctx, "ebooks")
+	require.NoError(t, err)
+	library, err := setup.DB.CreateLibrary(ctx, database.CreateLibraryParams{
+		Name:             fmt.Sprintf("Test Facet Panel %d", time.Now().UnixNano()),
+		Description:      pgtype.Text{String: "facet panel partial test library", Valid: true},
+		LibraryTypeID:    libType.ID,
+		CreatedByAdminID: pgtype.UUID{Bytes: [16]byte(userID), Valid: true},
+	})
+	require.NoError(t, err)
+	libUUID, err := uuid.FromBytes(library.ID.Bytes[0:16])
+	require.NoError(t, err)
+	t.Cleanup(func() { _ = setup.DB.DeleteLibrary(ctx, library.ID) })
+
+	facetFixtureBooks(t, setup, library.ID, "Panel")
+
+	// Baseline: genre + publisher sections render with prettified
+	// genre labels and counts; type-restricted facets stay off the
+	// ebooks view (Batch D).
+	code, html := ssrGet(t, setup.Server.URL+"/media-items/facet-panel?library_id="+libUUID.String(), setup.RegularToken)
+	require.Equal(t, http.StatusOK, code)
+	require.Contains(t, html, `data-param="genre_filter"`)
+	require.Contains(t, html, `data-param="publisher_filter"`)
+	require.Contains(t, html, "Fantasy", "genre values render prettified")
+	require.Contains(t, html, `data-value="fantasy"`)
+	require.NotContains(t, html, `data-param="manga_type_filter"`, "manga_type is manga-only (Batch D)")
+	require.NotContains(t, html, `data-param="narrator_filter"`, "narrator is audiobooks-only (Batch D)")
+
+	// Under genre=fantasy: the fantasy button is marked active and the
+	// history value is STILL listed (its own block is omitted), proving
+	// the partial's counts come from the under-filter query.
+	code, html = ssrGet(t, setup.Server.URL+"/media-items/facet-panel?library_id="+libUUID.String()+"&genre_filter=fantasy", setup.RegularToken)
+	require.Equal(t, http.StatusOK, code)
+	require.Contains(t, html, "facet-value-active")
+	require.Contains(t, html, `data-value="history"`, "a facet's own filter never removes its values")
+
+	// Family lens on the HTML surface: an out-of-set library_id is 403.
+	code, _ = ssrGet(t, setup.Server.URL+"/media-items/facet-panel?library_id="+uuid.New().String(), setup.RegularToken)
+	require.Equal(t, http.StatusForbidden, code)
+}
diff --git a/docs/contract_pins.md b/docs/contract_pins.md
index 2f4e85a4..99abb9b6 100644
--- a/docs/contract_pins.md
+++ b/docs/contract_pins.md
@@ -257,3 +257,26 @@ cover_image_path, has_conflict, format_group, badge`.
   from the live server's scans started reaching the socket first.
   Keepalive is the standard protocol-level ping the hub already sends.
   Never-built behavior is not a pinnable contract.
+
+## 2026-10-20 — Scanner Phase 7: all-facets shape + SSR facet panel
+
+- `GET /api/media-items/facets` gains a SECOND shape: with NO `facet`
+  param it answers `{"facets": {<param>: [{"value","display?","count"},
+  …]}}` — every listable facet in one response, counts computed under
+  the ACTIVE FILTERS (the same query params the search endpoint takes;
+  each facet is counted under the others — its own filter does not
+  restrict its own list). `library_id` is optional on this shape:
+  absent = the All-Libraries view. Family-lens unchanged: an explicit
+  out-of-set `library_id` is 403 on both shapes.
+- The PINNED single-facet shape (`?facet=X&library_id=…` →
+  `{facet, values[]}`) is byte-identical in semantics; its
+  implementation now routes through the same UNION-ALL query with
+  neutral filters (the 14 per-column SQL queries were deleted — no
+  wire change).
+- NEW SSR partial: `GET /media-items/facet-panel` (session-cookie
+  auth, bookshelf-protected group) renders the drawer's value lists —
+  templ-rendered, registry order, library-type-scoped sections, active
+  values marked. An out-of-set explicit `library_id` is 403 HTML.
+- The 14 per-column facet SQL queries are replaced by one
+  `FacetCountsUnderFilters` UNION-ALL statement; the registry drift
+  guard now reflects over both generated param structs.
diff --git a/internal/database/querier.go b/internal/database/querier.go
index 17ba6d97..aed2e3d5 100644
--- a/internal/database/querier.go
+++ b/internal/database/querier.go
@@ -164,27 +164,27 @@ type Querier interface {
 	// historically stuff the user id into DeviceID (it only fed a broadcast
 	// label before stats); a capture row must only reference a REAL device.
 	DeviceExistsForUser(ctx context.Context, arg DeviceExistsForUserParams) (bool, error)
-	FacetAgeRatingValues(ctx context.Context, arg FacetAgeRatingValuesParams) ([]FacetAgeRatingValuesRow, error)
-	// Facet-value listings (faceted-navigation Batch C): top values + counts
-	// for the filter panel, one static query per media_items column (same
-	// sqlc-compatibility constraint as the Search*Values autocomplete above).
+	// Facet-value listings (faceted-navigation Batch C v2, faceted plan
+	// Phase 7): ALL listable facets' top values + counts in ONE statement —
+	// one round trip serves the filter drawer's panel, with classic faceted
+	// semantics: each arm OMITS its own facet's filter block and carries
+	// every OTHER registered facet's block (copied mechanically from
+	// SearchMediaItemsUnified — keep the two in lockstep), so with filters
+	// active each facet counts under the others, and with no filters the
+	// blocks are neutral and the counts are the v1 global-per-library ones.
+	// One query serves both cases.
+	//
 	// Visibility: same family-lens join as the search query — a user's
-	// hidden-library rows are absent, and the handler 403s an out-of-set
-	// explicit library_id. Counts are v1 global-per-library (not
-	// recomputed under the other active filters).
-	FacetAuthorsValues(ctx context.Context, arg FacetAuthorsValuesParams) ([]FacetAuthorsValuesRow, error)
-	FacetEditionValues(ctx context.Context, arg FacetEditionValuesParams) ([]FacetEditionValuesRow, error)
-	FacetFormatGroupValues(ctx context.Context, arg FacetFormatGroupValuesParams) ([]FacetFormatGroupValuesRow, error)
-	FacetGenreValues(ctx context.Context, arg FacetGenreValuesParams) ([]FacetGenreValuesRow, error)
-	FacetImprintValues(ctx context.Context, arg FacetImprintValuesParams) ([]FacetImprintValuesRow, error)
-	FacetLanguageValues(ctx context.Context, arg FacetLanguageValuesParams) ([]FacetLanguageValuesRow, error)
-	FacetMangaTypeValues(ctx context.Context, arg FacetMangaTypeValuesParams) ([]FacetMangaTypeValuesRow, error)
-	FacetNarratorsValues(ctx context.Context, arg FacetNarratorsValuesParams) ([]FacetNarratorsValuesRow, error)
-	FacetPublishersValues(ctx context.Context, arg FacetPublishersValuesParams) ([]FacetPublishersValuesRow, error)
-	FacetReadingDirectionValues(ctx context.Context, arg FacetReadingDirectionValuesParams) ([]FacetReadingDirectionValuesRow, error)
-	FacetSeriesValues(ctx context.Context, arg FacetSeriesValuesParams) ([]FacetSeriesValuesRow, error)
-	FacetStoryArcValues(ctx context.Context, arg FacetStoryArcValuesParams) ([]FacetStoryArcValuesRow, error)
-	FacetTagsValues(ctx context.Context, arg FacetTagsValuesParams) ([]FacetTagsValuesRow, error)
+	// hidden-library rows are absent; the handler 403s an out-of-set
+	// explicit library_id. library_id is nullable: NULL = the All-Libraries
+	// view (no scope beyond the lens). Bool/range facets (has_cover,
+	// explicit, abridged, year) filter every arm but list no values — they
+	// render as toggles/inputs, not lists.
+	//
+	// Per-arm LIMIT (parens required: ORDER BY/LIMIT inside a compound
+	// select bind per-arm only in parenthesized subqueries). The same
+	// sqlc.narg names repeat across arms; sqlc binds them once.
+	FacetCountsUnderFilters(ctx context.Context, arg FacetCountsUnderFiltersParams) ([]FacetCountsUnderFiltersRow, error)
 	// Find content-duplicate groups (same library + SHA-256, more than one row)
 	FindHashConflictGroups(ctx context.Context) ([]FindHashConflictGroupsRow, error)
 	GenerateKoboEntitlementId(ctx context.Context) (interface{}, error)
diff --git a/internal/database/queries.sql.go b/internal/database/queries.sql.go
index 3eb0f0b8..5295b104 100644
--- a/internal/database/queries.sql.go
+++ b/internal/database/queries.sql.go
@@ -2347,55 +2347,9 @@ func (q *Queries) DeviceExistsForUser(ctx context.Context, arg DeviceExistsForUs
 	return has_device, err
 }
 
-const FacetAgeRatingValues = `-- name: FacetAgeRatingValues :many
-SELECT mi.age_rating::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.age_rating IS NOT NULL AND mi.age_rating != ''
-GROUP BY mi.age_rating
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
+const FacetCountsUnderFilters = `-- name: FacetCountsUnderFilters :many
 
-type FacetAgeRatingValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetAgeRatingValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetAgeRatingValues(ctx context.Context, arg FacetAgeRatingValuesParams) ([]FacetAgeRatingValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetAgeRatingValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetAgeRatingValuesRow{}
-	for rows.Next() {
-		var i FacetAgeRatingValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetAuthorsValues = `-- name: FacetAuthorsValues :many
-
-SELECT a::text AS value, COUNT(*) AS count
+(SELECT 'author'::text AS facet, a::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
@@ -2403,376 +2357,67 @@ CROSS JOIN LATERAL unnest(mi.authors) AS a
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  -- author's own block omitted: a facet counts under the others
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND a IS NOT NULL AND a != ''
 GROUP BY a
 ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetAuthorsValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetAuthorsValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-// Facet-value listings (faceted-navigation Batch C): top values + counts
-// for the filter panel, one static query per media_items column (same
-// sqlc-compatibility constraint as the Search*Values autocomplete above).
-// Visibility: same family-lens join as the search query — a user's
-// hidden-library rows are absent, and the handler 403s an out-of-set
-// explicit library_id. Counts are v1 global-per-library (not
-// recomputed under the other active filters).
-func (q *Queries) FacetAuthorsValues(ctx context.Context, arg FacetAuthorsValuesParams) ([]FacetAuthorsValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetAuthorsValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetAuthorsValuesRow{}
-	for rows.Next() {
-		var i FacetAuthorsValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetEditionValues = `-- name: FacetEditionValues :many
-SELECT mi.edition::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.edition IS NOT NULL AND mi.edition != ''
-GROUP BY mi.edition
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetEditionValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetEditionValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetEditionValues(ctx context.Context, arg FacetEditionValuesParams) ([]FacetEditionValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetEditionValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetEditionValuesRow{}
-	for rows.Next() {
-		var i FacetEditionValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetFormatGroupValues = `-- name: FacetFormatGroupValues :many
-SELECT mi.format_group::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.format_group IS NOT NULL AND mi.format_group != ''
-GROUP BY mi.format_group
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetFormatGroupValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetFormatGroupValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetFormatGroupValues(ctx context.Context, arg FacetFormatGroupValuesParams) ([]FacetFormatGroupValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetFormatGroupValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetFormatGroupValuesRow{}
-	for rows.Next() {
-		var i FacetFormatGroupValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetGenreValues = `-- name: FacetGenreValues :many
-SELECT mi.genre::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.genre IS NOT NULL AND mi.genre != ''
-GROUP BY mi.genre
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetGenreValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetGenreValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetGenreValues(ctx context.Context, arg FacetGenreValuesParams) ([]FacetGenreValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetGenreValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetGenreValuesRow{}
-	for rows.Next() {
-		var i FacetGenreValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetImprintValues = `-- name: FacetImprintValues :many
-SELECT mi.imprint::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.imprint IS NOT NULL AND mi.imprint != ''
-GROUP BY mi.imprint
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetImprintValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetImprintValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetImprintValues(ctx context.Context, arg FacetImprintValuesParams) ([]FacetImprintValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetImprintValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetImprintValuesRow{}
-	for rows.Next() {
-		var i FacetImprintValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetLanguageValues = `-- name: FacetLanguageValues :many
-SELECT mi.language::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.language IS NOT NULL AND mi.language != ''
-GROUP BY mi.language
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetLanguageValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetLanguageValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetLanguageValues(ctx context.Context, arg FacetLanguageValuesParams) ([]FacetLanguageValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetLanguageValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetLanguageValuesRow{}
-	for rows.Next() {
-		var i FacetLanguageValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetMangaTypeValues = `-- name: FacetMangaTypeValues :many
-SELECT mi.manga_type::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.manga_type IS NOT NULL AND mi.manga_type != '' AND mi.manga_type != 'unknown'
-GROUP BY mi.manga_type
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetMangaTypeValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetMangaTypeValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetMangaTypeValues(ctx context.Context, arg FacetMangaTypeValuesParams) ([]FacetMangaTypeValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetMangaTypeValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetMangaTypeValuesRow{}
-	for rows.Next() {
-		var i FacetMangaTypeValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetNarratorsValues = `-- name: FacetNarratorsValues :many
-SELECT n::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-CROSS JOIN LATERAL unnest(mi.narrators) AS n
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND n IS NOT NULL AND n != ''
-GROUP BY n
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetNarratorsValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetNarratorsValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetNarratorsValues(ctx context.Context, arg FacetNarratorsValuesParams) ([]FacetNarratorsValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetNarratorsValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetNarratorsValuesRow{}
-	for rows.Next() {
-		var i FacetNarratorsValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetPublishersValues = `-- name: FacetPublishersValues :many
-SELECT p::text AS value, COUNT(*) AS count
+LIMIT $21)
+UNION ALL
+(SELECT 'publisher'::text AS facet, p::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
@@ -2780,184 +2425,135 @@ CROSS JOIN LATERAL unnest(mi.publishers) AS p
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND p IS NOT NULL AND p != ''
 GROUP BY p
 ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetPublishersValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetPublishersValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetPublishersValues(ctx context.Context, arg FacetPublishersValuesParams) ([]FacetPublishersValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetPublishersValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetPublishersValuesRow{}
-	for rows.Next() {
-		var i FacetPublishersValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetReadingDirectionValues = `-- name: FacetReadingDirectionValues :many
-SELECT mi.reading_direction::text AS value, COUNT(*) AS count
+LIMIT $21)
+UNION ALL
+(SELECT 'narrator'::text AS facet, n::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+CROSS JOIN LATERAL unnest(mi.narrators) AS n
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.reading_direction IS NOT NULL AND mi.reading_direction != '' AND mi.reading_direction != 'auto'
-GROUP BY mi.reading_direction
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND n IS NOT NULL AND n != ''
+GROUP BY n
 ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetReadingDirectionValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetReadingDirectionValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetReadingDirectionValues(ctx context.Context, arg FacetReadingDirectionValuesParams) ([]FacetReadingDirectionValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetReadingDirectionValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetReadingDirectionValuesRow{}
-	for rows.Next() {
-		var i FacetReadingDirectionValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetSeriesValues = `-- name: FacetSeriesValues :many
-SELECT mi.series::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.series IS NOT NULL AND mi.series != ''
-GROUP BY mi.series
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetSeriesValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetSeriesValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetSeriesValues(ctx context.Context, arg FacetSeriesValuesParams) ([]FacetSeriesValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetSeriesValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetSeriesValuesRow{}
-	for rows.Next() {
-		var i FacetSeriesValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetStoryArcValues = `-- name: FacetStoryArcValues :many
-SELECT mi.story_arc::text AS value, COUNT(*) AS count
-FROM media_items mi
-JOIN libraries l ON mi.library_id = l.id
-LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
-WHERE COALESCE(lv.is_visible, true) = true
-  AND mi.archived_at IS NULL
-  AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
-  AND mi.story_arc IS NOT NULL AND mi.story_arc != ''
-GROUP BY mi.story_arc
-ORDER BY count DESC, value ASC
-LIMIT $3
-`
-
-type FacetStoryArcValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
-}
-
-type FacetStoryArcValuesRow struct {
-	Value string `db:"value" json:"value"`
-	Count int64  `db:"count" json:"count"`
-}
-
-func (q *Queries) FacetStoryArcValues(ctx context.Context, arg FacetStoryArcValuesParams) ([]FacetStoryArcValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetStoryArcValues, arg.UserID, arg.LibraryID, arg.Limit)
-	if err != nil {
-		return nil, err
-	}
-	defer rows.Close()
-	items := []FacetStoryArcValuesRow{}
-	for rows.Next() {
-		var i FacetStoryArcValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
-			return nil, err
-		}
-		items = append(items, i)
-	}
-	if err := rows.Err(); err != nil {
-		return nil, err
-	}
-	return items, nil
-}
-
-const FacetTagsValues = `-- name: FacetTagsValues :many
-SELECT t::text AS value, COUNT(*) AS count
+LIMIT $21)
+UNION ALL
+(SELECT 'tags'::text AS facet, t::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
@@ -2965,34 +2561,850 @@ CROSS JOIN LATERAL unnest(mi.tags) AS t
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = $2
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND t IS NOT NULL AND t != ''
 GROUP BY t
 ORDER BY count DESC, value ASC
-LIMIT $3
+LIMIT $21)
+UNION ALL
+(SELECT 'series'::text AS facet, mi.series::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.series IS NOT NULL AND mi.series != ''
+GROUP BY mi.series
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'genre'::text AS facet, mi.genre::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.genre IS NOT NULL AND mi.genre != ''
+GROUP BY mi.genre
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'language'::text AS facet, mi.language::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.language IS NOT NULL AND mi.language != ''
+GROUP BY mi.language
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'story_arc'::text AS facet, mi.story_arc::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.story_arc IS NOT NULL AND mi.story_arc != ''
+GROUP BY mi.story_arc
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'imprint'::text AS facet, mi.imprint::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.imprint IS NOT NULL AND mi.imprint != ''
+GROUP BY mi.imprint
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'edition'::text AS facet, mi.edition::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.edition IS NOT NULL AND mi.edition != ''
+GROUP BY mi.edition
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'age_rating'::text AS facet, mi.age_rating::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.age_rating IS NOT NULL AND mi.age_rating != ''
+GROUP BY mi.age_rating
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'format_group'::text AS facet, mi.format_group::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.format_group IS NOT NULL AND mi.format_group != ''
+GROUP BY mi.format_group
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'manga_type'::text AS facet, mi.manga_type::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($15 = '' OR mi.reading_direction = ANY(string_to_array($15, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.manga_type IS NOT NULL AND mi.manga_type != '' AND mi.manga_type != 'unknown'
+GROUP BY mi.manga_type
+ORDER BY count DESC, value ASC
+LIMIT $21)
+UNION ALL
+(SELECT 'reading_direction'::text AS facet, mi.reading_direction::text AS value, COUNT(*)::bigint AS count
+FROM media_items mi
+JOIN libraries l ON mi.library_id = l.id
+LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = $1
+WHERE COALESCE(lv.is_visible, true) = true
+  AND mi.archived_at IS NULL
+  AND mi.missing_scan_count = 0
+  AND ($2::uuid IS NULL OR mi.library_id = $2::uuid)
+  AND ($22 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($22, ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND ($3 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($3, ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND ($4 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity($4, narrator) > 0.3
+  ))
+  AND ($5 = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity($5, tag) > 0.3
+  ))
+  AND ($6 = '' OR word_similarity($6, COALESCE(mi.series, '')) > 0.3)
+  AND ($7 = '' OR word_similarity($7, COALESCE(mi.genre, '')) > 0.3)
+  AND ($8 = '' OR word_similarity($8, COALESCE(mi.language, '')) > 0.3)
+  AND ($9 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($9, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND ($10 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($10, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND ($11 = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array($11, ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND ($12 = '' OR mi.age_rating = ANY(string_to_array($12, ',')))
+  AND ($13 = '' OR mi.format_group = ANY(string_to_array($13, ',')))
+  AND ($14 = '' OR mi.manga_type = ANY(string_to_array($14, ',')))
+  AND ($16::bool IS NULL OR mi.explicit = $16::bool)
+  AND ($17::bool IS NULL OR mi.abridged = $17::bool)
+  AND (
+    $18 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= $18 OR
+    (mi.date_published IS NULL AND mi.copyright_year >= $18)
+  )
+  AND (
+    $19 = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= $19 OR
+    (mi.date_published IS NULL AND mi.copyright_year <= $19)
+  )
+  AND (
+    $20::bool IS NULL OR
+    ($20::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    ($20::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
+  AND mi.reading_direction IS NOT NULL AND mi.reading_direction != '' AND mi.reading_direction != 'auto'
+GROUP BY mi.reading_direction
+ORDER BY count DESC, value ASC
+LIMIT $21)
 `
 
-type FacetTagsValuesParams struct {
-	UserID    pgtype.UUID `db:"user_id" json:"user_id"`
-	LibraryID pgtype.UUID `db:"library_id" json:"library_id"`
-	Limit     pgtype.Int4 `db:"limit" json:"limit"`
+type FacetCountsUnderFiltersParams struct {
+	UserID                 pgtype.UUID `db:"user_id" json:"user_id"`
+	LibraryID              pgtype.UUID `db:"library_id" json:"library_id"`
+	PublisherFilter        interface{} `db:"publisher_filter" json:"publisher_filter"`
+	NarratorFilter         interface{} `db:"narrator_filter" json:"narrator_filter"`
+	TagsFilter             interface{} `db:"tags_filter" json:"tags_filter"`
+	SeriesFilter           interface{} `db:"series_filter" json:"series_filter"`
+	GenreFilter            interface{} `db:"genre_filter" json:"genre_filter"`
+	LanguageFilter         interface{} `db:"language_filter" json:"language_filter"`
+	StoryArcFilter         interface{} `db:"story_arc_filter" json:"story_arc_filter"`
+	ImprintFilter          interface{} `db:"imprint_filter" json:"imprint_filter"`
+	EditionFilter          interface{} `db:"edition_filter" json:"edition_filter"`
+	AgeRatingFilter        interface{} `db:"age_rating_filter" json:"age_rating_filter"`
+	FormatGroupFilter      interface{} `db:"format_group_filter" json:"format_group_filter"`
+	MangaTypeFilter        interface{} `db:"manga_type_filter" json:"manga_type_filter"`
+	ReadingDirectionFilter interface{} `db:"reading_direction_filter" json:"reading_direction_filter"`
+	ExplicitFilter         pgtype.Bool `db:"explicit_filter" json:"explicit_filter"`
+	AbridgedFilter         pgtype.Bool `db:"abridged_filter" json:"abridged_filter"`
+	YearMin                interface{} `db:"year_min" json:"year_min"`
+	YearMax                interface{} `db:"year_max" json:"year_max"`
+	HasCover               pgtype.Bool `db:"has_cover" json:"has_cover"`
+	Limit                  pgtype.Int4 `db:"limit" json:"limit"`
+	AuthorFilter           interface{} `db:"author_filter" json:"author_filter"`
 }
 
-type FacetTagsValuesRow struct {
+type FacetCountsUnderFiltersRow struct {
+	Facet string `db:"facet" json:"facet"`
 	Value string `db:"value" json:"value"`
 	Count int64  `db:"count" json:"count"`
 }
 
-func (q *Queries) FacetTagsValues(ctx context.Context, arg FacetTagsValuesParams) ([]FacetTagsValuesRow, error) {
-	rows, err := q.db.Query(ctx, FacetTagsValues, arg.UserID, arg.LibraryID, arg.Limit)
+// Facet-value listings (faceted-navigation Batch C v2, faceted plan
+// Phase 7): ALL listable facets' top values + counts in ONE statement —
+// one round trip serves the filter drawer's panel, with classic faceted
+// semantics: each arm OMITS its own facet's filter block and carries
+// every OTHER registered facet's block (copied mechanically from
+// SearchMediaItemsUnified — keep the two in lockstep), so with filters
+// active each facet counts under the others, and with no filters the
+// blocks are neutral and the counts are the v1 global-per-library ones.
+// One query serves both cases.
+//
+// Visibility: same family-lens join as the search query — a user's
+// hidden-library rows are absent; the handler 403s an out-of-set
+// explicit library_id. library_id is nullable: NULL = the All-Libraries
+// view (no scope beyond the lens). Bool/range facets (has_cover,
+// explicit, abridged, year) filter every arm but list no values — they
+// render as toggles/inputs, not lists.
+//
+// Per-arm LIMIT (parens required: ORDER BY/LIMIT inside a compound
+// select bind per-arm only in parenthesized subqueries). The same
+// sqlc.narg names repeat across arms; sqlc binds them once.
+func (q *Queries) FacetCountsUnderFilters(ctx context.Context, arg FacetCountsUnderFiltersParams) ([]FacetCountsUnderFiltersRow, error) {
+	rows, err := q.db.Query(ctx, FacetCountsUnderFilters,
+		arg.UserID,
+		arg.LibraryID,
+		arg.PublisherFilter,
+		arg.NarratorFilter,
+		arg.TagsFilter,
+		arg.SeriesFilter,
+		arg.GenreFilter,
+		arg.LanguageFilter,
+		arg.StoryArcFilter,
+		arg.ImprintFilter,
+		arg.EditionFilter,
+		arg.AgeRatingFilter,
+		arg.FormatGroupFilter,
+		arg.MangaTypeFilter,
+		arg.ReadingDirectionFilter,
+		arg.ExplicitFilter,
+		arg.AbridgedFilter,
+		arg.YearMin,
+		arg.YearMax,
+		arg.HasCover,
+		arg.Limit,
+		arg.AuthorFilter,
+	)
 	if err != nil {
 		return nil, err
 	}
 	defer rows.Close()
-	items := []FacetTagsValuesRow{}
+	items := []FacetCountsUnderFiltersRow{}
 	for rows.Next() {
-		var i FacetTagsValuesRow
-		if err := rows.Scan(&i.Value, &i.Count); err != nil {
+		var i FacetCountsUnderFiltersRow
+		if err := rows.Scan(&i.Facet, &i.Value, &i.Count); err != nil {
 			return nil, err
 		}
 		items = append(items, i)
diff --git a/internal/database/queries/queries.sql b/internal/database/queries/queries.sql
index 9ac968c2..b0abe38e 100644
--- a/internal/database/queries/queries.sql
+++ b/internal/database/queries/queries.sql
@@ -1006,16 +1006,29 @@ GROUP BY mi.language, word_similarity(sqlc.narg('search_query'), COALESCE(mi.lan
 ORDER BY score DESC, count DESC
 LIMIT sqlc.narg('limit') OFFSET sqlc.narg('offset');
 
--- Facet-value listings (faceted-navigation Batch C): top values + counts
--- for the filter panel, one static query per media_items column (same
--- sqlc-compatibility constraint as the Search*Values autocomplete above).
+-- Facet-value listings (faceted-navigation Batch C v2, faceted plan
+-- Phase 7): ALL listable facets' top values + counts in ONE statement —
+-- one round trip serves the filter drawer's panel, with classic faceted
+-- semantics: each arm OMITS its own facet's filter block and carries
+-- every OTHER registered facet's block (copied mechanically from
+-- SearchMediaItemsUnified — keep the two in lockstep), so with filters
+-- active each facet counts under the others, and with no filters the
+-- blocks are neutral and the counts are the v1 global-per-library ones.
+-- One query serves both cases.
+--
 -- Visibility: same family-lens join as the search query — a user's
--- hidden-library rows are absent, and the handler 403s an out-of-set
--- explicit library_id. Counts are v1 global-per-library (not
--- recomputed under the other active filters).
+-- hidden-library rows are absent; the handler 403s an out-of-set
+-- explicit library_id. library_id is nullable: NULL = the All-Libraries
+-- view (no scope beyond the lens). Bool/range facets (has_cover,
+-- explicit, abridged, year) filter every arm but list no values — they
+-- render as toggles/inputs, not lists.
+--
+-- Per-arm LIMIT (parens required: ORDER BY/LIMIT inside a compound
+-- select bind per-arm only in parenthesized subqueries). The same
+-- sqlc.narg names repeat across arms; sqlc binds them once.
 
--- name: FacetAuthorsValues :many
-SELECT a::text AS value, COUNT(*) AS count
+-- name: FacetCountsUnderFilters :many
+(SELECT 'author'::text AS facet, a::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
@@ -1023,14 +1036,67 @@ CROSS JOIN LATERAL unnest(mi.authors) AS a
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  -- author's own block omitted: a facet counts under the others
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND a IS NOT NULL AND a != ''
 GROUP BY a
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetPublishersValues :many
-SELECT p::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'publisher'::text AS facet, p::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
@@ -1038,14 +1104,66 @@ CROSS JOIN LATERAL unnest(mi.publishers) AS p
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND p IS NOT NULL AND p != ''
 GROUP BY p
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetNarratorsValues :many
-SELECT n::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'narrator'::text AS facet, n::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
@@ -1053,14 +1171,68 @@ CROSS JOIN LATERAL unnest(mi.narrators) AS n
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND n IS NOT NULL AND n != ''
 GROUP BY n
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetTagsValues :many
-SELECT t::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'tags'::text AS facet, t::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
@@ -1068,151 +1240,765 @@ CROSS JOIN LATERAL unnest(mi.tags) AS t
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND t IS NOT NULL AND t != ''
 GROUP BY t
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetSeriesValues :many
-SELECT mi.series::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'series'::text AS facet, mi.series::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.series IS NOT NULL AND mi.series != ''
 GROUP BY mi.series
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetGenreValues :many
-SELECT mi.genre::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'genre'::text AS facet, mi.genre::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.genre IS NOT NULL AND mi.genre != ''
 GROUP BY mi.genre
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetLanguageValues :many
-SELECT mi.language::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'language'::text AS facet, mi.language::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.language IS NOT NULL AND mi.language != ''
 GROUP BY mi.language
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetStoryArcValues :many
-SELECT mi.story_arc::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'story_arc'::text AS facet, mi.story_arc::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.story_arc IS NOT NULL AND mi.story_arc != ''
 GROUP BY mi.story_arc
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetImprintValues :many
-SELECT mi.imprint::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'imprint'::text AS facet, mi.imprint::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.imprint IS NOT NULL AND mi.imprint != ''
 GROUP BY mi.imprint
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetEditionValues :many
-SELECT mi.edition::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'edition'::text AS facet, mi.edition::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.edition IS NOT NULL AND mi.edition != ''
 GROUP BY mi.edition
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetAgeRatingValues :many
-SELECT mi.age_rating::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'age_rating'::text AS facet, mi.age_rating::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.age_rating IS NOT NULL AND mi.age_rating != ''
 GROUP BY mi.age_rating
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetFormatGroupValues :many
-SELECT mi.format_group::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'format_group'::text AS facet, mi.format_group::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.format_group IS NOT NULL AND mi.format_group != ''
 GROUP BY mi.format_group
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetMangaTypeValues :many
-SELECT mi.manga_type::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'manga_type'::text AS facet, mi.manga_type::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('reading_direction_filter') = '' OR mi.reading_direction = ANY(string_to_array(sqlc.narg('reading_direction_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.manga_type IS NOT NULL AND mi.manga_type != '' AND mi.manga_type != 'unknown'
 GROUP BY mi.manga_type
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
-
--- name: FacetReadingDirectionValues :many
-SELECT mi.reading_direction::text AS value, COUNT(*) AS count
+LIMIT sqlc.narg('limit'))
+UNION ALL
+(SELECT 'reading_direction'::text AS facet, mi.reading_direction::text AS value, COUNT(*)::bigint AS count
 FROM media_items mi
 JOIN libraries l ON mi.library_id = l.id
 LEFT JOIN library_visibility lv ON l.id = lv.library_id AND lv.user_id = sqlc.narg('user_id')
 WHERE COALESCE(lv.is_visible, true) = true
   AND mi.archived_at IS NULL
   AND mi.missing_scan_count = 0
-  AND mi.library_id = sqlc.narg('library_id')
+  AND (sqlc.narg('library_id')::uuid IS NULL OR mi.library_id = sqlc.narg('library_id')::uuid)
+  AND (sqlc.narg('author_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('author_filter'), ',')) AS f
+    JOIN unnest(mi.authors) AS ae ON true
+    WHERE word_similarity(f, COALESCE(ae, '')) > 0.3
+  ))
+  AND (sqlc.narg('publisher_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('publisher_filter'), ',')) AS f
+    JOIN unnest(mi.publishers) AS pe ON true
+    WHERE word_similarity(f, COALESCE(pe, '')) > 0.3
+  ))
+  AND (sqlc.narg('narrator_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.narrators_search) AS narrator
+    WHERE word_similarity(sqlc.narg('narrator_filter'), narrator) > 0.3
+  ))
+  AND (sqlc.narg('tags_filter') = '' OR EXISTS (
+    SELECT 1 FROM unnest(mi.tags_search) AS tag
+    WHERE word_similarity(sqlc.narg('tags_filter'), tag) > 0.3
+  ))
+  AND (sqlc.narg('series_filter') = '' OR word_similarity(sqlc.narg('series_filter'), COALESCE(mi.series, '')) > 0.3)
+  AND (sqlc.narg('genre_filter') = '' OR word_similarity(sqlc.narg('genre_filter'), COALESCE(mi.genre, '')) > 0.3)
+  AND (sqlc.narg('language_filter') = '' OR word_similarity(sqlc.narg('language_filter'), COALESCE(mi.language, '')) > 0.3)
+  AND (sqlc.narg('story_arc_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('story_arc_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.story_arc, '')) > 0.3
+  ))
+  AND (sqlc.narg('imprint_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('imprint_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.imprint, '')) > 0.3
+  ))
+  AND (sqlc.narg('edition_filter') = '' OR EXISTS (
+    SELECT 1
+    FROM unnest(string_to_array(sqlc.narg('edition_filter'), ',')) AS f
+    WHERE word_similarity(f, COALESCE(mi.edition, '')) > 0.3
+  ))
+  AND (sqlc.narg('age_rating_filter') = '' OR mi.age_rating = ANY(string_to_array(sqlc.narg('age_rating_filter'), ',')))
+  AND (sqlc.narg('format_group_filter') = '' OR mi.format_group = ANY(string_to_array(sqlc.narg('format_group_filter'), ',')))
+  AND (sqlc.narg('manga_type_filter') = '' OR mi.manga_type = ANY(string_to_array(sqlc.narg('manga_type_filter'), ',')))
+  AND (sqlc.narg('explicit_filter')::bool IS NULL OR mi.explicit = sqlc.narg('explicit_filter')::bool)
+  AND (sqlc.narg('abridged_filter')::bool IS NULL OR mi.abridged = sqlc.narg('abridged_filter')::bool)
+  AND (
+    sqlc.narg('year_min') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) >= sqlc.narg('year_min') OR
+    (mi.date_published IS NULL AND mi.copyright_year >= sqlc.narg('year_min'))
+  )
+  AND (
+    sqlc.narg('year_max') = 0 OR
+    EXTRACT(YEAR FROM mi.date_published) <= sqlc.narg('year_max') OR
+    (mi.date_published IS NULL AND mi.copyright_year <= sqlc.narg('year_max'))
+  )
+  AND (
+    sqlc.narg('has_cover')::bool IS NULL OR
+    (sqlc.narg('has_cover')::bool IS TRUE AND mi.cover_image_path IS NOT NULL) OR
+    (sqlc.narg('has_cover')::bool IS FALSE AND mi.cover_image_path IS NULL)
+  )
   AND mi.reading_direction IS NOT NULL AND mi.reading_direction != '' AND mi.reading_direction != 'auto'
 GROUP BY mi.reading_direction
 ORDER BY count DESC, value ASC
-LIMIT sqlc.narg('limit');
+LIMIT sqlc.narg('limit'));
+
 
 -- Media Notes queries
 -- name: GetMediaNote :one
diff --git a/internal/handlers/media.go b/internal/handlers/media.go
index 910f56d5..34de4ef8 100644
--- a/internal/handlers/media.go
+++ b/internal/handlers/media.go
@@ -2446,22 +2446,22 @@ func ParseMediaSearchParams(c searchParamSource) services.SearchParams {
 	}
 
 	return services.SearchParams{
-		SearchQuery:     c.QueryParam("q"),
-		LibraryID:       libUUID,
-		AuthorFilter:    c.QueryParam("author_filter"),
-		SeriesFilter:    c.QueryParam("series_filter"),
-		GenreFilter:     c.QueryParam("genre_filter"),
-		PublisherFilter: c.QueryParam("publisher_filter"),
-		TagsFilter:      c.QueryParam("tags_filter"),
-		NarratorFilter:  c.QueryParam("narrator_filter"),
-		LanguageFilter:  c.QueryParam("language_filter"),
-		YearMin:         yearMin,
-		YearMax:         yearMax,
-		HasCover:        boolFacet("has_cover"),
-		StoryArcFilter:  c.QueryParam("story_arc_filter"),
-		ImprintFilter:   c.QueryParam("imprint_filter"),
-		EditionFilter:   c.QueryParam("edition_filter"),
-		AgeRatingFilter: c.QueryParam("age_rating_filter"),
+		SearchQuery:            c.QueryParam("q"),
+		LibraryID:              libUUID,
+		AuthorFilter:           c.QueryParam("author_filter"),
+		SeriesFilter:           c.QueryParam("series_filter"),
+		GenreFilter:            c.QueryParam("genre_filter"),
+		PublisherFilter:        c.QueryParam("publisher_filter"),
+		TagsFilter:             c.QueryParam("tags_filter"),
+		NarratorFilter:         c.QueryParam("narrator_filter"),
+		LanguageFilter:         c.QueryParam("language_filter"),
+		YearMin:                yearMin,
+		YearMax:                yearMax,
+		HasCover:               boolFacet("has_cover"),
+		StoryArcFilter:         c.QueryParam("story_arc_filter"),
+		ImprintFilter:          c.QueryParam("imprint_filter"),
+		EditionFilter:          c.QueryParam("edition_filter"),
+		AgeRatingFilter:        c.QueryParam("age_rating_filter"),
 		FormatGroupFilter:      c.QueryParam("format_group_filter"),
 		MangaTypeFilter:        c.QueryParam("manga_type_filter"),
 		ReadingDirectionFilter: c.QueryParam("reading_direction_filter"),
@@ -2490,11 +2490,21 @@ func (mh *MediaHandler) libraryVisible(c *echo.Context, libraryID pgtype.UUID) (
 	return false, nil
 }
 
-// GetFacets handles GET /api/media-items/facets?facet=X&library_id=...
-// — the filter panel's value+count listing (faceted-navigation Batch C).
-// Registry-driven: the facet param must name a FacetArray or
-// FacetScalar entry (bool/range facets render as toggles, not lists).
-// Family-lens: an explicit library_id outside the visible set is 403.
+// GetFacets handles GET /api/media-items/facets — the filter panel's
+// value+count listing (faceted-navigation Batch C, extended in Phase 7).
+//
+// Two shapes:
+//   - ?facet=X&library_id=… → the PINNED single-facet shape
+//     ({facet, values[]}); facet must name a FacetArray or FacetScalar
+//     entry (bool/range facets render as toggles, not lists).
+//   - no facet param → the all-facets shape ({"facets": {param:
+//     [value,…]}}), computed under the ACTIVE FILTERS (the same query
+//     params the search endpoint takes) — each facet counts under the
+//     others, the SQL omitting each arm's own block. library_id is
+//     optional: absent = the All-Libraries view.
+//
+// Family-lens: an explicit library_id outside the visible set is 403
+// in both shapes.
 func (mh *MediaHandler) GetFacets(c *echo.Context) error {
 	user, ok := c.Get("user").(database.Users)
 	if !ok {
@@ -2503,8 +2513,43 @@ func (mh *MediaHandler) GetFacets(c *echo.Context) error {
 
 	facetParam := c.QueryParam("facet")
 	libraryID := c.QueryParam("library_id")
-	if facetParam == "" || libraryID == "" {
-		return c.JSON(http.StatusBadRequest, map[string]string{"error": "facet and library_id are required"})
+
+	limit, _ := strconv.Atoi(c.QueryParam("limit"))
+	if limit == 0 {
+		limit = 50
+	}
+
+	if facetParam == "" {
+		// All-facets shape: filters bind exactly like the search
+		// endpoint's (ParseMediaSearchParams), so the panel's counts
+		// and the grid's rows can never disagree about what's active.
+		var libPg pgtype.UUID
+		if libraryID != "" {
+			libUUID, err := uuid.Parse(libraryID)
+			if err != nil {
+				return c.JSON(http.StatusBadRequest, map[string]string{"error": "invalid library_id"})
+			}
+			libPg = pgtype.UUID{Bytes: libUUID, Valid: true}
+			visible, err := mh.libraryVisible(c, libPg)
+			if err != nil {
+				return c.JSON(http.StatusInternalServerError, map[string]string{"error": err.Error()})
+			}
+			if !visible {
+				return c.JSON(http.StatusForbidden, map[string]string{"error": "library not visible"})
+			}
+		}
+		counts, err := mh.searchService.FacetCounts(c.Request().Context(), user.ID, libPg, ParseMediaSearchParams(c), limit)
+		if err != nil {
+			c.Logger().Error("facet counts error", "error", err.Error())
+			return c.JSON(http.StatusInternalServerError, map[string]string{"error": err.Error()})
+		}
+		return c.JSON(http.StatusOK, map[string]interface{}{
+			"facets": counts,
+		})
+	}
+
+	if libraryID == "" {
+		return c.JSON(http.StatusBadRequest, map[string]string{"error": "library_id is required"})
 	}
 	facet := services.FacetByParam(facetParam)
 	if facet == nil {
@@ -2527,11 +2572,6 @@ func (mh *MediaHandler) GetFacets(c *echo.Context) error {
 		return c.JSON(http.StatusForbidden, map[string]string{"error": "library not visible"})
 	}
 
-	limit, _ := strconv.Atoi(c.QueryParam("limit"))
-	if limit == 0 {
-		limit = 50
-	}
-
 	values, err := mh.searchService.FacetValues(c.Request().Context(), user.ID, *facet, libPg, limit)
 	if err != nil {
 		c.Logger().Error("facet values error", "error", err.Error(), "facet", facetParam)
@@ -2543,6 +2583,13 @@ func (mh *MediaHandler) GetFacets(c *echo.Context) error {
 	})
 }
 
+// FacetCountsForView is the SSR facet panel's data path (faceted plan
+// Phase 7): the all-facets counts under the active filters for one
+// library — or across every visible library when libraryID is NULL.
+func (mh *MediaHandler) FacetCountsForView(ctx context.Context, userID, libraryID pgtype.UUID, params services.SearchParams, limit int) (map[string][]services.FacetValue, error) {
+	return mh.searchService.FacetCounts(ctx, userID, libraryID, params, limit)
+}
+
 // handleFieldValuesSearch handles autocomplete queries (author=value, genre=value, etc.)
 // Returns distinct field values with counts and similarity scores for dropdown population
 func (mh *MediaHandler) handleFieldValuesSearch(c *echo.Context, userID pgtype.UUID, fieldType, searchQuery string) error {
diff --git a/internal/router/frontend.go b/internal/router/frontend.go
index 9dfdb830..d2151559 100644
--- a/internal/router/frontend.go
+++ b/internal/router/frontend.go
@@ -386,6 +386,129 @@ func registerFrontendRoutes(cfg *Config) {
 		return c.HTML(http.StatusOK, buf.String())
 	})
 
+	// Facet panel partial (faceted plan Phase 7): the bookshelf filter
+	// drawer's value-list sections, server-rendered from the facet
+	// registry + the under-filter counts. The drawer fetches it with the
+	// CURRENT filter query string, so the counts always reflect exactly
+	// what the grid shows; a value click is bookshelf.ts toggling that
+	// facet's filter and re-applying the form.
+	frontendProtected.GET("/media-items/facet-panel", func(c *echo.Context) error {
+		user, err := getTemplateUserWithTheme(c, cfg)
+		if err != nil {
+			return renderErrorPage(c, "Error loading user", "user_load_error")
+		}
+
+		// Family lens (AGENTS standing rule): the panel lists media
+		// metadata, so an explicit library_id outside the visible set is
+		// a 403 — never a silent fallback.
+		if requested := c.QueryParam("library_id"); requested != "" {
+			if requestedUUID, parseErr := uuid.Parse(requested); parseErr == nil {
+				visibleSet, _, visErr := visibleLibraryIDsFor(c, cfg)
+				if visErr != nil {
+					log.Printf("visibleLibraryIDsFor failed: %v", visErr)
+					return c.HTML(http.StatusInternalServerError, "<div class=\"p-4 text-sm\">Failed to resolve library visibility</div>")
+				}
+				if !visibleSet[requestedUUID.String()] {
+					return c.HTML(http.StatusForbidden, "<div class=\"p-4 text-sm\">Library not visible</div>")
+				}
+			}
+		}
+
+		// Same library resolution the page/grid uses (param → cookie →
+		// first visible), so panel scope and grid scope agree.
+		libRes := resolveLibrary(c, cfg, user.ID)
+
+		userUUID, _ := uuid.Parse(user.ID)
+		params := handlers.ParseMediaSearchParams(c)
+		params.UserID = pgtype.UUID{Bytes: userUUID, Valid: true}
+		params.LibraryID = libRes.LibUUID
+
+		counts, err := cfg.MediaHandler.FacetCountsForView(c.Request().Context(), params.UserID, libRes.LibUUID, params, 50)
+		if err != nil {
+			log.Printf("facet panel counts failed: %v", err)
+			return c.HTML(http.StatusInternalServerError, "<div class=\"p-4 text-sm\">Failed to load facet values</div>")
+		}
+
+		// Active filter values per wire param — a value is Active when
+		// it appears in its facet's bound set (language normalized the
+		// same way the query binds it).
+		wireValues := []struct {
+			wire string
+			val  string
+		}{
+			{"author_filter", params.AuthorFilter},
+			{"publisher_filter", params.PublisherFilter},
+			{"narrator_filter", params.NarratorFilter},
+			{"tags_filter", params.TagsFilter},
+			{"series_filter", params.SeriesFilter},
+			{"genre_filter", params.GenreFilter},
+			{"language_filter", services.NormalizeLanguageFilter(params.LanguageFilter)},
+			{"story_arc_filter", params.StoryArcFilter},
+			{"imprint_filter", params.ImprintFilter},
+			{"edition_filter", params.EditionFilter},
+			{"age_rating_filter", params.AgeRatingFilter},
+			{"format_group_filter", params.FormatGroupFilter},
+			{"manga_type_filter", params.MangaTypeFilter},
+			{"reading_direction_filter", params.ReadingDirectionFilter},
+		}
+		activeValues := make(map[string][]string, len(wireValues))
+		for _, wv := range wireValues {
+			activeValues[wv.wire] = services.SplitFacetValues(wv.val)
+		}
+
+		// Batch D rendering rules: the view's library type picks the
+		// facets (All Libraries → the union); only value-bearing kinds
+		// render sections — bool/range facets are the drawer's typed
+		// inputs.
+		typeName := ""
+		if !libRes.IsAll {
+			for _, ld := range libRes.Libraries {
+				if ld.ID == libRes.LibraryID {
+					typeName = ld.TypeName
+					break
+				}
+			}
+		}
+
+		sections := make([]templates.FacetPanelSection, 0, len(counts))
+		for _, f := range services.FacetsForLibraryType(typeName) {
+			if f.Kind != services.FacetArray && f.Kind != services.FacetScalar {
+				continue
+			}
+			sec := templates.FacetPanelSection{
+				WireParam: f.WireParam(),
+				Title:     templates.FacetPanelTitle(f.Param),
+			}
+			for _, v := range counts[f.Param] {
+				display := v.Display
+				if display == "" {
+					display = v.Value
+				}
+				active := false
+				for _, a := range activeValues[f.WireParam()] {
+					if a == v.Value {
+						active = true
+						break
+					}
+				}
+				sec.Values = append(sec.Values, templates.FacetPanelValue{
+					Value:   v.Value,
+					Display: display,
+					Count:   v.Count,
+					Active:  active,
+				})
+			}
+			sections = append(sections, sec)
+		}
+
+		var buf bytes.Buffer
+		if err := templates.FacetPanel(sections).Render(c.Request().Context(), &buf); err != nil {
+			log.Printf("facet panel render failed: %v", err)
+			return c.HTML(http.StatusInternalServerError, "<div class=\"p-4 text-sm\">Failed to render facet panel</div>")
+		}
+		return c.HTMLBlob(http.StatusOK, buf.Bytes())
+	})
+
 	// Dashboard page
 	frontendProtected.GET("/dashboard", func(c *echo.Context) error {
 		user, err := getTemplateUserWithTheme(c, cfg)
diff --git a/internal/services/facet_registry_test.go b/internal/services/facet_registry_test.go
index 2b0ef3b1..59b4add2 100644
--- a/internal/services/facet_registry_test.go
+++ b/internal/services/facet_registry_test.go
@@ -109,6 +109,35 @@ func TestFacetRegistrySQLDrift(t *testing.T) {
 			t.Errorf("Batch A facet %s missing from SearchMediaItemsUnified", wire)
 		}
 	}
+
+	// Phase 7: the counts query (FacetCountsUnderFilters) carries the
+	// same filter blocks — copied mechanically from the search query —
+	// so the panel's under-filter counts and the grid's rows can never
+	// disagree about what a filter means. Reflect the generated params
+	// struct the same way.
+	countParamsType := reflect.TypeOf(database.FacetCountsUnderFiltersParams{})
+	countTags := map[string]bool{}
+	for i := 0; i < countParamsType.NumField(); i++ {
+		tag := strings.Split(countParamsType.Field(i).Tag.Get("db"), ",")[0]
+		countTags[tag] = true
+	}
+	for _, want := range []string{"user_id", "library_id", "limit"} {
+		if !countTags[want] {
+			t.Errorf("FacetCountsUnderFilters missing %s param", want)
+		}
+	}
+	for _, f := range facetRegistry {
+		wire := f.WireParam()
+		if f.Kind == FacetRange {
+			if !countTags["year_min"] || !countTags["year_max"] {
+				t.Error("year range must bind year_min/year_max in FacetCountsUnderFilters")
+			}
+			continue
+		}
+		if !countTags[wire] {
+			t.Errorf("registry facet %q missing from FacetCountsUnderFilters (each arm binds every OTHER facet's block, so every facet's param must exist)", wire)
+		}
+	}
 }
 
 func TestFacetsForLibraryType(t *testing.T) {
diff --git a/internal/services/search.go b/internal/services/search.go
index f136ecbe..67136342 100644
--- a/internal/services/search.go
+++ b/internal/services/search.go
@@ -2,6 +2,7 @@ package services
 
 import (
 	"bookhoard/internal/database"
+	"bookhoard/internal/utils"
 	"context"
 	"errors"
 	"fmt"
@@ -154,6 +155,14 @@ func normalizeLanguageFilter(wireValue string) string {
 	return strings.Join(out, ",")
 }
 
+// NormalizeLanguageFilter is the exported form of the search-path
+// normalization for callers that must compare RAW filter values
+// against stored codes without issuing a query (the facet panel marks
+// a value Active by matching the bound filter set).
+func NormalizeLanguageFilter(wireValue string) string {
+	return normalizeLanguageFilter(wireValue)
+}
+
 // FacetValue is one facet value + count for the filter panel.
 type FacetValue struct {
 	Value string `json:"value"` // the raw value (rides the filter param)
@@ -163,159 +172,94 @@ type FacetValue struct {
 	Count   int64  `json:"count"`
 }
 
-// FacetValues lists one facet's top values + counts, scoped to a single
-// library (v1 counts are global-per-library, not recomputed under the
-// other active filters). Registry-driven: only FacetArray and
-// FacetScalar facets list values — bool/range facets render as
-// toggles/ranges in the panel, not value lists.
-func (s *SearchService) FacetValues(ctx context.Context, userID pgtype.UUID, facet Facet, libraryID pgtype.UUID, limit int) ([]FacetValue, error) {
-	lim := pgtype.Int4{Int32: int32(limit), Valid: true}
-	switch facet.Param {
-	case "author":
-		rows, err := s.db.FacetAuthorsValues(ctx, database.FacetAuthorsValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "publisher":
-		rows, err := s.db.FacetPublishersValues(ctx, database.FacetPublishersValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "narrator":
-		rows, err := s.db.FacetNarratorsValues(ctx, database.FacetNarratorsValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "tags":
-		rows, err := s.db.FacetTagsValues(ctx, database.FacetTagsValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "series":
-		rows, err := s.db.FacetSeriesValues(ctx, database.FacetSeriesValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "genre":
-		rows, err := s.db.FacetGenreValues(ctx, database.FacetGenreValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "language":
-		rows, err := s.db.FacetLanguageValues(ctx, database.FacetLanguageValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-			if name := LanguageDisplayName(r.Value); name != "" {
-				out[i].Display = name
+// facetCountsLimit is the per-facet top-N bound the panel renders.
+const facetCountsLimit = 50
+
+// FacetCounts computes every listable facet's top values + counts under
+// the active filters (faceted plan Phase 7): ONE UNION-ALL round trip
+// (FacetCountsUnderFilters) in which each facet is counted under the
+// OTHER facets' filters — the SQL omits each arm's own block, classic
+// faceted-search semantics. With no filters bound every block is
+// neutral and the counts are the v1 global-per-library ones, so one
+// query serves both cases. libraryID may be NULL (the All-Libraries
+// view). Display enrichment matches the wire contract: language codes
+// → display names, genre values prettified — both only when they
+// differ from the raw value (Display is "the prettified form when it
+// differs", per FacetValue).
+func (s *SearchService) FacetCounts(ctx context.Context, userID, libraryID pgtype.UUID, params SearchParams, limit int) (map[string][]FacetValue, error) {
+	if limit <= 0 {
+		limit = facetCountsLimit
+	}
+	// Language filter UX (same normalization the search path runs —
+	// see SearchMediaItemsUnified): display names in, ISO codes bound.
+	langFilter := normalizeLanguageFilter(params.LanguageFilter)
+
+	rows, err := s.db.FacetCountsUnderFilters(ctx, database.FacetCountsUnderFiltersParams{
+		UserID:                 userID,
+		LibraryID:              libraryID,
+		Limit:                  pgtype.Int4{Int32: int32(limit), Valid: true},
+		AuthorFilter:           pgtype.Text{String: params.AuthorFilter, Valid: true},
+		SeriesFilter:           pgtype.Text{String: params.SeriesFilter, Valid: true},
+		GenreFilter:            pgtype.Text{String: params.GenreFilter, Valid: true},
+		PublisherFilter:        pgtype.Text{String: params.PublisherFilter, Valid: true},
+		TagsFilter:             pgtype.Text{String: params.TagsFilter, Valid: true},
+		NarratorFilter:         pgtype.Text{String: params.NarratorFilter, Valid: true},
+		LanguageFilter:         pgtype.Text{String: langFilter, Valid: true},
+		StoryArcFilter:         pgtype.Text{String: params.StoryArcFilter, Valid: true},
+		ImprintFilter:          pgtype.Text{String: params.ImprintFilter, Valid: true},
+		EditionFilter:          pgtype.Text{String: params.EditionFilter, Valid: true},
+		AgeRatingFilter:        pgtype.Text{String: params.AgeRatingFilter, Valid: true},
+		FormatGroupFilter:      pgtype.Text{String: params.FormatGroupFilter, Valid: true},
+		MangaTypeFilter:        pgtype.Text{String: params.MangaTypeFilter, Valid: true},
+		ReadingDirectionFilter: pgtype.Text{String: params.ReadingDirectionFilter, Valid: true},
+		ExplicitFilter:         params.ExplicitFilter,
+		AbridgedFilter:         params.AbridgedFilter,
+		YearMin:                pgtype.Int4{Int32: int32(params.YearMin), Valid: true},
+		YearMax:                pgtype.Int4{Int32: int32(params.YearMax), Valid: true},
+		HasCover:               params.HasCover,
+	})
+	if err != nil {
+		return nil, err
+	}
+
+	out := make(map[string][]FacetValue, 14)
+	for _, r := range rows {
+		v := FacetValue{Value: r.Value, Count: r.Count}
+		switch r.Facet {
+		case "language":
+			if name := LanguageDisplayName(r.Value); name != "" && name != r.Value {
+				v.Display = name
+			}
+		case "genre":
+			if d := utils.PrettifyGenre(r.Value); d != r.Value {
+				v.Display = d
 			}
 		}
-		return out, nil
-	case "story_arc":
-		rows, err := s.db.FacetStoryArcValues(ctx, database.FacetStoryArcValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "imprint":
-		rows, err := s.db.FacetImprintValues(ctx, database.FacetImprintValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "edition":
-		rows, err := s.db.FacetEditionValues(ctx, database.FacetEditionValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "age_rating":
-		rows, err := s.db.FacetAgeRatingValues(ctx, database.FacetAgeRatingValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "format_group":
-		rows, err := s.db.FacetFormatGroupValues(ctx, database.FacetFormatGroupValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "manga_type":
-		rows, err := s.db.FacetMangaTypeValues(ctx, database.FacetMangaTypeValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
-	case "reading_direction":
-		rows, err := s.db.FacetReadingDirectionValues(ctx, database.FacetReadingDirectionValuesParams{UserID: userID, LibraryID: libraryID, Limit: lim})
-		if err != nil {
-			return nil, err
-		}
-		out := make([]FacetValue, len(rows))
-		for i, r := range rows {
-			out[i] = FacetValue{Value: r.Value, Count: r.Count}
-		}
-		return out, nil
+		out[r.Facet] = append(out[r.Facet], v)
 	}
-	return nil, fmt.Errorf("facet %q does not list values", facet.Param)
+	return out, nil
+}
+
+// FacetValues lists ONE facet's top values + counts — the pinned
+// single-facet shape behind GET /api/media-items/facets?facet=X. It is
+// the all-facets query with every filter neutral (v1 counts:
+// global-per-library, not recomputed under other filters).
+// Registry-driven: only FacetArray and FacetScalar facets list values —
+// bool/range facets render as toggles/ranges in the panel, not value
+// lists.
+func (s *SearchService) FacetValues(ctx context.Context, userID pgtype.UUID, facet Facet, libraryID pgtype.UUID, limit int) ([]FacetValue, error) {
+	if facet.Kind != FacetArray && facet.Kind != FacetScalar {
+		return nil, fmt.Errorf("facet %q does not list values", facet.Param)
+	}
+	counts, err := s.FacetCounts(ctx, userID, libraryID, SearchParams{}, limit)
+	if err != nil {
+		return nil, err
+	}
+	values := counts[facet.Param]
+	if values == nil {
+		return []FacetValue{}, nil
+	}
+	return values, nil
 }
 
 // FieldSearchParams contains parameters for field-specific search (autocomplete)
diff --git a/internal/utils/genre.go b/internal/utils/genre.go
new file mode 100644
index 00000000..9a572e12
--- /dev/null
+++ b/internal/utils/genre.go
@@ -0,0 +1,47 @@
+package utils
+
+// Genre display rendering (faceted plan Batch B / Phase 7): the
+// canonically-lowercase genre value is title-cased at DISPLAY time
+// only — never in the DB. Canonical home: the filter panel (services),
+// templ (templates wraps this), and the TS port in bookshelf.ts all
+// share these exact rules.
+
+import (
+	"strings"
+	"unicode"
+)
+
+// genreSmallWords stay lowercase in title-case rendering (except the
+// first word of the value).
+var genreSmallWords = map[string]bool{
+	"a": true, "an": true, "and": true, "of": true, "the": true,
+	"in": true, "on": true, "for": true, "to": true, "or": true,
+}
+
+// PrettifyGenre renders the canonically-lowercase genre value in title
+// case at display time (Batch B transform — never in the DB). Only
+// values that are ENTIRELY lowercase get transformed; anything else is
+// returned verbatim, protecting user-entered mixed case. Small words
+// stay down except in the first position; "&" has no case and passes
+// through. "science fiction" → "Science Fiction", "sword & sorcery" →
+// "Sword & Sorcery".
+func PrettifyGenre(value string) string {
+	trimmed := strings.TrimSpace(value)
+	if trimmed == "" {
+		return ""
+	}
+	if trimmed != strings.ToLower(trimmed) {
+		return trimmed // mixed case = user-authored; display as written
+	}
+	words := strings.Fields(trimmed)
+	out := make([]string, len(words))
+	for i, w := range words {
+		if i > 0 && genreSmallWords[w] {
+			out[i] = w
+			continue
+		}
+		runes := []rune(w)
+		out[i] = string(append([]rune{unicode.ToUpper(runes[0])}, runes[1:]...))
+	}
+	return strings.Join(out, " ")
+}
diff --git a/templates/bookshelf.templ b/templates/bookshelf.templ
index 34b41117..07eac738 100644
--- a/templates/bookshelf.templ
+++ b/templates/bookshelf.templ
@@ -62,7 +62,7 @@ templ BookShelf(
 							<option value="created_at DESC">Date Added</option>
 							<option value="page_count DESC">Page Count</option>
 						</select>
-						<button type="button" @click="filtersOpen = true" class="btn btn-secondary">
+						<button type="button" @click="filtersOpen = true; loadFacetPanel()" class="btn btn-secondary">
 							@Icon("filter", "h-4 w-4")
 							<span>Filters</span>
 						</button>
@@ -279,6 +279,19 @@ templ BookShelf(
 										/>
 									</template>
 								</div>
+								<div>
+									<label class="block text-xs font-semibold uppercase tracking-wide mb-2" style="color: var(--text-secondary)">Browse by facet</label>
+									<!-- Phase 7: facet values are server data — this partial is
+										rendered by templ (templates/facet_panel.templ) and fetched
+										with the CURRENT filter query string on drawer open and
+										after every apply, so counts are computed under the active
+										filters. A value click toggles that facet's filter input
+										(hidden where the drawer has no field) and re-applies the
+										form — bookshelf.ts owns the click, templ owns the look. -->
+									<div id="facet-panel" class="space-y-2">
+										<p class="text-xs" style="color: var(--text-secondary);">Open the filters to browse facet values.</p>
+									</div>
+								</div>
 							</div>
 							<div class="sticky bottom-0 px-6 py-4 border-t" style="background-color: var(--bg-secondary); border-color: color-mix(in srgb, var(--text-primary) 7%, transparent);">
 								<button type="submit" @click="filtersOpen = false" class="btn btn-primary w-full">Apply Filters</button>
diff --git a/templates/bookshelf_templ.go b/templates/bookshelf_templ.go
index 65ebcfab..f94ede7b 100644
--- a/templates/bookshelf_templ.go
+++ b/templates/bookshelf_templ.go
@@ -83,7 +83,7 @@ func BookShelf(
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</span> <input name=\"q\" type=\"text\" class=\"input pl-10\" placeholder=\"Search all fields…\"></div><select name=\"sort\" class=\"input w-auto cursor-pointer\" hx-get=\"/api/media-items/search\" hx-target=\"#books-grid\" hx-trigger=\"change\" hx-include=\"#filter-form\"><option value=\"title ASC\">Title (A-Z)</option> <option value=\"title DESC\">Title (Z-A)</option> <option value=\"author ASC\">Author (A-Z)</option> <option value=\"created_at DESC\">Date Added</option> <option value=\"page_count DESC\">Page Count</option></select> <button type=\"button\" @click=\"filtersOpen = true\" class=\"btn btn-secondary\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</span> <input name=\"q\" type=\"text\" class=\"input pl-10\" placeholder=\"Search all fields…\"></div><select name=\"sort\" class=\"input w-auto cursor-pointer\" hx-get=\"/api/media-items/search\" hx-target=\"#books-grid\" hx-trigger=\"change\" hx-include=\"#filter-form\"><option value=\"title ASC\">Title (A-Z)</option> <option value=\"title DESC\">Title (Z-A)</option> <option value=\"author ASC\">Author (A-Z)</option> <option value=\"created_at DESC\">Date Added</option> <option value=\"page_count DESC\">Page Count</option></select> <button type=\"button\" @click=\"filtersOpen = true; loadFacetPanel()\" class=\"btn btn-secondary\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -406,7 +406,7 @@ func BookShelf(
 				}
 			}
 		}
-		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "</select></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Author</label> <input type=\"text\" name=\"author_filter\" placeholder=\"Filter by author\" class=\"input\" list=\"author-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchAuthorValues($el)\"> <datalist id=\"author-datalist\"></datalist></div><div class=\"relative\"><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Tags</label> <input type=\"text\" name=\"tags_filter\" placeholder=\"Filter by tags\" class=\"input\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchTagValues($el)\" @keydown=\"onTagFilterKeydown($event)\" @blur=\"hideTagDropdown()\"><div x-show=\"showTagDropdown\" x-transition x-cloak class=\"absolute z-50 mt-1 w-full rounded-lg shadow-lg max-h-48 overflow-y-auto\" style=\"background-color: var(--bg-primary); border: 1px solid var(--border);\"><template x-for=\"sug in tagSuggestions\" :key=\"sug.value\"><button type=\"button\" class=\"w-full text-left px-3 py-2 text-sm flex justify-between items-center\" :class=\"tagHighlightIndex === tagSuggestions.indexOf(sug) ? 'opacity-80' : ''\" :style=\"tagHighlightIndex === tagSuggestions.indexOf(sug) ? 'background-color: var(--bg-secondary); color: var(--text-primary);' : 'color: var(--text-primary);'\" @click=\"selectTagSuggestion(sug.value)\"><span x-text=\"sug.value\"></span> <span class=\"text-xs\" style=\"color: var(--text-secondary);\" x-text=\"sug.count + ' books'\"></span></button></template></div></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Series</label> <input type=\"text\" name=\"series_filter\" placeholder=\"Filter by series\" class=\"input\" list=\"series-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchSeriesValues($el)\"> <datalist id=\"series-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Narrator</label> <input type=\"text\" name=\"narrator_filter\" placeholder=\"Filter by narrator\" class=\"input\" list=\"narrator-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchNarratorValues($el)\"> <datalist id=\"narrator-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Language</label> <input type=\"text\" name=\"language_filter\" placeholder=\"Filter by language\" class=\"input\" list=\"language-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchLanguageValues($el)\"> <datalist id=\"language-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Year Range</label><div class=\"flex gap-2\"><input type=\"number\" name=\"year_min\" placeholder=\"From\" class=\"input\"> <input type=\"number\" name=\"year_max\" placeholder=\"To\" class=\"input\"></div></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Cover</label> <input type=\"button\" id=\"has-cover-tristate\" class=\"tristate-btn w-full transition-all duration-300 cursor-pointer flex items-center justify-center gap-2 px-4 py-2 rounded-lg border text-sm\" :class=\"{\n\t\t\t\t\t\t\t\t\t\t\t'state-null': hasCoverState === null,\n\t\t\t\t\t\t\t\t\t\t\t'state-true': hasCoverState === true,\n\t\t\t\t\t\t\t\t\t\t\t'state-false': hasCoverState === false\n\t\t\t\t\t\t\t\t\t\t}\" :value=\"hasCoverState === null ? '○ Any cover' : hasCoverState === true ? '✓ Has cover' : '✗ No cover'\" @click=\"cycleHasCover()\"><template x-if=\"hasCoverState !== null\"><input type=\"hidden\" name=\"has_cover\" :value=\"hasCoverState ? 'true' : 'false'\"></template></div></div><div class=\"sticky bottom-0 px-6 py-4 border-t\" style=\"background-color: var(--bg-secondary); border-color: color-mix(in srgb, var(--text-primary) 7%, transparent);\"><button type=\"submit\" @click=\"filtersOpen = false\" class=\"btn btn-primary w-full\">Apply Filters</button></div></div></div></form><!-- Active-filter chips: a pure function of the client-side\n\t\t\t\t\tform state (Alpine renders them, templ owns the look —\n\t\t\t\t\tsanctioned TS island). Removing a chip clears that facet\n\t\t\t\t\tand re-applies the form. --><div id=\"active-filter-chips\" class=\"flex flex-wrap items-center gap-2 mb-4\" x-show=\"activeFilters.length > 0\" x-cloak><template x-for=\"chip in activeFilters\" :key=\"chip.param\"><button type=\"button\" class=\"badge inline-flex items-center gap-1.5 hover:opacity-80 transition-opacity cursor-pointer\" style=\"background-color: var(--accent-muted); color: var(--accent); border: 1px solid transparent;\" @click=\"removeFilterChip(chip.param)\"><span x-text=\"chip.label\"></span> <span aria-hidden=\"true\">×</span></button></template></div><div id=\"books-grid\" class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4\">")
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 39, "</select></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Author</label> <input type=\"text\" name=\"author_filter\" placeholder=\"Filter by author\" class=\"input\" list=\"author-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchAuthorValues($el)\"> <datalist id=\"author-datalist\"></datalist></div><div class=\"relative\"><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Tags</label> <input type=\"text\" name=\"tags_filter\" placeholder=\"Filter by tags\" class=\"input\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchTagValues($el)\" @keydown=\"onTagFilterKeydown($event)\" @blur=\"hideTagDropdown()\"><div x-show=\"showTagDropdown\" x-transition x-cloak class=\"absolute z-50 mt-1 w-full rounded-lg shadow-lg max-h-48 overflow-y-auto\" style=\"background-color: var(--bg-primary); border: 1px solid var(--border);\"><template x-for=\"sug in tagSuggestions\" :key=\"sug.value\"><button type=\"button\" class=\"w-full text-left px-3 py-2 text-sm flex justify-between items-center\" :class=\"tagHighlightIndex === tagSuggestions.indexOf(sug) ? 'opacity-80' : ''\" :style=\"tagHighlightIndex === tagSuggestions.indexOf(sug) ? 'background-color: var(--bg-secondary); color: var(--text-primary);' : 'color: var(--text-primary);'\" @click=\"selectTagSuggestion(sug.value)\"><span x-text=\"sug.value\"></span> <span class=\"text-xs\" style=\"color: var(--text-secondary);\" x-text=\"sug.count + ' books'\"></span></button></template></div></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Series</label> <input type=\"text\" name=\"series_filter\" placeholder=\"Filter by series\" class=\"input\" list=\"series-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchSeriesValues($el)\"> <datalist id=\"series-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Narrator</label> <input type=\"text\" name=\"narrator_filter\" placeholder=\"Filter by narrator\" class=\"input\" list=\"narrator-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchNarratorValues($el)\"> <datalist id=\"narrator-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Language</label> <input type=\"text\" name=\"language_filter\" placeholder=\"Filter by language\" class=\"input\" list=\"language-datalist\" @input.debounce.300ms=\"if($el.value.length >= 2) fetchLanguageValues($el)\"> <datalist id=\"language-datalist\"></datalist></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Year Range</label><div class=\"flex gap-2\"><input type=\"number\" name=\"year_min\" placeholder=\"From\" class=\"input\"> <input type=\"number\" name=\"year_max\" placeholder=\"To\" class=\"input\"></div></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Cover</label> <input type=\"button\" id=\"has-cover-tristate\" class=\"tristate-btn w-full transition-all duration-300 cursor-pointer flex items-center justify-center gap-2 px-4 py-2 rounded-lg border text-sm\" :class=\"{\n\t\t\t\t\t\t\t\t\t\t\t'state-null': hasCoverState === null,\n\t\t\t\t\t\t\t\t\t\t\t'state-true': hasCoverState === true,\n\t\t\t\t\t\t\t\t\t\t\t'state-false': hasCoverState === false\n\t\t\t\t\t\t\t\t\t\t}\" :value=\"hasCoverState === null ? '○ Any cover' : hasCoverState === true ? '✓ Has cover' : '✗ No cover'\" @click=\"cycleHasCover()\"><template x-if=\"hasCoverState !== null\"><input type=\"hidden\" name=\"has_cover\" :value=\"hasCoverState ? 'true' : 'false'\"></template></div><div><label class=\"block text-xs font-semibold uppercase tracking-wide mb-2\" style=\"color: var(--text-secondary)\">Browse by facet</label><!-- Phase 7: facet values are server data — this partial is\n\t\t\t\t\t\t\t\t\t\trendered by templ (templates/facet_panel.templ) and fetched\n\t\t\t\t\t\t\t\t\t\twith the CURRENT filter query string on drawer open and\n\t\t\t\t\t\t\t\t\t\tafter every apply, so counts are computed under the active\n\t\t\t\t\t\t\t\t\t\tfilters. A value click toggles that facet's filter input\n\t\t\t\t\t\t\t\t\t\t(hidden where the drawer has no field) and re-applies the\n\t\t\t\t\t\t\t\t\t\tform — bookshelf.ts owns the click, templ owns the look. --><div id=\"facet-panel\" class=\"space-y-2\"><p class=\"text-xs\" style=\"color: var(--text-secondary);\">Open the filters to browse facet values.</p></div></div></div><div class=\"sticky bottom-0 px-6 py-4 border-t\" style=\"background-color: var(--bg-secondary); border-color: color-mix(in srgb, var(--text-primary) 7%, transparent);\"><button type=\"submit\" @click=\"filtersOpen = false\" class=\"btn btn-primary w-full\">Apply Filters</button></div></div></div></form><!-- Active-filter chips: a pure function of the client-side\n\t\t\t\t\tform state (Alpine renders them, templ owns the look —\n\t\t\t\t\tsanctioned TS island). Removing a chip clears that facet\n\t\t\t\t\tand re-applies the form. --><div id=\"active-filter-chips\" class=\"flex flex-wrap items-center gap-2 mb-4\" x-show=\"activeFilters.length > 0\" x-cloak><template x-for=\"chip in activeFilters\" :key=\"chip.param\"><button type=\"button\" class=\"badge inline-flex items-center gap-1.5 hover:opacity-80 transition-opacity cursor-pointer\" style=\"background-color: var(--accent-muted); color: var(--accent); border: 1px solid transparent;\" @click=\"removeFilterChip(chip.param)\"><span x-text=\"chip.label\"></span> <span aria-hidden=\"true\">×</span></button></template></div><div id=\"books-grid\" class=\"grid grid-cols-2 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4\">")
 		if templ_7745c5c3_Err != nil {
 			return templ_7745c5c3_Err
 		}
@@ -422,7 +422,7 @@ func BookShelf(
 			var templ_7745c5c3_Var20 string
 			templ_7745c5c3_Var20, templ_7745c5c3_Err = templ.JoinStringErrs(errorMessage)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 315, Col: 59}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 328, Col: 59}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var20))
 			if templ_7745c5c3_Err != nil {
@@ -445,7 +445,7 @@ func BookShelf(
 			var templ_7745c5c3_Var21 string
 			templ_7745c5c3_Var21, templ_7745c5c3_Err = templ.ResolveAttributeValue(fmt.Sprintf("/api/media-items/search?library_id=%s&limit=%d&offset=%d", currentLibraryID, limit, offset-limit))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 324, Col: 126}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 337, Col: 126}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var21)
 			if templ_7745c5c3_Err != nil {
@@ -476,7 +476,7 @@ func BookShelf(
 			var templ_7745c5c3_Var22 string
 			templ_7745c5c3_Var22, templ_7745c5c3_Err = templ.JoinStringErrs(offset/limit + 1)
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 333, Col: 32}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 346, Col: 32}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var22))
 			if templ_7745c5c3_Err != nil {
@@ -489,7 +489,7 @@ func BookShelf(
 			var templ_7745c5c3_Var23 string
 			templ_7745c5c3_Var23, templ_7745c5c3_Err = templ.ResolveAttributeValue(fmt.Sprintf("/api/media-items/search?library_id=%s&limit=%d&offset=%d", currentLibraryID, limit, offset+limit))
 			if templ_7745c5c3_Err != nil {
-				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 338, Col: 126}
+				return templ.Error{Err: templ_7745c5c3_Err, FileName: `bookshelf.templ`, Line: 351, Col: 126}
 			}
 			_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var23)
 			if templ_7745c5c3_Err != nil {
diff --git a/templates/facet_panel.templ b/templates/facet_panel.templ
new file mode 100644
index 00000000..db4a81b7
--- /dev/null
+++ b/templates/facet_panel.templ
@@ -0,0 +1,85 @@
+package templates
+
+// Facet panel partial (faceted plan Phase 7): the filter drawer's
+// value-list sections. The values are SERVER DATA — registry order,
+// library-type scoped (Batch D), counts computed under the active
+// filters — so templ renders them; the click behavior is the drawer's
+// existing client-state flow (bookshelf.ts toggles the facet's filter
+// value and re-applies the form). No JSON innerHTML anywhere.
+
+import "strconv"
+
+// FacetPanelValue is one browsable facet value.
+type FacetPanelValue struct {
+	Value   string // raw value (rides the filter param)
+	Display string // display form (prettified/display name); falls back to Value
+	Count   int64
+	Active  bool // currently selected in this facet's filter
+}
+
+// FacetPanelSection is one facet's collapsible value list.
+type FacetPanelSection struct {
+	WireParam string // the facet's query param (genre_filter, ...)
+	Title     string // human label
+	Values    []FacetPanelValue
+}
+
+// facetPanelTitles maps a registry param to its section label (mirrors
+// bookshelf.ts's facetChipLabel names).
+var facetPanelTitles = map[string]string{
+	"author":            "Author",
+	"publisher":         "Publisher",
+	"narrator":          "Narrator",
+	"tags":              "Tags",
+	"series":            "Series",
+	"genre":             "Genre",
+	"language":          "Language",
+	"story_arc":         "Story arc",
+	"imprint":           "Imprint",
+	"edition":           "Edition",
+	"age_rating":        "Age rating",
+	"format_group":      "Format",
+	"manga_type":        "Manga type",
+	"reading_direction": "Reading direction",
+}
+
+// FacetPanelTitle is the section label for a registry param (the param
+// itself when unmapped — same fallback the chips use).
+func FacetPanelTitle(param string) string {
+	if t, ok := facetPanelTitles[param]; ok {
+		return t
+	}
+	return param
+}
+
+templ FacetPanel(sections []FacetPanelSection) {
+	<div id="facet-panel-content" class="space-y-2">
+		for _, sec := range sections {
+			if len(sec.Values) > 0 {
+				<details
+					class="facet-section rounded-lg border overflow-hidden"
+					style="border-color: var(--border);"
+					data-param={ sec.WireParam }
+				>
+					<summary class="facet-section-summary flex items-center justify-between px-3 py-2 cursor-pointer select-none text-sm font-semibold" style="color: var(--text-primary); background-color: var(--bg-secondary);">
+						<span>{ sec.Title }</span>
+						<span class="text-xs font-normal" style="color: var(--text-secondary);">{ strconv.Itoa(len(sec.Values)) }</span>
+					</summary>
+					<div class="facet-values max-h-56 overflow-y-auto px-2 py-1.5 space-y-0.5">
+						for _, v := range sec.Values {
+							<button
+								type="button"
+								class={ "facet-value-btn w-full flex items-center justify-between gap-2 px-2.5 py-1.5 rounded text-left text-sm transition-colors", templ.KV("facet-value-active", v.Active) }
+								data-param={ sec.WireParam }
+								data-value={ v.Value }
+							>
+								<span class="truncate" style="color: var(--text-primary);">{ v.Display }</span>
+								<span class="text-xs shrink-0 tabular-nums" style="color: var(--text-secondary);">{ strconv.FormatInt(v.Count, 10) }</span>
+							</button>
+						}
+					</div>
+				</details>
+			}
+		}
+	</div>
+}
diff --git a/templates/facet_panel_templ.go b/templates/facet_panel_templ.go
new file mode 100644
index 00000000..922f3a67
--- /dev/null
+++ b/templates/facet_panel_templ.go
@@ -0,0 +1,223 @@
+// Code generated by templ - DO NOT EDIT.
+
+// templ: version: v0.3.1020
+package templates
+
+//lint:file-ignore SA4006 This context is only used if a nested component is present.
+
+import "github.com/a-h/templ"
+import templruntime "github.com/a-h/templ/runtime"
+
+// Facet panel partial (faceted plan Phase 7): the filter drawer's
+// value-list sections. The values are SERVER DATA — registry order,
+// library-type scoped (Batch D), counts computed under the active
+// filters — so templ renders them; the click behavior is the drawer's
+// existing client-state flow (bookshelf.ts toggles the facet's filter
+// value and re-applies the form). No JSON innerHTML anywhere.
+
+import "strconv"
+
+// FacetPanelValue is one browsable facet value.
+type FacetPanelValue struct {
+	Value   string // raw value (rides the filter param)
+	Display string // display form (prettified/display name); falls back to Value
+	Count   int64
+	Active  bool // currently selected in this facet's filter
+}
+
+// FacetPanelSection is one facet's collapsible value list.
+type FacetPanelSection struct {
+	WireParam string // the facet's query param (genre_filter, ...)
+	Title     string // human label
+	Values    []FacetPanelValue
+}
+
+// facetPanelTitles maps a registry param to its section label (mirrors
+// bookshelf.ts's facetChipLabel names).
+var facetPanelTitles = map[string]string{
+	"author":            "Author",
+	"publisher":         "Publisher",
+	"narrator":          "Narrator",
+	"tags":              "Tags",
+	"series":            "Series",
+	"genre":             "Genre",
+	"language":          "Language",
+	"story_arc":         "Story arc",
+	"imprint":           "Imprint",
+	"edition":           "Edition",
+	"age_rating":        "Age rating",
+	"format_group":      "Format",
+	"manga_type":        "Manga type",
+	"reading_direction": "Reading direction",
+}
+
+// FacetPanelTitle is the section label for a registry param (the param
+// itself when unmapped — same fallback the chips use).
+func FacetPanelTitle(param string) string {
+	if t, ok := facetPanelTitles[param]; ok {
+		return t
+	}
+	return param
+}
+
+func FacetPanel(sections []FacetPanelSection) templ.Component {
+	return templruntime.GeneratedTemplate(func(templ_7745c5c3_Input templruntime.GeneratedComponentInput) (templ_7745c5c3_Err error) {
+		templ_7745c5c3_W, ctx := templ_7745c5c3_Input.Writer, templ_7745c5c3_Input.Context
+		if templ_7745c5c3_CtxErr := ctx.Err(); templ_7745c5c3_CtxErr != nil {
+			return templ_7745c5c3_CtxErr
+		}
+		templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templruntime.GetBuffer(templ_7745c5c3_W)
+		if !templ_7745c5c3_IsBuffer {
+			defer func() {
+				templ_7745c5c3_BufErr := templruntime.ReleaseBuffer(templ_7745c5c3_Buffer)
+				if templ_7745c5c3_Err == nil {
+					templ_7745c5c3_Err = templ_7745c5c3_BufErr
+				}
+			}()
+		}
+		ctx = templ.InitializeContext(ctx)
+		templ_7745c5c3_Var1 := templ.GetChildren(ctx)
+		if templ_7745c5c3_Var1 == nil {
+			templ_7745c5c3_Var1 = templ.NopComponent
+		}
+		ctx = templ.ClearChildren(ctx)
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 1, "<div id=\"facet-panel-content\" class=\"space-y-2\">")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		for _, sec := range sections {
+			if len(sec.Values) > 0 {
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 2, "<details class=\"facet-section rounded-lg border overflow-hidden\" style=\"border-color: var(--border);\" data-param=\"")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var2 string
+				templ_7745c5c3_Var2, templ_7745c5c3_Err = templ.ResolveAttributeValue(sec.WireParam)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 62, Col: 31}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var2)
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 3, "\"><summary class=\"facet-section-summary flex items-center justify-between px-3 py-2 cursor-pointer select-none text-sm font-semibold\" style=\"color: var(--text-primary); background-color: var(--bg-secondary);\"><span>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var3 string
+				templ_7745c5c3_Var3, templ_7745c5c3_Err = templ.JoinStringErrs(sec.Title)
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 65, Col: 23}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var3))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 4, "</span> <span class=\"text-xs font-normal\" style=\"color: var(--text-secondary);\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				var templ_7745c5c3_Var4 string
+				templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.Itoa(len(sec.Values)))
+				if templ_7745c5c3_Err != nil {
+					return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 66, Col: 109}
+				}
+				_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4))
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 5, "</span></summary><div class=\"facet-values max-h-56 overflow-y-auto px-2 py-1.5 space-y-0.5\">")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+				for _, v := range sec.Values {
+					var templ_7745c5c3_Var5 = []any{"facet-value-btn w-full flex items-center justify-between gap-2 px-2.5 py-1.5 rounded text-left text-sm transition-colors", templ.KV("facet-value-active", v.Active)}
+					templ_7745c5c3_Err = templ.RenderCSSItems(ctx, templ_7745c5c3_Buffer, templ_7745c5c3_Var5...)
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 6, "<button type=\"button\" class=\"")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var6 string
+					templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.ResolveAttributeValue(templ.CSSClasses(templ_7745c5c3_Var5).String())
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 1, Col: 0}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var6)
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 7, "\" data-param=\"")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var7 string
+					templ_7745c5c3_Var7, templ_7745c5c3_Err = templ.ResolveAttributeValue(sec.WireParam)
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 73, Col: 34}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var7)
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 8, "\" data-value=\"")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var8 string
+					templ_7745c5c3_Var8, templ_7745c5c3_Err = templ.ResolveAttributeValue(v.Value)
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 74, Col: 28}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ_7745c5c3_Var8)
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 9, "\"><span class=\"truncate\" style=\"color: var(--text-primary);\">")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var9 string
+					templ_7745c5c3_Var9, templ_7745c5c3_Err = templ.JoinStringErrs(v.Display)
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 76, Col: 78}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var9))
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 10, "</span> <span class=\"text-xs shrink-0 tabular-nums\" style=\"color: var(--text-secondary);\">")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					var templ_7745c5c3_Var10 string
+					templ_7745c5c3_Var10, templ_7745c5c3_Err = templ.JoinStringErrs(strconv.FormatInt(v.Count, 10))
+					if templ_7745c5c3_Err != nil {
+						return templ.Error{Err: templ_7745c5c3_Err, FileName: `facet_panel.templ`, Line: 77, Col: 122}
+					}
+					_, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var10))
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+					templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 11, "</span></button>")
+					if templ_7745c5c3_Err != nil {
+						return templ_7745c5c3_Err
+					}
+				}
+				templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 12, "</div></details>")
+				if templ_7745c5c3_Err != nil {
+					return templ_7745c5c3_Err
+				}
+			}
+		}
+		templ_7745c5c3_Err = templruntime.WriteString(templ_7745c5c3_Buffer, 13, "</div>")
+		if templ_7745c5c3_Err != nil {
+			return templ_7745c5c3_Err
+		}
+		return nil
+	})
+}
+
+var _ = templruntime.GeneratedTemplate
diff --git a/templates/utils.go b/templates/utils.go
index b0d83304..ce5aeeff 100644
--- a/templates/utils.go
+++ b/templates/utils.go
@@ -3,13 +3,13 @@ package templates
 import (
 	"bookhoard/internal/database"
 	"bookhoard/internal/handlers"
+	"bookhoard/internal/utils"
 	"encoding/json"
 	"fmt"
 	"strconv"
 	"net/url"
 	"sort"
 	"strings"
-	"unicode"
 	"time"
 
 	"github.com/google/uuid"
@@ -256,39 +256,12 @@ func conflictID(c *handlers.ConflictDetailResponse) string {
 	return c.ID
 }
 
-// genreSmallWords stay lowercase in title-case rendering (except the
-// first word of the value).
-var genreSmallWords = map[string]bool{
-	"a": true, "an": true, "and": true, "of": true, "the": true,
-	"in": true, "on": true, "for": true, "to": true, "or": true,
-}
-
 // prettifyGenre renders the canonically-lowercase genre value in title
-// case at display time (Batch B transform — never in the DB). Only
-// values that are ENTIRELY lowercase get transformed; anything else is
-// returned verbatim, protecting user-entered mixed case. Small words
-// stay down except in the first position; "&" has no case and passes
-// through. "science fiction" → "Science Fiction", "sword & sorcery" →
-// "Sword & Sorcery".
+// case at display time — the canonical implementation lives in
+// internal/utils (services' facet panel shares it); this wrapper keeps
+// the templ call sites short.
 func prettifyGenre(value string) string {
-	trimmed := strings.TrimSpace(value)
-	if trimmed == "" {
-		return ""
-	}
-	if trimmed != strings.ToLower(trimmed) {
-		return trimmed // mixed case = user-authored; display as written
-	}
-	words := strings.Fields(trimmed)
-	out := make([]string, len(words))
-	for i, w := range words {
-		if i > 0 && genreSmallWords[w] {
-			out[i] = w
-			continue
-		}
-		runes := []rune(w)
-		out[i] = string(append([]rune{unicode.ToUpper(runes[0])}, runes[1:]...))
-	}
-	return strings.Join(out, " ")
+	return utils.PrettifyGenre(value)
 }
 
 // getAlternateSeries extracts the alternate series name from JSONB data
diff --git a/web/src/bookshelf.ts b/web/src/bookshelf.ts
index 91863c3d..29fd7e7f 100644
--- a/web/src/bookshelf.ts
+++ b/web/src/bookshelf.ts
@@ -94,6 +94,7 @@ Alpine.data("bookshelf", () => ({
   // Standalone function references (don't access component state)
   clearFilters,
   initBookshelf,
+  loadFacetPanel,
 
   // Inline method - opens the modal
   showSaveFilterModal() {
@@ -658,6 +659,74 @@ function refreshFilterChips(): void {
   );
 }
 
+// splitFacetValues is the client twin of services.SplitFacetValues: a
+// comma-joined filter value is a multi-select (OR within the facet,
+// AND across facets).
+function splitFacetValues(wireValue: string): string[] {
+  return wireValue
+    .split(",")
+    .map((v) => v.trim())
+    .filter((v) => v !== "");
+}
+
+// loadFacetPanel fetches the drawer's facet-value partial with the
+// CURRENT filter query string (faceted plan Phase 7): the values are
+// server-rendered by templ (templates/facet_panel.templ), and their
+// counts are computed under the active filters by the all-facets query
+// — one round trip for every facet at once.
+async function loadFacetPanel(): Promise<void> {
+  const target = document.getElementById("facet-panel");
+  const filterForm = document.getElementById(
+    "filter-form",
+  ) as HTMLFormElement | null;
+  if (!target || !filterForm) return;
+  // Serialize the form's named fields (all inputs/selects — no
+  // multi-selects or file inputs here) — typed directly, since the
+  // project's tsconfig lib lacks DOM.Iterable (FormData.entries()).
+  const pairs: string[][] = [];
+  filterForm
+    .querySelectorAll<HTMLInputElement | HTMLSelectElement>("input, select")
+    .forEach((el) => {
+      if (el.name) pairs.push([el.name, el.value]);
+    });
+  const qs = new URLSearchParams(pairs).toString();
+  await window.htmx.ajax("GET", `/media-items/facet-panel?${qs}`, {
+    target: "#facet-panel",
+    swap: "innerHTML",
+  });
+}
+
+// toggleFacetValue applies one panel click: the value joins/leaves its
+// facet's comma-joined filter. The facet's input may be a typed drawer
+// field (set its value) or absent entirely — deep-link-only facets get
+// a hidden input, exactly like applyURLFilters does, so chips and
+// clearing keep working.
+function toggleFacetValue(param: string, value: string): void {
+  const filterForm = document.getElementById(
+    "filter-form",
+  ) as HTMLFormElement | null;
+  if (!filterForm) return;
+  let input = filterForm.querySelector(
+    `[name="${param}"]`,
+  ) as HTMLInputElement | null;
+  if (!input) {
+    const hidden = document.createElement("input");
+    hidden.type = "hidden";
+    hidden.name = param;
+    filterForm.appendChild(hidden);
+    input = hidden;
+  }
+  const values = splitFacetValues(input.value);
+  const idx = values.indexOf(value);
+  if (idx >= 0) {
+    values.splice(idx, 1);
+  } else {
+    values.push(value);
+  }
+  input.value = values.join(",");
+  window.htmx.trigger(filterForm, "submit");
+}
+
 function initBookshelf(): void {
   const filterForm = document.getElementById(
     "filter-form",
@@ -666,9 +735,32 @@ function initBookshelf(): void {
   // Active-filter chips refresh after every grid refetch — drawer
   // applies, sort changes, and pagination all include the form's
   // filters, so one bubbled htmx:afterRequest hook is the sync point.
-  filterForm.addEventListener("htmx:afterRequest", () =>
-    refreshFilterChips(),
-  );
+  filterForm.addEventListener("htmx:afterRequest", () => {
+    refreshFilterChips();
+    // Facet counts must track the applied filters: refetch the panel
+    // while the drawer is open (the panel's own htmx.ajax requests
+    // dispatch on body, so this form-scoped hook never loops).
+    const bookshelfElem = document.querySelector(
+      '[x-data*="bookshelf"]',
+    ) as any;
+    const data = bookshelfElem?._x_dataStack?.[0];
+    if (data?.filtersOpen) {
+      void loadFacetPanel();
+    }
+  });
+
+  // Panel value clicks: one delegated listener for every section's
+  // buttons (the partial re-renders on each refetch).
+  const facetPanel = document.getElementById("facet-panel");
+  if (facetPanel) {
+    facetPanel.addEventListener("click", (ev) => {
+      const btn = (ev.target as HTMLElement).closest<HTMLElement>(
+        ".facet-value-btn",
+      );
+      if (!btn || !btn.dataset.param || !btn.dataset.value) return;
+      toggleFacetValue(btn.dataset.param, btn.dataset.value);
+    });
+  }
 
   // A2c §5.3: deep-linkable filters — /bookshelf?author_filter=Sapkowski
   // pre-fills the form and applies it to the first grid load. Author
diff --git a/web/static/input.css b/web/static/input.css
index d41b4e80..dd6b5ad0 100644
--- a/web/static/input.css
+++ b/web/static/input.css
@@ -874,6 +874,41 @@
     color: var(--text-secondary);
   }
 
+  /* ---------- Facet panel (filter drawer, Phase 7) ---------- */
+  /* The values are templ-rendered (templates/facet_panel.templ); this
+     is look only. A value button is plain until active: active means
+     "currently in that facet's filter" — accent-tinted like a chip. */
+  .facet-section-summary {
+    list-style: none;
+  }
+  .facet-section-summary::-webkit-details-marker {
+    display: none;
+  }
+  .facet-section-summary::before {
+    content: "▸";
+    display: inline-block;
+    margin-right: 0.5rem;
+    color: var(--text-secondary);
+    transition: transform 0.15s ease;
+    font-size: 0.7rem;
+  }
+  .facet-section[open] .facet-section-summary::before {
+    transform: rotate(90deg);
+  }
+  .facet-value-btn {
+    background-color: transparent;
+  }
+  .facet-value-btn:hover {
+    background-color: var(--surface-hover);
+  }
+  .facet-value-btn.facet-value-active {
+    background-color: var(--accent-muted);
+    color: var(--accent);
+  }
+  .facet-value-btn.facet-value-active span {
+    color: var(--accent);
+  }
+
   .loading-spinner {
     display: inline-block;
     width: 40px;
diff --git a/web/static/style.css b/web/static/style.css
index 81e834c9..2ea200af 100644
--- a/web/static/style.css
+++ b/web/static/style.css
@@ -1,2 +1,2 @@
 *,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
-/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Apple SD Gothic Neo,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{color-scheme:dark;--bg-primary:#1a1b26;--bg-secondary:#16161e;--text-primary:#c0caf5;--text-secondary:#9aa5ce;--accent:#7aa2f7;--border:#2a2e42;--status-success:#9ece6a;--status-warning:#e0af68;--status-danger:#f7768e;--status-info:#7aa2f7}.theme-tokyo-night{--bg-primary:#1a1b26;--bg-secondary:#16161e;--text-primary:#c0caf5;--text-secondary:#9aa5ce;--accent:#7aa2f7;--border:#2a2e42}.theme-dracula{--bg-primary:#282a36;--bg-secondary:#21222c;--text-primary:#f8f8f2;--text-secondary:#bfbfbf;--accent:#bd93f9;--border:#3a3d4d}.theme-nord{--bg-primary:#2e3440;--bg-secondary:#3b4252;--text-primary:#eceff4;--text-secondary:#b7c0d2;--accent:#88c0d0;--border:#46577a}.theme-solarized-dark{--bg-primary:#002b36;--bg-secondary:#073642;--text-primary:#c5d3d3;--text-secondary:#93a1a1;--accent:#2aa198;--border:#1d4b58}.theme-monokai{--bg-primary:#272822;--bg-secondary:#1e1f1c;--text-primary:#f8f8f2;--text-secondary:#c8c8b8;--accent:#a6e22e;--border:#3e3d32}.theme-one-dark-pro{--bg-primary:#282c34;--bg-secondary:#21252b;--text-primary:#d7dbe0;--text-secondary:#9da5b4;--accent:#61dafb;--border:#3a3f4b}.theme-material-dark{--bg-primary:#263238;--bg-secondary:#1e282d;--text-primary:#eff;--text-secondary:#b0bec5;--accent:#80cbc4;--border:#37474f}.theme-vantablack{--bg-primary:#000;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#ececec;--accent:#8d8d8d;--border:#1a1a1a}.theme-last-horizon{--bg-primary:#0c0b0c;--bg-secondary:#171516;--text-primary:#fafcfb;--text-secondary:#cfd3cd;--accent:#b59790;--border:#2b2729}.theme-ethereal{--bg-primary:#060b1e;--bg-secondary:#131a3a;--text-primary:#ffcead;--text-secondary:#c9b8a6;--accent:#7d82d9;--border:#252e56}.theme-hackerman{--bg-primary:#0b0c16;--bg-secondary:#151828;--text-primary:#ddf7ff;--text-secondary:#b5c5db;--accent:#82fb9c;--border:#1f253a}.theme-matte-black{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#bebebe;--text-secondary:#8a8a8d;--accent:#e68e0d;--border:#2a2a2a}.theme-solitude{--bg-primary:#101315;--bg-secondary:#171b1e;--text-primary:#cacccc;--text-secondary:#8a9199;--accent:#798186;--border:#262d31}.theme-retro-82{--bg-primary:#05182e;--bg-secondary:#0a2540;--text-primary:#f6dcac;--text-secondary:#a7c9c6;--accent:#faa968;--border:#134e5a}.theme-osaka-jade{--bg-primary:#111c18;--bg-secondary:#23372b;--text-primary:#c1c497;--text-secondary:#81b8a8;--accent:#509475;--border:#32473b}.theme-kanagawa{--bg-primary:#1f1f28;--bg-secondary:#223249;--text-primary:#dcd7ba;--text-secondary:#c8c093;--accent:#7e9cd8;--border:#363646}.theme-miasma{--bg-primary:#222;--bg-secondary:#2c2c2c;--text-primary:#c2c2b0;--text-secondary:#8a8a7e;--accent:#78824b;--border:#383838}.theme-lumon{--bg-primary:#16242d;--bg-secondary:#1b2d40;--text-primary:#d6e2ee;--text-secondary:#4d86b0;--accent:#8bc9eb;--border:#243d56}.theme-ristretto{--bg-primary:#2c2525;--bg-secondary:#3d2f2a;--text-primary:#e6d9db;--text-secondary:#c3b7b8;--accent:#f38d70;--border:#403e41}.theme-gruvbox{--bg-primary:#282828;--bg-secondary:#3c3836;--text-primary:#d4be98;--text-secondary:#bdae93;--accent:#7daea3;--border:#504945}.theme-everforest{--bg-primary:#2d353b;--bg-secondary:#343f44;--text-primary:#d3c6aa;--text-secondary:#9da9a0;--accent:#7fbbb3;--border:#3d484d}.theme-catppuccin-mocha{--bg-primary:#1e1e2e;--bg-secondary:#181825;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--accent:#f38ba8;--border:#313244}.theme-catppuccin-macchiato{--bg-primary:#24273a;--bg-secondary:#1e2030;--text-primary:#cad3f5;--text-secondary:#a5adcb;--accent:#c6a0f6;--border:#363a4f}.theme-catppuccin-frappe{--bg-primary:#303446;--bg-secondary:#292c3c;--text-primary:#c6d0f5;--text-secondary:#a5adce;--accent:#ca9ee6;--border:#414559}.theme-catppuccin-latte{color-scheme:light;--bg-primary:#eff1f5;--bg-secondary:#fff;--text-primary:#4c4f69;--text-secondary:#6c6f85;--accent:#d20f39;--border:#dcdfe6}.theme-tokyo-night-day{color-scheme:light;--bg-primary:#e1e2e7;--bg-secondary:#fff;--text-primary:#3760bf;--text-secondary:#6172b0;--accent:#2e7de9;--border:#c4c8da}.theme-solarized-light{color-scheme:light;--bg-primary:#fdf6e3;--bg-secondary:#eee8d5;--text-primary:#586e75;--text-secondary:#93a1a1;--accent:#268bd2;--border:#ddd6c1}.theme-one-light{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#383a42;--text-secondary:#696c77;--accent:#4078f2;--border:#dfdfdf}.theme-ayu-light{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#f3f4f5;--text-primary:#5c6166;--text-secondary:#8a9199;--accent:#f93;--border:#e2e3e5}.theme-github-light{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f6f8fa;--text-primary:#24292f;--text-secondary:#57606a;--accent:#0969da;--border:#d0d7de}.theme-gruvbox-light{color-scheme:light;--bg-primary:#fbf1c7;--bg-secondary:#f2e5bc;--text-primary:#3c3836;--text-secondary:#7c6f64;--accent:#076678;--border:#d5c4a1}.theme-everforest-light{color-scheme:light;--bg-primary:#fdf6e3;--bg-secondary:#f4f0d9;--text-primary:#5c6a72;--text-secondary:#708089;--accent:#3a94c5;--border:#d5cfaf}.theme-kanagawa-lotus{color-scheme:light;--bg-primary:#f2ecbc;--bg-secondary:#e5ddb0;--text-primary:#545464;--text-secondary:#716e61;--accent:#4d699b;--border:#d5cea3}.theme-rose-pine{color-scheme:light;--bg-primary:#faf4ed;--bg-secondary:#fffaf3;--text-primary:#575279;--text-secondary:#797593;--accent:#56949f;--border:#dfdad9}.theme-lupine{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#212121;--text-secondary:#757575;--accent:#3264eb;--border:#d0d0d0}.theme-flexoki-light{color-scheme:light;--bg-primary:#fffcf0;--bg-secondary:#f2efe4;--text-primary:#100f0f;--text-secondary:#6f6e69;--accent:#205ea6;--border:#cecdc3}.theme-white{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:grey;--accent:#6e6e6e;--border:#e8e8e8}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-hover:color-mix(in srgb,var(--text-primary) 9%,transparent);--surface-overlay:rgba(0,0,0,.55);--border-strong:color-mix(in srgb,var(--text-primary) 24%,var(--border));--accent-muted:color-mix(in srgb,var(--accent) 14%,var(--bg-secondary));--shadow-card:0 1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);--shadow-card-hover:0 6px 16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);--shadow-pop:0 12px 40px rgba(0,0,0,.34),0 4px 12px rgba(0,0,0,.2);--shadow-bar:0 1px 0 rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.16)}.theme-ayu-light,.theme-catppuccin-latte,.theme-everforest-light,.theme-flexoki-light,.theme-github-light,.theme-gruvbox-light,.theme-kanagawa-lotus,.theme-lupine,.theme-one-light,.theme-rose-pine,.theme-solarized-light,.theme-tokyo-night-day,.theme-white{--shadow-card:0 1px 2px rgba(76,79,105,.08),0 1px 3px rgba(76,79,105,.06);--shadow-card-hover:0 6px 16px rgba(76,79,105,.16),0 2px 6px rgba(76,79,105,.08);--shadow-pop:0 12px 40px rgba(76,79,105,.22),0 4px 12px rgba(76,79,105,.12);--shadow-bar:0 1px 0 rgba(76,79,105,.08),0 4px 16px rgba(76,79,105,.1)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[x-cloak]{display:none!important}:root{--sidebar-w:16rem;--topbar-h:4rem}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:60;background-color:var(--bg-secondary);border-right:1px solid color-mix(in srgb,var(--text-primary) 7%,transparent);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease}.app-sidebar.is-open{transform:translateX(0)}.app-sidebar-backdrop{position:fixed;inset:0;z-index:55;background:var(--surface-overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.app-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar-panel{background-color:color-mix(in srgb,var(--text-primary) 4%,var(--bg-secondary));border:1px solid var(--border);border-radius:.75rem;padding:.375rem}.mode-toggle-active{background-color:var(--accent-muted);color:var(--text-primary)}@media (min-width:1024px){.app-sidebar{transform:none}.app-mobile-only,.app-sidebar-backdrop{display:none!important}}.app-topbar{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--topbar-h);background-color:color-mix(in srgb,var(--bg-secondary) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent)}body:has(.app-sidebar){padding-top:var(--topbar-h)}@media (min-width:1024px){body:has(.app-sidebar){padding-left:var(--sidebar-w)}.app-topbar{left:var(--sidebar-w)}}.app-subbar{position:sticky;top:var(--topbar-h);z-index:30}*{scrollbar-color:color-mix(in srgb,var(--text-primary) 22%,transparent) transparent}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:970px){.\!container{max-width:970px!important}.container{max-width:970px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--bg-secondary);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--bg-primary);color:var(--text-primary);font-weight:400}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.prose-invert :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;color:inherit}.prose-invert :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--bg-secondary);color:var(--text-primary)}.\!card{background-color:var(--bg-secondary)!important;border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent)!important;border-radius:1rem!important;box-shadow:var(--shadow-card)!important}.card{background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:1rem;box-shadow:var(--shadow-card)}.\!btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:.625rem!important;font-size:.875rem!important;font-weight:500!important;line-height:1.25rem!important;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease!important;cursor:pointer!important;white-space:nowrap!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease;cursor:pointer;white-space:nowrap}.\!btn:active{transform:translateY(1px)!important}.btn:active{transform:translateY(1px)}.\!btn:disabled{opacity:.5!important;cursor:not-allowed!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-card)}.btn-primary:hover{background-color:color-mix(in srgb,var(--accent) 88%,#fff);box-shadow:var(--shadow-card-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--accent);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--text-primary)}.btn-danger{background-color:var(--status-danger);color:#fff}.btn-danger:hover{background-color:color-mix(in srgb,var(--status-danger) 88%,#fff)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease;cursor:pointer}.icon-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.\!input{width:100%!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:.625rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:border-color .15s ease,box-shadow .15s ease!important}.input{width:100%;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:.625rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.\!input::-moz-placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)!important}.\!input::placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)!important}.input::-moz-placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)}.input::placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)}.\!input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)!important;outline:none!important}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);outline:none}.chip{gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--accent-muted);color:var(--text-primary)}.badge,.chip{display:inline-flex;align-items:center}.badge{padding:.125rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;letter-spacing:.01em}.book-card{position:relative;background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.book-card-cover{position:relative}.book-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);opacity:0;transition:opacity .18s ease;pointer-events:none}.book-card:hover .book-card-cover:after{opacity:1}.book-card-action{position:absolute;top:0;left:0;right:0;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:2;transition:opacity .18s ease}.book-card:focus-within .book-card-action,.book-card:hover .book-card-action{opacity:1}.book-card-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;background-color:color-mix(in srgb,var(--accent) 92%,#fff);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4);pointer-events:auto;text-decoration:none}.book-card-meta{background-color:var(--bg-secondary);padding:.5rem .625rem}@media (hover:none){.book-card-action{opacity:1}}.brand-gradient{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--bg-secondary)),var(--bg-secondary) 62%)}.hero-backdrop{position:absolute;inset:0;z-index:0;background-size:cover;background-position:50%;filter:blur(28px) saturate(1.4);transform:scale(1.15);opacity:.5}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-primary) 35%,transparent),var(--bg-primary) 92%)}.stat-card{background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:1rem;padding:1.25rem;box-shadow:var(--shadow-card)}.tristate-btn{background-color:var(--bg-primary);border:1px solid var(--border)}.tristate-btn.state-null{color:var(--text-secondary)}.tristate-btn.state-true{background-color:var(--accent-muted);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.tristate-btn.state-false{background-color:var(--surface-hover);color:var(--text-secondary)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.status-pending{background-color:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning)}.status-processing{background-color:color-mix(in srgb,var(--status-info) 20%,transparent);color:var(--status-info)}.status-completed{background-color:color-mix(in srgb,var(--status-success) 20%,transparent);color:var(--status-success)}.status-failed{background-color:color-mix(in srgb,var(--status-danger) 20%,transparent);color:var(--status-danger)}.prose pre code.hljs{background-color:transparent!important}.prose code.hljs{background-color:var(--bg-primary)!important;padding:.2em .4em}.prose pre{background-color:var(--bg-secondary)!important}.prose .hljs{background-color:transparent!important;color:var(--text-primary)!important}.bg-theme-active,.bg-wood-active{background-color:var(--bg-primary)!important;box-shadow:inset 0 0 0 2px var(--accent)}.bg-theme-inactive,.bg-wood-inactive{background-color:var(--bg-secondary)!important}.bg-wood-dark,.bg-wood-light,.bg-wood-mahogany{background-attachment:fixed;background-position:50%;background-size:cover}.bg-wood-dark{background-image:url(/static/textures/wood-dark.png)}.bg-wood-light{background-image:url(/static/textures/wood-light.png)}.bg-wood-mahogany{background-image:url(/static/textures/wood-mahogany.png)}#collections-container.bg-wood-dark,#collections-container.bg-wood-light,#collections-container.bg-wood-mahogany,body.bg-wood-dark,body.bg-wood-light,body.bg-wood-mahogany{background-attachment:fixed;background-position:50%;background-size:cover}#collections-container[data-wood=wood-light]{--wood-text-primary:#1a1a1a;--wood-text-secondary:#4a4a4a;--wood-border:#8b5a2b}#collections-container[data-wood=wood-dark]{--wood-text-primary:#f5f5f5;--wood-text-secondary:silver;--wood-border:#7a5228}#collections-container[data-wood=wood-mahogany]{--wood-text-primary:#f5f5f5;--wood-text-secondary:silver;--wood-border:#8b3a3a}#collections-container[data-wood] a,#collections-container[data-wood] button,#collections-container[data-wood] h1,#collections-container[data-wood] h2,#collections-container[data-wood] h3,#collections-container[data-wood] p,#collections-container[data-wood] span{color:var(--wood-text-primary)!important}#collections-container[data-wood] .text-secondary{color:var(--wood-text-secondary)!important}#collections-container[data-wood=wood-light] a{color:#06c!important}#collections-container[data-wood=wood-dark] a,#collections-container[data-wood=wood-mahogany] a{color:#6cf!important}#collections-container[data-wood=wood-light] .carousel-nav-left{background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)}#collections-container[data-wood=wood-light] .carousel-nav-right{background:linear-gradient(270deg,rgba(0,0,0,.6),transparent)}#collections-container[data-wood=wood-dark] .carousel-nav-left,#collections-container[data-wood=wood-mahogany] .carousel-nav-left{background:linear-gradient(90deg,rgba(0,0,0,.3),transparent)}#collections-container[data-wood=wood-dark] .carousel-nav-right,#collections-container[data-wood=wood-mahogany] .carousel-nav-right{background:linear-gradient(270deg,rgba(0,0,0,.3),transparent)}#collections-container[data-wood] .book-card{border:1px solid var(--wood-border)}.reader-icon{display:block;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.reader-glass{background-color:color-mix(in srgb,var(--bg-primary) 70%,transparent);backdrop-filter:blur(18px) saturate(1.4);border-color:color-mix(in srgb,var(--border) 60%,transparent)}#reader-topbar.reader-glass{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:0 4px 18px rgba(0,0,0,.16)}#reader-bottombar.reader-glass{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:0 -4px 18px rgba(0,0,0,.16)}#reader-bottombar,#reader-topbar{transition:transform .3s ease,opacity .3s ease}#reader-chrome.chrome-hidden #reader-topbar{transform:translateY(-101%)}#reader-chrome.chrome-hidden #reader-bottombar{transform:translateY(101%)}#reader-bottombar button:hover,#reader-topbar a:hover,#reader-topbar button:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}#reader-bottombar button:focus-visible,#reader-topbar a:focus-visible,#reader-topbar button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.reader-sep{background-color:color-mix(in srgb,var(--border) 80%,transparent)}.reader-select{background-color:color-mix(in srgb,var(--bg-primary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:inherit}.reader-select:hover{border-color:#3b82f6}#reader-bottombar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer;accent-color:#3b82f6}#reader-bottombar input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:color-mix(in srgb,currentColor 22%,transparent)}#reader-bottombar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.45);-webkit-transition:transform .12s ease;transition:transform .12s ease}#reader-bottombar input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}#reader-bottombar input[type=range]::-moz-range-track{height:4px;border-radius:9999px;background:color-mix(in srgb,currentColor 22%,transparent)}#reader-bottombar input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.45)}.drawer-scrim{position:fixed;inset:0;background-color:rgba(0,0,0,.45);z-index:45}.reader-drawer{position:fixed;top:0;bottom:0;width:340px;max-width:calc(100vw - 2rem);background-color:var(--bg-secondary);z-index:50;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.reader-drawer.left{left:0;border-right:1px solid var(--border)}.reader-drawer.right{right:0;border-left:1px solid var(--border)}@media (max-width:640px){.reader-drawer{width:100%;max-width:100%}}.reader-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-drawer-body{flex:1;overflow-y:auto;padding:1rem}.reader-seg{display:inline-flex;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background-color:color-mix(in srgb,var(--bg-primary) 50%,transparent);border-radius:.5rem;overflow:hidden}.reader-seg button{padding:.25rem .6rem;font-size:.75rem;line-height:1.25rem}.reader-seg button.active{background-color:#2563eb;color:#fff}.reader-seg button.\!active{background-color:#2563eb!important;color:#fff!important}.theme-swatch{height:2.25rem;border-radius:.5rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.theme-swatch:hover{border-color:#3b82f6}.reader-popover{position:fixed;transform:translate(-50%,calc(-100% - 10px));background-color:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.75rem;box-shadow:0 8px 28px rgba(0,0,0,.35);padding:.5rem .625rem;z-index:60}.color-dot{width:1.375rem;height:1.375rem;border-radius:9999px;border:2px solid rgba(0,0,0,.25);transition:transform .12s ease}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:#fff;box-shadow:0 0 0 2px #3b82f6}.reader-popover-btn{padding:.3rem;border-radius:.375rem;color:inherit}.reader-popover-btn:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}.reader-popover-btn.danger:hover{background-color:rgba(153,27,27,.6)}.adjust-handle{position:fixed;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:auto;cursor:grab;touch-action:none}.adjust-handle[data-which=end]{border-radius:50% 50% 0 50%;transform:rotate(45deg)}.adjust-handle[data-dragging]{cursor:grabbing;scale:1.15}.reader-note-input{width:100%;resize:vertical;padding:.5rem;border-radius:.5rem;font-size:.875rem;color:inherit;background-color:color-mix(in srgb,var(--bg-primary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.reader-note-input:focus{outline:2px solid #3b82f6;outline-offset:1px}.note-rich p{margin:0}.note-rich p+p{margin-top:.6em}.note-rich h1,.note-rich h2,.note-rich h3,.note-rich h4,.note-rich h5,.note-rich h6{margin:.8em 0 .4em;font-weight:600;line-height:1.3}.note-rich h1{font-size:1.25em}.note-rich h2{font-size:1.15em}.note-rich h3,.note-rich h4{font-size:1.05em}.note-rich h5,.note-rich h6{font-size:1em}.note-rich blockquote{margin:.6em 0;padding:.1em 0 .1em .75em;border-left:3px solid color-mix(in srgb,var(--text-secondary) 55%,transparent);color:var(--text-secondary)}.note-rich ol,.note-rich ul{margin:.6em 0;padding-left:1.4em}.note-rich ul{list-style:disc}.note-rich ol{list-style:decimal}.note-rich li{margin:.15em 0}.note-rich li+li{margin-top:.25em}.note-rich li>p{margin:0}.note-rich pre{margin:.6em 0;padding:.6em .75em;overflow-x:auto;border-radius:.375rem;background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.note-rich pre code{background:none;padding:0;font-size:.9em}.note-rich code{font-size:.9em;padding:.1em .3em;border-radius:.25rem;background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent)}.note-rich a{text-decoration:underline;text-underline-offset:2px}.note-rich hr{margin:.8em 0}.note-rich table{margin:.6em 0;border-collapse:collapse;font-size:.95em}.note-rich td,.note-rich th{border:1px solid var(--border);padding:.25em .5em;text-align:left}.note-rich th{font-weight:600}.reader-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.reader-tabs button{flex:1;padding:.5rem .25rem;font-size:.8125rem;color:var(--text-secondary);border-bottom:2px solid transparent}.reader-tabs button.active{color:var(--text-primary);border-bottom-color:#3b82f6}.reader-tabs button.\!active{color:var(--text-primary)!important;border-bottom-color:#3b82f6!important}.reader-tab-count{display:inline-block;min-width:1.25rem;margin-left:.25rem;padding:0 .25rem;border-radius:9999px;font-size:.6875rem;line-height:1.1rem;background-color:color-mix(in srgb,currentColor 13%,transparent)}.reader-hl-row{display:flex;align-items:center;gap:.25rem}.reader-tools-popover{position:absolute;bottom:100%;right:.5rem;margin-bottom:.5rem;min-width:16rem;max-width:calc(100vw - 1.5rem);max-height:min(26rem,65vh);overflow-y:auto;background-color:color-mix(in srgb,var(--bg-primary) 88%,transparent);backdrop-filter:blur(18px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.75rem;box-shadow:0 -6px 28px rgba(0,0,0,.35);padding:.25rem}.reader-tools-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;font-size:.875rem;border-radius:.5rem}.reader-tools-row+.reader-tools-row{border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.reader-tools-row:hover{background-color:color-mix(in srgb,currentColor 6%,transparent)}#reader-view::part(filter){filter:var(--fx-filter,none)}.reader-thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.reader-thumb{position:relative;border-radius:.375rem;overflow:hidden;border:2px solid transparent;padding:0;background-color:color-mix(in srgb,currentColor 6%,transparent)}.reader-thumb:hover{border-color:color-mix(in srgb,currentColor 30%,transparent)}.reader-thumb.active{border-color:#3b82f6}.reader-thumb.\!active{border-color:#3b82f6!important}.reader-thumb-img{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden}.reader-thumb-img canvas,.reader-thumb-img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.reader-thumb-num{position:absolute;bottom:.2rem;right:.35rem;font-size:.65rem;line-height:1;padding:.15rem .3rem;border-radius:.25rem;background-color:rgba(0,0,0,.55);color:#fff}.reader-edge-zone{position:absolute;top:0;bottom:0;width:8%;max-width:72px;min-width:44px;z-index:10;display:none;align-items:center;cursor:pointer}.reader-edge-zone.left{left:0;justify-content:flex-start;padding-left:.75rem}.reader-edge-zone.right{right:0;justify-content:flex-end;padding-right:.75rem}.reader-edge-zone:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .15s ease}.reader-edge-zone.left:before{background:linear-gradient(90deg,hsla(0,0%,100%,.08),transparent)}.reader-edge-zone.right:before{background:linear-gradient(270deg,hsla(0,0%,100%,.08),transparent)}.reader-edge-zone .reader-icon{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));opacity:0;transition:opacity .15s ease}.reader-edge-zone:hover:before{opacity:1}.reader-edge-zone:hover .reader-icon{opacity:.85}@media (hover:hover) and (pointer:fine){.reader-edge-zone{display:flex}}.reader-help-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:70}.reader-help{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(34rem,calc(100vw - 2rem));max-height:min(38rem,calc(100vh - 4rem));display:flex;flex-direction:column;background-color:color-mix(in srgb,var(--bg-primary) 90%,transparent);backdrop-filter:blur(20px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.875rem;box-shadow:0 16px 48px rgba(0,0,0,.45);z-index:71}.reader-help-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-help-body{overflow-y:auto;padding:1rem 1.25rem}.reader-help-section{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:1.1rem 0 .4rem}.reader-help-body .reader-help-section:first-child{margin-top:0}.help-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.85rem}.help-row>span:first-child{color:var(--text-primary)}.help-keys{text-align:right;font-size:.8rem;white-space:nowrap}.help-keys,.help-note{color:var(--text-secondary)}.help-note{font-size:.75rem}.kbd{display:inline-block;min-width:1.4rem;text-align:center;padding:.05rem .4rem;margin:0 .1rem;border-radius:.3rem;border:solid color-mix(in srgb,var(--border) 80%,transparent);border-width:1px 1px 2px;background-color:color-mix(in srgb,currentColor 8%,transparent);font-family:ui-monospace,monospace;font-size:.72rem;line-height:1.2rem}.reader-search-bar{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-search-status{padding:.375rem 1rem;font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);flex-shrink:0;min-height:1.75rem}.search-result{display:block;padding:.375rem .5rem;border-radius:.375rem;font-size:.8125rem;line-height:1.35}.search-result:hover{background-color:color-mix(in srgb,currentColor 9%,transparent)}.search-result mark{background-color:rgba(255,213,79,.4);color:inherit;border-radius:2px;padding:0 1px}.stacked-covers{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.stacked-covers .cover-img{position:absolute;width:70%;height:90%;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.4)}.stacked-covers.cover-count-1 .cover-0{top:5%;left:15%}.stacked-covers.cover-count-2 .cover-0{top:8%;left:5%;transform:rotate(-6deg);z-index:1}.stacked-covers.cover-count-2 .cover-1{top:2%;left:25%;transform:rotate(3deg);z-index:2}.stacked-covers.cover-count-3 .cover-0{top:12%;left:2%;transform:rotate(-8deg);z-index:1}.stacked-covers.cover-count-3 .cover-1{top:6%;left:15%;transform:rotate(-2deg);z-index:2}.stacked-covers.cover-count-3 .cover-2{top:0;left:30%;transform:rotate(4deg);z-index:3}.stacked-covers.cover-count-4 .cover-0{top:14%;left:0;width:65%;height:85%;transform:rotate(-10deg);z-index:1}.stacked-covers.cover-count-4 .cover-1{top:10%;left:12%;width:65%;height:85%;transform:rotate(-4deg);z-index:2}.stacked-covers.cover-count-4 .cover-2{top:5%;left:22%;width:65%;height:85%;transform:rotate(2deg);z-index:3}.stacked-covers.cover-count-4 .cover-3{top:0;left:32%;width:65%;height:85%;transform:rotate(6deg);z-index:4}.stacked-covers.cover-count-5 .cover-0,.stacked-covers.cover-count-6 .cover-0,.stacked-covers.cover-count-7 .cover-0{top:16%;left:-2%;width:62%;height:82%;transform:rotate(-12deg);z-index:1}.stacked-covers.cover-count-5 .cover-1,.stacked-covers.cover-count-6 .cover-1,.stacked-covers.cover-count-7 .cover-1{top:12%;left:8%;width:62%;height:82%;transform:rotate(-6deg);z-index:2}.stacked-covers.cover-count-5 .cover-2,.stacked-covers.cover-count-6 .cover-2,.stacked-covers.cover-count-7 .cover-2{top:8%;left:17%;width:62%;height:82%;transform:rotate(-1deg);z-index:3}.stacked-covers.cover-count-5 .cover-3,.stacked-covers.cover-count-6 .cover-3,.stacked-covers.cover-count-7 .cover-3{top:4%;left:26%;width:62%;height:82%;transform:rotate(4deg);z-index:4}.stacked-covers.cover-count-5 .cover-4,.stacked-covers.cover-count-6 .cover-4,.stacked-covers.cover-count-7 .cover-4{top:0;left:35%;width:62%;height:82%;transform:rotate(9deg);z-index:5}.stacked-covers.cover-count-6 .cover-5,.stacked-covers.cover-count-7 .cover-5{top:-2%;left:30%;width:60%;height:80%;transform:rotate(13deg);z-index:6}.stacked-covers.cover-count-7 .cover-6{top:-4%;left:25%;width:58%;height:78%;transform:rotate(16deg);z-index:7}.series-card{transition:transform .2s ease,box-shadow .2s ease}.series-card:hover{transform:translateY(-4px)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-full{bottom:100%}.end-1{inset-inline-end:.25rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-\[4\.75rem\]{top:4.75rem}.top-full{top:100%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[20rem\]{max-height:20rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[150px\]{min-height:150px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[190px\]{min-width:190px}.min-w-\[200px\]{min-width:200px}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[300px\]{min-width:300px}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4rem\]{min-width:4rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[7rem\]{min-width:7rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[500px\]{max-width:500px}.max-w-\[5rem\]{max-width:5rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-2\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\.5{--tw-translate-y:-0.625rem}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y:-1.25rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-7{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-7{--tw-translate-x:1.75rem}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-2{--tw-translate-y:0.5rem}.rotate-180,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-4{row-gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.875rem}.rounded-b-2xl{border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--border\)\]{border-color:var(--border)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-line{border-color:var(--border)}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/90{background-color:rgba(59,130,246,.9)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/90{background-color:rgba(34,197,94,.9)}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/90{background-color:rgba(239,68,68,.9)}.bg-surface-hover{background-color:var(--surface-hover)}.bg-surface-raised{background-color:var(--bg-secondary)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-wood-dark{background-image:url(/static/textures/wood-dark.png)}.bg-wood-light{background-image:url(/static/textures/wood-light.png)}.bg-wood-mahogany{background-image:url(/static/textures/wood-mahogany.png)}.from-gray-700{--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgba(55,65,81,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Apple SD Gothic Neo,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--bg-primary\)\]{color:var(--bg-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-content-muted{color:var(--text-secondary)}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black\/10{--tw-ring-color:rgba(0,0,0,.1)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@view-transition{navigation:auto}#selection-handles{position:fixed;inset:0;pointer-events:none;z-index:55}#selection-handles .sel-handle{position:absolute;top:0;left:0;width:12px;height:24px;pointer-events:auto;touch-action:none;background:#8ab4f8;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.45);opacity:.95}#selection-handles .sel-handle:before{content:"";position:absolute;top:-4px;left:50%;width:2px;height:5px;background:inherit;transform:translateX(-50%)}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:970px){.md\:container{max-width:970px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}@media (min-width:1536px){.md\:container{max-width:1536px}}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.hover\:border-opacity-50:hover{--tw-border-opacity:0.5}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-red-900\/60:hover{background-color:rgba(127,29,29,.6)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:bg-opacity-50:hover{--tw-bg-opacity:0.5}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-brand:hover{color:var(--accent)}.hover\:text-content:hover{color:var(--text-primary)}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-blue-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.hover\:ring-green-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128/var(--tw-ring-opacity,1))}.hover\:ring-purple-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(192 132 252/var(--tw-ring-opacity,1))}.hover\:ring-red-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.hover\:ring-yellow-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.hover\:ring-offset-2:hover{--tw-ring-offset-width:2px}.hover\:ring-offset-transparent:hover{--tw-ring-offset-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-brand{background-color:var(--accent)}.peer:checked~.peer-checked\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:checked~.peer-checked\:ring-blue-400{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-20{width:5rem}.sm\:w-40{width:10rem}.sm\:w-96{width:24rem}.sm\:max-w-none{max-width:none}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1{gap:.25rem}.sm\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm\:p-2{padding:.5rem}.sm\:p-5{padding:1.25rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-80{height:20rem}.md\:w-56{width:14rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-5{gap:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:bottom-auto{bottom:auto}.lg\:left-auto{left:auto}.lg\:top-20{top:5rem}.lg\:z-10{z-index:10}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:hidden{display:none}.lg\:h-\[calc\(100vh-6rem\)\]{height:calc(100vh - 6rem)}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:border-r-0{border-right-width:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-36{padding-top:9rem;padding-bottom:9rem}}@media (min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
\ No newline at end of file
+/*! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Apple SD Gothic Neo,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}input:where(:not([type])),input:where([type=date]),input:where([type=datetime-local]),input:where([type=email]),input:where([type=month]),input:where([type=number]),input:where([type=password]),input:where([type=search]),input:where([type=tel]),input:where([type=text]),input:where([type=time]),input:where([type=url]),input:where([type=week]),select,select:where([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}input:where(:not([type])):focus,input:where([type=date]):focus,input:where([type=datetime-local]):focus,input:where([type=email]):focus,input:where([type=month]):focus,input:where([type=number]):focus,input:where([type=password]):focus,input:where([type=search]):focus,input:where([type=tel]):focus,input:where([type=text]):focus,input:where([type=time]):focus,input:where([type=url]):focus,input:where([type=week]):focus,select:focus,select:where([multiple]):focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}select:where([multiple]),select:where([size]:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}input:where([type=checkbox]),input:where([type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}input:where([type=checkbox]){border-radius:0}input:where([type=radio]){border-radius:100%}input:where([type=checkbox]):focus,input:where([type=radio]):focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}input:where([type=checkbox]):checked,input:where([type=radio]):checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}input:where([type=checkbox]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=checkbox]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=radio]):checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {input:where([type=radio]):checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):checked:focus,input:where([type=checkbox]):checked:hover,input:where([type=radio]):checked:focus,input:where([type=radio]):checked:hover{border-color:transparent;background-color:currentColor}input:where([type=checkbox]):indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}@media (forced-colors:active) {input:where([type=checkbox]):indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}input:where([type=checkbox]):indeterminate:focus,input:where([type=checkbox]):indeterminate:hover{border-color:transparent;background-color:currentColor}input:where([type=file]){background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}input:where([type=file]):focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{color-scheme:dark;--bg-primary:#1a1b26;--bg-secondary:#16161e;--text-primary:#c0caf5;--text-secondary:#9aa5ce;--accent:#7aa2f7;--border:#2a2e42;--status-success:#9ece6a;--status-warning:#e0af68;--status-danger:#f7768e;--status-info:#7aa2f7}.theme-tokyo-night{--bg-primary:#1a1b26;--bg-secondary:#16161e;--text-primary:#c0caf5;--text-secondary:#9aa5ce;--accent:#7aa2f7;--border:#2a2e42}.theme-dracula{--bg-primary:#282a36;--bg-secondary:#21222c;--text-primary:#f8f8f2;--text-secondary:#bfbfbf;--accent:#bd93f9;--border:#3a3d4d}.theme-nord{--bg-primary:#2e3440;--bg-secondary:#3b4252;--text-primary:#eceff4;--text-secondary:#b7c0d2;--accent:#88c0d0;--border:#46577a}.theme-solarized-dark{--bg-primary:#002b36;--bg-secondary:#073642;--text-primary:#c5d3d3;--text-secondary:#93a1a1;--accent:#2aa198;--border:#1d4b58}.theme-monokai{--bg-primary:#272822;--bg-secondary:#1e1f1c;--text-primary:#f8f8f2;--text-secondary:#c8c8b8;--accent:#a6e22e;--border:#3e3d32}.theme-one-dark-pro{--bg-primary:#282c34;--bg-secondary:#21252b;--text-primary:#d7dbe0;--text-secondary:#9da5b4;--accent:#61dafb;--border:#3a3f4b}.theme-material-dark{--bg-primary:#263238;--bg-secondary:#1e282d;--text-primary:#eff;--text-secondary:#b0bec5;--accent:#80cbc4;--border:#37474f}.theme-vantablack{--bg-primary:#000;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-secondary:#ececec;--accent:#8d8d8d;--border:#1a1a1a}.theme-last-horizon{--bg-primary:#0c0b0c;--bg-secondary:#171516;--text-primary:#fafcfb;--text-secondary:#cfd3cd;--accent:#b59790;--border:#2b2729}.theme-ethereal{--bg-primary:#060b1e;--bg-secondary:#131a3a;--text-primary:#ffcead;--text-secondary:#c9b8a6;--accent:#7d82d9;--border:#252e56}.theme-hackerman{--bg-primary:#0b0c16;--bg-secondary:#151828;--text-primary:#ddf7ff;--text-secondary:#b5c5db;--accent:#82fb9c;--border:#1f253a}.theme-matte-black{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#bebebe;--text-secondary:#8a8a8d;--accent:#e68e0d;--border:#2a2a2a}.theme-solitude{--bg-primary:#101315;--bg-secondary:#171b1e;--text-primary:#cacccc;--text-secondary:#8a9199;--accent:#798186;--border:#262d31}.theme-retro-82{--bg-primary:#05182e;--bg-secondary:#0a2540;--text-primary:#f6dcac;--text-secondary:#a7c9c6;--accent:#faa968;--border:#134e5a}.theme-osaka-jade{--bg-primary:#111c18;--bg-secondary:#23372b;--text-primary:#c1c497;--text-secondary:#81b8a8;--accent:#509475;--border:#32473b}.theme-kanagawa{--bg-primary:#1f1f28;--bg-secondary:#223249;--text-primary:#dcd7ba;--text-secondary:#c8c093;--accent:#7e9cd8;--border:#363646}.theme-miasma{--bg-primary:#222;--bg-secondary:#2c2c2c;--text-primary:#c2c2b0;--text-secondary:#8a8a7e;--accent:#78824b;--border:#383838}.theme-lumon{--bg-primary:#16242d;--bg-secondary:#1b2d40;--text-primary:#d6e2ee;--text-secondary:#4d86b0;--accent:#8bc9eb;--border:#243d56}.theme-ristretto{--bg-primary:#2c2525;--bg-secondary:#3d2f2a;--text-primary:#e6d9db;--text-secondary:#c3b7b8;--accent:#f38d70;--border:#403e41}.theme-gruvbox{--bg-primary:#282828;--bg-secondary:#3c3836;--text-primary:#d4be98;--text-secondary:#bdae93;--accent:#7daea3;--border:#504945}.theme-everforest{--bg-primary:#2d353b;--bg-secondary:#343f44;--text-primary:#d3c6aa;--text-secondary:#9da9a0;--accent:#7fbbb3;--border:#3d484d}.theme-catppuccin-mocha{--bg-primary:#1e1e2e;--bg-secondary:#181825;--text-primary:#cdd6f4;--text-secondary:#a6adc8;--accent:#f38ba8;--border:#313244}.theme-catppuccin-macchiato{--bg-primary:#24273a;--bg-secondary:#1e2030;--text-primary:#cad3f5;--text-secondary:#a5adcb;--accent:#c6a0f6;--border:#363a4f}.theme-catppuccin-frappe{--bg-primary:#303446;--bg-secondary:#292c3c;--text-primary:#c6d0f5;--text-secondary:#a5adce;--accent:#ca9ee6;--border:#414559}.theme-catppuccin-latte{color-scheme:light;--bg-primary:#eff1f5;--bg-secondary:#fff;--text-primary:#4c4f69;--text-secondary:#6c6f85;--accent:#d20f39;--border:#dcdfe6}.theme-tokyo-night-day{color-scheme:light;--bg-primary:#e1e2e7;--bg-secondary:#fff;--text-primary:#3760bf;--text-secondary:#6172b0;--accent:#2e7de9;--border:#c4c8da}.theme-solarized-light{color-scheme:light;--bg-primary:#fdf6e3;--bg-secondary:#eee8d5;--text-primary:#586e75;--text-secondary:#93a1a1;--accent:#268bd2;--border:#ddd6c1}.theme-one-light{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#383a42;--text-secondary:#696c77;--accent:#4078f2;--border:#dfdfdf}.theme-ayu-light{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#f3f4f5;--text-primary:#5c6166;--text-secondary:#8a9199;--accent:#f93;--border:#e2e3e5}.theme-github-light{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f6f8fa;--text-primary:#24292f;--text-secondary:#57606a;--accent:#0969da;--border:#d0d7de}.theme-gruvbox-light{color-scheme:light;--bg-primary:#fbf1c7;--bg-secondary:#f2e5bc;--text-primary:#3c3836;--text-secondary:#7c6f64;--accent:#076678;--border:#d5c4a1}.theme-everforest-light{color-scheme:light;--bg-primary:#fdf6e3;--bg-secondary:#f4f0d9;--text-primary:#5c6a72;--text-secondary:#708089;--accent:#3a94c5;--border:#d5cfaf}.theme-kanagawa-lotus{color-scheme:light;--bg-primary:#f2ecbc;--bg-secondary:#e5ddb0;--text-primary:#545464;--text-secondary:#716e61;--accent:#4d699b;--border:#d5cea3}.theme-rose-pine{color-scheme:light;--bg-primary:#faf4ed;--bg-secondary:#fffaf3;--text-primary:#575279;--text-secondary:#797593;--accent:#56949f;--border:#dfdad9}.theme-lupine{color-scheme:light;--bg-primary:#fafafa;--bg-secondary:#fff;--text-primary:#212121;--text-secondary:#757575;--accent:#3264eb;--border:#d0d0d0}.theme-flexoki-light{color-scheme:light;--bg-primary:#fffcf0;--bg-secondary:#f2efe4;--text-primary:#100f0f;--text-secondary:#6f6e69;--accent:#205ea6;--border:#cecdc3}.theme-white{color-scheme:light;--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#000;--text-secondary:grey;--accent:#6e6e6e;--border:#e8e8e8}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface-hover:color-mix(in srgb,var(--text-primary) 9%,transparent);--surface-overlay:rgba(0,0,0,.55);--border-strong:color-mix(in srgb,var(--text-primary) 24%,var(--border));--accent-muted:color-mix(in srgb,var(--accent) 14%,var(--bg-secondary));--shadow-card:0 1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.08);--shadow-card-hover:0 6px 16px rgba(0,0,0,.22),0 2px 6px rgba(0,0,0,.12);--shadow-pop:0 12px 40px rgba(0,0,0,.34),0 4px 12px rgba(0,0,0,.2);--shadow-bar:0 1px 0 rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.16)}.theme-ayu-light,.theme-catppuccin-latte,.theme-everforest-light,.theme-flexoki-light,.theme-github-light,.theme-gruvbox-light,.theme-kanagawa-lotus,.theme-lupine,.theme-one-light,.theme-rose-pine,.theme-solarized-light,.theme-tokyo-night-day,.theme-white{--shadow-card:0 1px 2px rgba(76,79,105,.08),0 1px 3px rgba(76,79,105,.06);--shadow-card-hover:0 6px 16px rgba(76,79,105,.16),0 2px 6px rgba(76,79,105,.08);--shadow-pop:0 12px 40px rgba(76,79,105,.22),0 4px 12px rgba(76,79,105,.12);--shadow-bar:0 1px 0 rgba(76,79,105,.08),0 4px 16px rgba(76,79,105,.1)}select option{background-color:var(--bg-secondary);color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[x-cloak]{display:none!important}:root{--sidebar-w:16rem;--topbar-h:4rem}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:60;background-color:var(--bg-secondary);border-right:1px solid color-mix(in srgb,var(--text-primary) 7%,transparent);display:flex;flex-direction:column;overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease}.app-sidebar.is-open{transform:translateX(0)}.app-sidebar-backdrop{position:fixed;inset:0;z-index:55;background:var(--surface-overlay);opacity:0;pointer-events:none;transition:opacity .25s ease}.app-sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.sidebar-panel{background-color:color-mix(in srgb,var(--text-primary) 4%,var(--bg-secondary));border:1px solid var(--border);border-radius:.75rem;padding:.375rem}.mode-toggle-active{background-color:var(--accent-muted);color:var(--text-primary)}@media (min-width:1024px){.app-sidebar{transform:none}.app-mobile-only,.app-sidebar-backdrop{display:none!important}}.app-topbar{position:fixed;top:0;left:0;right:0;z-index:40;height:var(--topbar-h);background-color:color-mix(in srgb,var(--bg-secondary) 82%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent)}body:has(.app-sidebar){padding-top:var(--topbar-h)}@media (min-width:1024px){body:has(.app-sidebar){padding-left:var(--sidebar-w)}.app-topbar{left:var(--sidebar-w)}}.app-subbar{position:sticky;top:var(--topbar-h);z-index:30}*{scrollbar-color:color-mix(in srgb,var(--text-primary) 22%,transparent) transparent}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:970px){.\!container{max-width:970px!important}.container{max-width:970px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:rgba(17,24,39,.1);--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:hsla(0,0%,100%,.1);--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--bg-secondary);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--bg-primary);color:var(--text-primary);font-weight:400}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:""}.prose-invert :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:""}.prose-invert :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;color:inherit}.prose-invert :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--bg-secondary);color:var(--text-primary)}.\!card{background-color:var(--bg-secondary)!important;border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent)!important;border-radius:1rem!important;box-shadow:var(--shadow-card)!important}.card{background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:1rem;box-shadow:var(--shadow-card)}.\!btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.5rem 1rem!important;border-radius:.625rem!important;font-size:.875rem!important;font-weight:500!important;line-height:1.25rem!important;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease!important;cursor:pointer!important;white-space:nowrap!important}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;border-radius:.625rem;font-size:.875rem;font-weight:500;line-height:1.25rem;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease,border-color .15s ease;cursor:pointer;white-space:nowrap}.\!btn:active{transform:translateY(1px)!important}.btn:active{transform:translateY(1px)}.\!btn:disabled{opacity:.5!important;cursor:not-allowed!important}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:var(--bg-primary);box-shadow:var(--shadow-card)}.btn-primary:hover{background-color:color-mix(in srgb,var(--accent) 88%,#fff);box-shadow:var(--shadow-card-hover)}.btn-secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--surface-hover);border-color:var(--accent);color:var(--text-primary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--text-primary)}.btn-danger{background-color:var(--status-danger);color:#fff}.btn-danger:hover{background-color:color-mix(in srgb,var(--status-danger) 88%,#fff)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;color:var(--text-secondary);transition:background-color .15s ease,color .15s ease;cursor:pointer}.icon-btn:hover{background-color:var(--surface-hover);color:var(--text-primary)}.\!input{width:100%!important;background-color:var(--bg-primary)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important;border-radius:.625rem!important;padding:.5rem .75rem!important;font-size:.875rem!important;transition:border-color .15s ease,box-shadow .15s ease!important}.input{width:100%;background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border);border-radius:.625rem;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s ease,box-shadow .15s ease}.\!input::-moz-placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)!important}.\!input::placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)!important}.input::-moz-placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)}.input::placeholder{color:color-mix(in srgb,var(--text-secondary) 75%,transparent)}.\!input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent)!important;outline:none!important}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 25%,transparent);outline:none}.chip{gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:var(--accent-muted);color:var(--text-primary)}.badge,.chip{display:inline-flex;align-items:center}.badge{padding:.125rem .5rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;letter-spacing:.01em}.book-card{position:relative;background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:.75rem;overflow:hidden;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.book-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}.book-card-cover{position:relative}.book-card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 55%);opacity:0;transition:opacity .18s ease;pointer-events:none}.book-card:hover .book-card-cover:after{opacity:1}.book-card-action{position:absolute;top:0;left:0;right:0;aspect-ratio:2/3;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;z-index:2;transition:opacity .18s ease}.book-card:focus-within .book-card-action,.book-card:hover .book-card-action{opacity:1}.book-card-action-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:9999px;background-color:color-mix(in srgb,var(--accent) 92%,#fff);color:#fff;box-shadow:0 6px 18px rgba(0,0,0,.4);pointer-events:auto;text-decoration:none}.book-card-meta{background-color:var(--bg-secondary);padding:.5rem .625rem}@media (hover:none){.book-card-action{opacity:1}}.brand-gradient{background-image:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,var(--bg-secondary)),var(--bg-secondary) 62%)}.hero-backdrop{position:absolute;inset:0;z-index:0;background-size:cover;background-position:50%;filter:blur(28px) saturate(1.4);transform:scale(1.15);opacity:.5}.hero-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-primary) 35%,transparent),var(--bg-primary) 92%)}.stat-card{background-color:var(--bg-secondary);border:1px solid color-mix(in srgb,var(--text-primary) 6%,transparent);border-radius:1rem;padding:1.25rem;box-shadow:var(--shadow-card)}.tristate-btn{background-color:var(--bg-primary);border:1px solid var(--border)}.tristate-btn.state-null{color:var(--text-secondary)}.tristate-btn.state-true{background-color:var(--accent-muted);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));color:var(--accent)}.tristate-btn.state-false{background-color:var(--surface-hover);color:var(--text-secondary)}.facet-section-summary{list-style:none}.facet-section-summary::-webkit-details-marker{display:none}.facet-section-summary:before{content:"▸";display:inline-block;margin-right:.5rem;color:var(--text-secondary);transition:transform .15s ease;font-size:.7rem}.facet-section[open] .facet-section-summary:before{transform:rotate(90deg)}.facet-value-btn{background-color:transparent}.facet-value-btn:hover{background-color:var(--surface-hover)}.facet-value-btn.facet-value-active{background-color:var(--accent-muted);color:var(--accent)}.facet-value-btn.facet-value-active span{color:var(--accent)}.loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.status-pending{background-color:color-mix(in srgb,var(--status-warning) 20%,transparent);color:var(--status-warning)}.status-processing{background-color:color-mix(in srgb,var(--status-info) 20%,transparent);color:var(--status-info)}.status-completed{background-color:color-mix(in srgb,var(--status-success) 20%,transparent);color:var(--status-success)}.status-failed{background-color:color-mix(in srgb,var(--status-danger) 20%,transparent);color:var(--status-danger)}.prose pre code.hljs{background-color:transparent!important}.prose code.hljs{background-color:var(--bg-primary)!important;padding:.2em .4em}.prose pre{background-color:var(--bg-secondary)!important}.prose .hljs{background-color:transparent!important;color:var(--text-primary)!important}.bg-theme-active,.bg-wood-active{background-color:var(--bg-primary)!important;box-shadow:inset 0 0 0 2px var(--accent)}.bg-theme-inactive,.bg-wood-inactive{background-color:var(--bg-secondary)!important}.bg-wood-dark,.bg-wood-light,.bg-wood-mahogany{background-attachment:fixed;background-position:50%;background-size:cover}.bg-wood-dark{background-image:url(/static/textures/wood-dark.png)}.bg-wood-light{background-image:url(/static/textures/wood-light.png)}.bg-wood-mahogany{background-image:url(/static/textures/wood-mahogany.png)}#collections-container.bg-wood-dark,#collections-container.bg-wood-light,#collections-container.bg-wood-mahogany,body.bg-wood-dark,body.bg-wood-light,body.bg-wood-mahogany{background-attachment:fixed;background-position:50%;background-size:cover}#collections-container[data-wood=wood-light]{--wood-text-primary:#1a1a1a;--wood-text-secondary:#4a4a4a;--wood-border:#8b5a2b}#collections-container[data-wood=wood-dark]{--wood-text-primary:#f5f5f5;--wood-text-secondary:silver;--wood-border:#7a5228}#collections-container[data-wood=wood-mahogany]{--wood-text-primary:#f5f5f5;--wood-text-secondary:silver;--wood-border:#8b3a3a}#collections-container[data-wood] a,#collections-container[data-wood] button,#collections-container[data-wood] h1,#collections-container[data-wood] h2,#collections-container[data-wood] h3,#collections-container[data-wood] p,#collections-container[data-wood] span{color:var(--wood-text-primary)!important}#collections-container[data-wood] .text-secondary{color:var(--wood-text-secondary)!important}#collections-container[data-wood=wood-light] a{color:#06c!important}#collections-container[data-wood=wood-dark] a,#collections-container[data-wood=wood-mahogany] a{color:#6cf!important}#collections-container[data-wood=wood-light] .carousel-nav-left{background:linear-gradient(90deg,rgba(0,0,0,.6),transparent)}#collections-container[data-wood=wood-light] .carousel-nav-right{background:linear-gradient(270deg,rgba(0,0,0,.6),transparent)}#collections-container[data-wood=wood-dark] .carousel-nav-left,#collections-container[data-wood=wood-mahogany] .carousel-nav-left{background:linear-gradient(90deg,rgba(0,0,0,.3),transparent)}#collections-container[data-wood=wood-dark] .carousel-nav-right,#collections-container[data-wood=wood-mahogany] .carousel-nav-right{background:linear-gradient(270deg,rgba(0,0,0,.3),transparent)}#collections-container[data-wood] .book-card{border:1px solid var(--wood-border)}.reader-icon{display:block;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.reader-glass{background-color:color-mix(in srgb,var(--bg-primary) 70%,transparent);backdrop-filter:blur(18px) saturate(1.4);border-color:color-mix(in srgb,var(--border) 60%,transparent)}#reader-topbar.reader-glass{border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:0 4px 18px rgba(0,0,0,.16)}#reader-bottombar.reader-glass{border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:0 -4px 18px rgba(0,0,0,.16)}#reader-bottombar,#reader-topbar{transition:transform .3s ease,opacity .3s ease}#reader-chrome.chrome-hidden #reader-topbar{transform:translateY(-101%)}#reader-chrome.chrome-hidden #reader-bottombar{transform:translateY(101%)}#reader-bottombar button:hover,#reader-topbar a:hover,#reader-topbar button:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}#reader-bottombar button:focus-visible,#reader-topbar a:focus-visible,#reader-topbar button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.reader-sep{background-color:color-mix(in srgb,var(--border) 80%,transparent)}.reader-select{background-color:color-mix(in srgb,var(--bg-primary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);color:inherit}.reader-select:hover{border-color:#3b82f6}#reader-bottombar input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:18px;background:transparent;cursor:pointer;accent-color:#3b82f6}#reader-bottombar input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:9999px;background:color-mix(in srgb,currentColor 22%,transparent)}#reader-bottombar input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-5px;width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.45);-webkit-transition:transform .12s ease;transition:transform .12s ease}#reader-bottombar input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}#reader-bottombar input[type=range]::-moz-range-track{height:4px;border-radius:9999px;background:color-mix(in srgb,currentColor 22%,transparent)}#reader-bottombar input[type=range]::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.45)}.drawer-scrim{position:fixed;inset:0;background-color:rgba(0,0,0,.45);z-index:45}.reader-drawer{position:fixed;top:0;bottom:0;width:340px;max-width:calc(100vw - 2rem);background-color:var(--bg-secondary);z-index:50;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.reader-drawer.left{left:0;border-right:1px solid var(--border)}.reader-drawer.right{right:0;border-left:1px solid var(--border)}@media (max-width:640px){.reader-drawer{width:100%;max-width:100%}}.reader-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-drawer-body{flex:1;overflow-y:auto;padding:1rem}.reader-seg{display:inline-flex;border:1px solid color-mix(in srgb,var(--border) 70%,transparent);background-color:color-mix(in srgb,var(--bg-primary) 50%,transparent);border-radius:.5rem;overflow:hidden}.reader-seg button{padding:.25rem .6rem;font-size:.75rem;line-height:1.25rem}.reader-seg button.active{background-color:#2563eb;color:#fff}.reader-seg button.\!active{background-color:#2563eb!important;color:#fff!important}.theme-swatch{height:2.25rem;border-radius:.5rem;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.theme-swatch:hover{border-color:#3b82f6}.reader-popover{position:fixed;transform:translate(-50%,calc(-100% - 10px));background-color:color-mix(in srgb,var(--bg-primary) 85%,transparent);backdrop-filter:blur(16px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.75rem;box-shadow:0 8px 28px rgba(0,0,0,.35);padding:.5rem .625rem;z-index:60}.color-dot{width:1.375rem;height:1.375rem;border-radius:9999px;border:2px solid rgba(0,0,0,.25);transition:transform .12s ease}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:#fff;box-shadow:0 0 0 2px #3b82f6}.reader-popover-btn{padding:.3rem;border-radius:.375rem;color:inherit}.reader-popover-btn:hover{background-color:color-mix(in srgb,currentColor 13%,transparent)}.reader-popover-btn.danger:hover{background-color:rgba(153,27,27,.6)}.adjust-handle{position:fixed;width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#3b82f6;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.4);pointer-events:auto;cursor:grab;touch-action:none}.adjust-handle[data-which=end]{border-radius:50% 50% 0 50%;transform:rotate(45deg)}.adjust-handle[data-dragging]{cursor:grabbing;scale:1.15}.reader-note-input{width:100%;resize:vertical;padding:.5rem;border-radius:.5rem;font-size:.875rem;color:inherit;background-color:color-mix(in srgb,var(--bg-primary) 55%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.reader-note-input:focus{outline:2px solid #3b82f6;outline-offset:1px}.note-rich p{margin:0}.note-rich p+p{margin-top:.6em}.note-rich h1,.note-rich h2,.note-rich h3,.note-rich h4,.note-rich h5,.note-rich h6{margin:.8em 0 .4em;font-weight:600;line-height:1.3}.note-rich h1{font-size:1.25em}.note-rich h2{font-size:1.15em}.note-rich h3,.note-rich h4{font-size:1.05em}.note-rich h5,.note-rich h6{font-size:1em}.note-rich blockquote{margin:.6em 0;padding:.1em 0 .1em .75em;border-left:3px solid color-mix(in srgb,var(--text-secondary) 55%,transparent);color:var(--text-secondary)}.note-rich ol,.note-rich ul{margin:.6em 0;padding-left:1.4em}.note-rich ul{list-style:disc}.note-rich ol{list-style:decimal}.note-rich li{margin:.15em 0}.note-rich li+li{margin-top:.25em}.note-rich li>p{margin:0}.note-rich pre{margin:.6em 0;padding:.6em .75em;overflow-x:auto;border-radius:.375rem;background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent);border:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.note-rich pre code{background:none;padding:0;font-size:.9em}.note-rich code{font-size:.9em;padding:.1em .3em;border-radius:.25rem;background-color:color-mix(in srgb,var(--bg-secondary) 80%,transparent)}.note-rich a{text-decoration:underline;text-underline-offset:2px}.note-rich hr{margin:.8em 0}.note-rich table{margin:.6em 0;border-collapse:collapse;font-size:.95em}.note-rich td,.note-rich th{border:1px solid var(--border);padding:.25em .5em;text-align:left}.note-rich th{font-weight:600}.reader-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.reader-tabs button{flex:1;padding:.5rem .25rem;font-size:.8125rem;color:var(--text-secondary);border-bottom:2px solid transparent}.reader-tabs button.active{color:var(--text-primary);border-bottom-color:#3b82f6}.reader-tabs button.\!active{color:var(--text-primary)!important;border-bottom-color:#3b82f6!important}.reader-tab-count{display:inline-block;min-width:1.25rem;margin-left:.25rem;padding:0 .25rem;border-radius:9999px;font-size:.6875rem;line-height:1.1rem;background-color:color-mix(in srgb,currentColor 13%,transparent)}.reader-hl-row{display:flex;align-items:center;gap:.25rem}.reader-tools-popover{position:absolute;bottom:100%;right:.5rem;margin-bottom:.5rem;min-width:16rem;max-width:calc(100vw - 1.5rem);max-height:min(26rem,65vh);overflow-y:auto;background-color:color-mix(in srgb,var(--bg-primary) 88%,transparent);backdrop-filter:blur(18px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.75rem;box-shadow:0 -6px 28px rgba(0,0,0,.35);padding:.25rem}.reader-tools-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .75rem;font-size:.875rem;border-radius:.5rem}.reader-tools-row+.reader-tools-row{border-top:1px solid color-mix(in srgb,var(--border) 45%,transparent)}.reader-tools-row:hover{background-color:color-mix(in srgb,currentColor 6%,transparent)}#reader-view::part(filter){filter:var(--fx-filter,none)}.reader-thumb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.reader-thumb{position:relative;border-radius:.375rem;overflow:hidden;border:2px solid transparent;padding:0;background-color:color-mix(in srgb,currentColor 6%,transparent)}.reader-thumb:hover{border-color:color-mix(in srgb,currentColor 30%,transparent)}.reader-thumb.active{border-color:#3b82f6}.reader-thumb.\!active{border-color:#3b82f6!important}.reader-thumb-img{aspect-ratio:3/4;display:flex;align-items:center;justify-content:center;overflow:hidden}.reader-thumb-img canvas,.reader-thumb-img img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.reader-thumb-num{position:absolute;bottom:.2rem;right:.35rem;font-size:.65rem;line-height:1;padding:.15rem .3rem;border-radius:.25rem;background-color:rgba(0,0,0,.55);color:#fff}.reader-edge-zone{position:absolute;top:0;bottom:0;width:8%;max-width:72px;min-width:44px;z-index:10;display:none;align-items:center;cursor:pointer}.reader-edge-zone.left{left:0;justify-content:flex-start;padding-left:.75rem}.reader-edge-zone.right{right:0;justify-content:flex-end;padding-right:.75rem}.reader-edge-zone:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .15s ease}.reader-edge-zone.left:before{background:linear-gradient(90deg,hsla(0,0%,100%,.08),transparent)}.reader-edge-zone.right:before{background:linear-gradient(270deg,hsla(0,0%,100%,.08),transparent)}.reader-edge-zone .reader-icon{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));opacity:0;transition:opacity .15s ease}.reader-edge-zone:hover:before{opacity:1}.reader-edge-zone:hover .reader-icon{opacity:.85}@media (hover:hover) and (pointer:fine){.reader-edge-zone{display:flex}}.reader-help-backdrop{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:70}.reader-help{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(34rem,calc(100vw - 2rem));max-height:min(38rem,calc(100vh - 4rem));display:flex;flex-direction:column;background-color:color-mix(in srgb,var(--bg-primary) 90%,transparent);backdrop-filter:blur(20px) saturate(1.3);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:.875rem;box-shadow:0 16px 48px rgba(0,0,0,.45);z-index:71}.reader-help-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-help-body{overflow-y:auto;padding:1rem 1.25rem}.reader-help-section{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin:1.1rem 0 .4rem}.reader-help-body .reader-help-section:first-child{margin-top:0}.help-row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.3rem 0;font-size:.85rem}.help-row>span:first-child{color:var(--text-primary)}.help-keys{text-align:right;font-size:.8rem;white-space:nowrap}.help-keys,.help-note{color:var(--text-secondary)}.help-note{font-size:.75rem}.kbd{display:inline-block;min-width:1.4rem;text-align:center;padding:.05rem .4rem;margin:0 .1rem;border-radius:.3rem;border:solid color-mix(in srgb,var(--border) 80%,transparent);border-width:1px 1px 2px;background-color:color-mix(in srgb,currentColor 8%,transparent);font-family:ui-monospace,monospace;font-size:.72rem;line-height:1.2rem}.reader-search-bar{display:flex;align-items:center;gap:.375rem;padding:.625rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.reader-search-status{padding:.375rem 1rem;font-size:.75rem;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent);flex-shrink:0;min-height:1.75rem}.search-result{display:block;padding:.375rem .5rem;border-radius:.375rem;font-size:.8125rem;line-height:1.35}.search-result:hover{background-color:color-mix(in srgb,currentColor 9%,transparent)}.search-result mark{background-color:rgba(255,213,79,.4);color:inherit;border-radius:2px;padding:0 1px}.stacked-covers{position:relative;width:100%;aspect-ratio:2/3;overflow:hidden}.stacked-covers .cover-img{position:absolute;width:70%;height:90%;-o-object-fit:cover;object-fit:cover;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.4)}.stacked-covers.cover-count-1 .cover-0{top:5%;left:15%}.stacked-covers.cover-count-2 .cover-0{top:8%;left:5%;transform:rotate(-6deg);z-index:1}.stacked-covers.cover-count-2 .cover-1{top:2%;left:25%;transform:rotate(3deg);z-index:2}.stacked-covers.cover-count-3 .cover-0{top:12%;left:2%;transform:rotate(-8deg);z-index:1}.stacked-covers.cover-count-3 .cover-1{top:6%;left:15%;transform:rotate(-2deg);z-index:2}.stacked-covers.cover-count-3 .cover-2{top:0;left:30%;transform:rotate(4deg);z-index:3}.stacked-covers.cover-count-4 .cover-0{top:14%;left:0;width:65%;height:85%;transform:rotate(-10deg);z-index:1}.stacked-covers.cover-count-4 .cover-1{top:10%;left:12%;width:65%;height:85%;transform:rotate(-4deg);z-index:2}.stacked-covers.cover-count-4 .cover-2{top:5%;left:22%;width:65%;height:85%;transform:rotate(2deg);z-index:3}.stacked-covers.cover-count-4 .cover-3{top:0;left:32%;width:65%;height:85%;transform:rotate(6deg);z-index:4}.stacked-covers.cover-count-5 .cover-0,.stacked-covers.cover-count-6 .cover-0,.stacked-covers.cover-count-7 .cover-0{top:16%;left:-2%;width:62%;height:82%;transform:rotate(-12deg);z-index:1}.stacked-covers.cover-count-5 .cover-1,.stacked-covers.cover-count-6 .cover-1,.stacked-covers.cover-count-7 .cover-1{top:12%;left:8%;width:62%;height:82%;transform:rotate(-6deg);z-index:2}.stacked-covers.cover-count-5 .cover-2,.stacked-covers.cover-count-6 .cover-2,.stacked-covers.cover-count-7 .cover-2{top:8%;left:17%;width:62%;height:82%;transform:rotate(-1deg);z-index:3}.stacked-covers.cover-count-5 .cover-3,.stacked-covers.cover-count-6 .cover-3,.stacked-covers.cover-count-7 .cover-3{top:4%;left:26%;width:62%;height:82%;transform:rotate(4deg);z-index:4}.stacked-covers.cover-count-5 .cover-4,.stacked-covers.cover-count-6 .cover-4,.stacked-covers.cover-count-7 .cover-4{top:0;left:35%;width:62%;height:82%;transform:rotate(9deg);z-index:5}.stacked-covers.cover-count-6 .cover-5,.stacked-covers.cover-count-7 .cover-5{top:-2%;left:30%;width:60%;height:80%;transform:rotate(13deg);z-index:6}.stacked-covers.cover-count-7 .cover-6{top:-4%;left:25%;width:58%;height:78%;transform:rotate(16deg);z-index:7}.series-card{transition:transform .2s ease,box-shadow .2s ease}.series-card:hover{transform:translateY(-4px)}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{left:0;right:0}.bottom-0{bottom:0}.bottom-1{bottom:.25rem}.bottom-full{bottom:100%}.end-1{inset-inline-end:.25rem}.left-0{left:0}.left-0\.5{left:.125rem}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-2{right:.5rem}.right-4{right:1rem}.right-5{right:1.25rem}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-4{top:1rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-\[4\.75rem\]{top:4.75rem}.top-full{top:100%}.z-10{z-index:10}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[65\]{z-index:65}.z-\[70\]{z-index:70}.z-\[9999\]{z-index:9999}.col-span-full{grid-column:1/-1}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.m-1{margin:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.aspect-\[2\/3\]{aspect-ratio:2/3}.aspect-\[3\/4\]{aspect-ratio:3/4}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-full{height:100%}.h-screen{height:100vh}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-56{max-height:14rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-96{max-height:24rem}.max-h-\[20rem\]{max-height:20rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0}.min-h-\[150px\]{min-height:150px}.min-h-\[60px\]{min-height:60px}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-auto{width:auto}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0}.min-w-\[150px\]{min-width:150px}.min-w-\[190px\]{min-width:190px}.min-w-\[200px\]{min-width:200px}.min-w-\[3\.5rem\]{min-width:3.5rem}.min-w-\[300px\]{min-width:300px}.min-w-\[3rem\]{min-width:3rem}.min-w-\[4rem\]{min-width:4rem}.min-w-\[7\.5rem\]{min-width:7.5rem}.min-w-\[7rem\]{min-width:7rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[500px\]{max-width:500px}.max-w-\[5rem\]{max-width:5rem}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-2\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2\.5{--tw-translate-y:-0.625rem}.-translate-y-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-5{--tw-translate-y:-1.25rem}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-7{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-7{--tw-translate-x:1.75rem}.translate-x-full{--tw-translate-x:100%}.translate-x-full,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-2{--tw-translate-y:0.5rem}.rotate-180,.translate-y-2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-1{row-gap:.25rem}.gap-y-4{row-gap:1rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.25rem*var(--tw-space-x-reverse));margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem*var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-none{overscroll-behavior:none}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.875rem}.rounded-b-2xl{border-bottom-right-radius:1.25rem;border-bottom-left-radius:1.25rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[var\(--border\)\]{border-color:var(--border)}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-current{border-color:currentColor}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-line{border-color:var(--border)}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-yellow-500{--tw-border-opacity:1;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\[var\(--accent\)\]{background-color:var(--accent)}.bg-\[var\(--bg-secondary\)\]{background-color:var(--bg-secondary)}.bg-\[var\(--border\)\]{background-color:var(--border)}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/90{background-color:rgba(59,130,246,.9)}.bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-500\/90{background-color:rgba(34,197,94,.9)}.bg-purple-500{--tw-bg-opacity:1;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-500\/90{background-color:rgba(239,68,68,.9)}.bg-surface-hover{background-color:var(--surface-hover)}.bg-surface-raised{background-color:var(--bg-secondary)}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/20{background-color:hsla(0,0%,100%,.2)}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-80{--tw-bg-opacity:0.8}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-wood-dark{background-image:url(/static/textures/wood-dark.png)}.bg-wood-light{background-image:url(/static/textures/wood-light.png)}.bg-wood-mahogany{background-image:url(/static/textures/wood-mahogany.png)}.from-gray-700{--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:rgba(55,65,81,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:rgba(17,24,39,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:transparent var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:50%}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-12{padding-left:3rem;padding-right:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-8{padding-bottom:2rem}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pr-7{padding-right:1.75rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-\[env\(safe-area-inset-top\)\]{padding-top:env(safe-area-inset-top)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,Noto Sans SC,Noto Sans TC,Noto Sans JP,Noto Sans KR,PingFang SC,Microsoft YaHei,Hiragino Sans,Apple SD Gothic Neo,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[11px\]{font-size:11px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-\[var\(--bg-primary\)\]{color:var(--bg-primary)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-content-muted{color:var(--text-secondary)}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.accent-current{accent-color:currentColor}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-black\/10{--tw-ring-color:rgba(0,0,0,.1)}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.invert{--tw-invert:invert(100%)}.invert,.sepia{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.sepia{--tw-sepia:sepia(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@view-transition{navigation:auto}#selection-handles{position:fixed;inset:0;pointer-events:none;z-index:55}#selection-handles .sel-handle{position:absolute;top:0;left:0;width:12px;height:24px;pointer-events:auto;touch-action:none;background:#8ab4f8;border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.45);opacity:.95}#selection-handles .sel-handle:before{content:"";position:absolute;top:-4px;left:50%;width:2px;height:5px;background:inherit;transform:translateX(-50%)}@media (min-width:768px){.md\:container{width:100%}@media (min-width:640px){.md\:container{max-width:640px}}@media (min-width:768px){.md\:container{max-width:768px}}@media (min-width:970px){.md\:container{max-width:970px}}@media (min-width:1024px){.md\:container{max-width:1024px}}@media (min-width:1280px){.md\:container{max-width:1280px}}@media (min-width:1536px){.md\:container{max-width:1536px}}}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.hover\:border-opacity-50:hover{--tw-border-opacity:0.5}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-red-900\/60:hover{background-color:rgba(127,29,29,.6)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:bg-white\/30:hover{background-color:hsla(0,0%,100%,.3)}.hover\:bg-opacity-50:hover{--tw-bg-opacity:0.5}.hover\:bg-opacity-80:hover{--tw-bg-opacity:0.8}.hover\:text-brand:hover{color:var(--accent)}.hover\:text-content:hover{color:var(--text-primary)}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:ring-2:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-blue-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.hover\:ring-green-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128/var(--tw-ring-opacity,1))}.hover\:ring-purple-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(192 132 252/var(--tw-ring-opacity,1))}.hover\:ring-red-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.hover\:ring-yellow-400:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(250 204 21/var(--tw-ring-opacity,1))}.hover\:ring-offset-2:hover{--tw-ring-offset-width:2px}.hover\:ring-offset-transparent:hover{--tw-ring-offset-color:transparent}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:translate-x-5{--tw-translate-x:1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-brand{background-color:var(--accent)}.peer:checked~.peer-checked\:ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.peer:checked~.peer-checked\:ring-blue-400{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:w-20{width:5rem}.sm\:w-40{width:10rem}.sm\:w-96{width:24rem}.sm\:max-w-none{max-width:none}.sm\:flex-none{flex:none}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-1{gap:.25rem}.sm\:truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sm\:p-2{padding:.5rem}.sm\:p-5{padding:1.25rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-28{padding-top:7rem;padding-bottom:7rem}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-80{height:20rem}.md\:w-56{width:14rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-5{gap:1.25rem}.md\:p-6{padding:1.5rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:bottom-auto{bottom:auto}.lg\:left-auto{left:auto}.lg\:top-20{top:5rem}.lg\:z-10{z-index:10}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:hidden{display:none}.lg\:h-\[calc\(100vh-6rem\)\]{height:calc(100vh - 6rem)}.lg\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:border-r-0{border-right-width:0}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-36{padding-top:9rem;padding-bottom:9rem}}@media (min-width:1280px){.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.\[\&\:\:-webkit-details-marker\]\:hidden::-webkit-details-marker{display:none}
\ No newline at end of file