.controls-container.svelte-3agtuj{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tag-filter-toggle.svelte-3agtuj button:where(.svelte-3agtuj){width:auto;padding:.5rem 1.5rem;font-size:1rem;background-color:var(--panel-bg);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:var(--text-color)}.filter-overlay.svelte-3agtuj{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.filter-overlay.visible.svelte-3agtuj{visibility:visible;opacity:1}.tags-sidebar.svelte-3agtuj{background:var(--bg-color);padding:1rem 1rem 5rem;box-sizing:border-box;overflow-y:auto}@media(max-width:768px){.filter-overlay.svelte-3agtuj{display:block}.tags-sidebar.svelte-3agtuj{position:fixed;bottom:0;left:0;right:0;width:100%;height:80vh;max-height:80vh;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 15px #0000001a;transform:translateY(100%);transition:transform .3s ease-in-out}.filter-overlay.visible.svelte-3agtuj .tags-sidebar:where(.svelte-3agtuj){transform:translateY(0)}}@media(min-width:769px){.filter-overlay.svelte-3agtuj{display:flex;justify-content:center;align-items:center}.tags-sidebar.svelte-3agtuj{position:relative;width:90%;max-width:500px;max-height:80vh;border-radius:16px;box-shadow:0 4px 20px #0003;transform:scale(.95);transition:transform .3s ease}.filter-overlay.visible.svelte-3agtuj .tags-sidebar:where(.svelte-3agtuj){transform:scale(1)}}.sidebar-header.svelte-3agtuj{display:flex;justify-content:center;align-items:center;padding-bottom:1rem;min-height:32px}.sidebar-close-button.svelte-3agtuj{width:32px;height:32px;border-radius:50%;background-color:#e0e0e0;border:none;display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:#555;line-height:1;cursor:pointer;transition:background-color .2s}.sidebar-close-button.svelte-3agtuj:hover{background-color:#d0d0d0}.clear-filter-container.svelte-3agtuj{margin-bottom:1rem}.clear-button.svelte-3agtuj{width:100%;text-align:left;padding:.75rem;border:1px solid var(--border-color);background-color:var(--panel-bg);border-radius:4px;cursor:pointer;font-size:1rem;font-weight:700;transition:all .2s ease;color:var(--text-color)}.clear-button.svelte-3agtuj:hover{background-color:var(--border-color)}.clear-button.active.svelte-3agtuj{background-color:var(--text-color);color:var(--bg-color);border-color:var(--text-color)}.filter-group.svelte-3agtuj{margin-bottom:.5rem}.group-header.svelte-3agtuj{display:flex;justify-content:space-between;align-items:center;width:100%;border-bottom:1px solid var(--border-color)}.group-title-button.svelte-3agtuj{flex-grow:1;background:none;border:none;padding:.75rem .5rem;text-align:left;font-size:1.1rem;font-weight:700;text-transform:capitalize;cursor:pointer;transition:background-color .2s ease,color .2s ease;color:var(--text-color)}.group-title-button.svelte-3agtuj:hover{background-color:var(--border-color)}.group-title-button.active.svelte-3agtuj{background-color:var(--text-color);color:var(--bg-color)}.group-toggle-button.svelte-3agtuj{background:none;border:none;padding:.75rem;cursor:pointer;color:var(--text-color)}.toggle-icon.svelte-3agtuj{font-size:1.2rem;color:#888}.tag-list.svelte-3agtuj{list-style:none;padding:.5rem 0 .5rem .5rem;margin:0;border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.tag-list.svelte-3agtuj li:where(.svelte-3agtuj){margin-bottom:.25rem}.tag-button.svelte-3agtuj{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.4rem .8rem;border:1px solid transparent;background-color:transparent;border-radius:4px;cursor:pointer;font-size:.95rem;transition:all .2s ease;color:var(--text-color)}.tag-button[disabled].svelte-3agtuj{opacity:.5;cursor:not-allowed;pointer-events:none}.tag-button[disabled].svelte-3agtuj:hover{background-color:transparent}.tag-count.svelte-3agtuj{font-size:.85rem;color:#888}.tag-button.active.svelte-3agtuj .tag-count:where(.svelte-3agtuj){color:#ffffffb3}.tag-button.svelte-3agtuj:hover{background-color:var(--border-color)}.tag-button.active.svelte-3agtuj{background-color:var(--text-color);color:var(--bg-color);font-weight:700}.book-list-container.svelte-3agtuj{flex-grow:1}.book-list.svelte-3agtuj{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin-top:-5rem}.book-card.svelte-3agtuj{display:block;text-decoration:none;color:inherit;border-radius:8px;overflow:hidden;transition:box-shadow .2s ease-in-out;position:relative}.book-card.svelte-3agtuj:hover{box-shadow:0 4px 12px #0000001a}.book-card.svelte-3agtuj:hover .book-info:where(.svelte-3agtuj){opacity:1;transform:translateY(0)}.book-cover.svelte-3agtuj,.thumbnail-placeholder.svelte-3agtuj{width:100%;aspect-ratio:2 / 3;-o-object-fit:cover;object-fit:cover;display:block;background-color:#f0f0f0}.book-info.svelte-3agtuj{position:absolute;bottom:0;left:0;right:0;padding:2rem 1rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.8) 20%,transparent 100%);color:#fff;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.book-info.svelte-3agtuj h2:where(.svelte-3agtuj){margin:0 0 .25rem;font-size:1rem;font-weight:700}