.container.svelte-1uha8ag{max-width:1200px;margin:0 auto;padding:2rem;font-family:Roboto,sans-serif}.header.svelte-1uha8ag{text-align:center;margin-bottom:2rem}h1.svelte-1uha8ag{font-size:2rem;margin:0;color:#333}.loading.svelte-1uha8ag,.error.svelte-1uha8ag,.empty.svelte-1uha8ag{text-align:center;padding:2rem;color:#666;font-size:1.1rem}.error.svelte-1uha8ag{color:#dc3545}.books-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.book-card.svelte-1uha8ag{border:1px solid #e0e0e0;padding:1rem;background:#fff;text-align:left;cursor:pointer;width:100%}.book-card.available.svelte-1uha8ag{background:#e8f5e9}.book-card.checked-out.svelte-1uha8ag{background:#ffebee}.book-card.svelte-1uha8ag:hover{background:#fafafa}.book-card.available.svelte-1uha8ag:hover{background:#c8e6c9}.book-card.checked-out.svelte-1uha8ag:hover{background:#ffcdd2}.book-title.svelte-1uha8ag{margin:0 0 .75rem;color:#333;line-height:1.4}.book-genre.svelte-1uha8ag{display:inline-block;padding:.25rem .75rem;font-size:.875rem;margin-bottom:.5rem}.available.svelte-1uha8ag .book-genre:where(.svelte-1uha8ag){background:#a5d6a7}.available.svelte-1uha8ag:hover .book-genre:where(.svelte-1uha8ag){background:#81c784}.checked-out.svelte-1uha8ag .book-genre:where(.svelte-1uha8ag){background:#ef9a9a}.checked-out.svelte-1uha8ag:hover .book-genre:where(.svelte-1uha8ag){background:#e57373}.book-tags.svelte-1uha8ag{color:#666;margin:.5rem 0;font-size:.9rem}.modal-overlay.svelte-1uha8ag{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal.svelte-1uha8ag{background:#fff;padding:2rem;width:320px;max-width:90vw;word-wrap:break-word;font-family:Roboto,sans-serif}.modal.svelte-1uha8ag h2:where(.svelte-1uha8ag){margin:0 0 1rem;font-size:1.5rem}.modal-book.svelte-1uha8ag{margin:0 0 1.5rem;color:#666}.modal-book-details.svelte-1uha8ag{font-style:normal}.modal.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ddd;font-size:1rem;font-family:inherit;box-sizing:border-box}.modal-actions.svelte-1uha8ag{display:flex;justify-content:flex-end;width:100%;margin-top:1rem}.submit-btn.svelte-1uha8ag{padding:.5rem 1rem;border:none;cursor:pointer;font-size:.875rem}.submit-btn.svelte-1uha8ag:disabled{background:#a5d6a7;cursor:not-allowed}