*{box-sizing:border-box}.root,body,html{height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;color:#334155;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.app{background:linear-gradient(135deg,#667eea,#764ba2);background-image:radial-gradient(circle at 25% 25%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff1a 0,#0000 50%);min-height:100vh;position:relative}.list-books-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;padding:2rem 0;position:relative;text-align:center;z-index:1}.list-books-title h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;letter-spacing:-.02em;margin:0}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #667eea1a;box-shadow:0 2px 10px #0000000d;padding:1.5rem 0;position:relative;z-index:9998}.search-actions{align-items:center;display:flex;gap:1rem;margin:0 auto;max-width:800px;padding:0 1rem}.search-form{flex:1 1;max-width:600px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:1.1rem;outline:none;padding:1rem 3rem 1rem 1.5rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 4px 12px #0000001a}.search-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:40px}.search-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-50%) scale(1.05)}.search-button:active{transform:translateY(-50%) scale(.95)}.search-dropdown{background:#fff;border:1px solid #667eea1a;border-radius:12px;box-shadow:0 8px 32px #00000026;left:0;margin-top:8px;max-height:550px;overflow-y:auto;position:absolute;right:0;top:100%;transition:all .3s ease;z-index:9999}.search-dropdown.expanded{border-radius:0;bottom:0;height:100vh;left:0;margin-top:0;max-height:none;position:fixed;right:0;top:0;z-index:10000}.dropdown-loading{align-items:center;color:#667eea;display:flex;font-weight:500;gap:.5rem;justify-content:center;padding:2rem}.dropdown-no-results{color:#64748b;padding:2rem;text-align:center}.dropdown-no-results p:first-child{font-weight:600;margin-bottom:.5rem}.dropdown-no-results p:last-child{font-size:.9rem;opacity:.8}.dropdown-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;color:#667eea;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;padding:1rem 1.5rem .5rem;position:sticky;top:0;z-index:1}.search-dropdown.expanded .dropdown-header{font-size:1rem;padding:1.5rem 2rem 1rem}.expand-toggle{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.expand-toggle:hover{background-color:#667eea1a;color:#764ba2}.dropdown-controls{align-items:center;display:flex;gap:.5rem}.close-expanded{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-expanded:hover{background-color:#ef44441a;color:#ef4444}.browse-all-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.browse-all-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.browse-all-button:active{transform:translateY(0)}.browse-all-container{background:#fff;bottom:0;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:10000}.browse-all-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem;position:sticky;top:0;z-index:1}.browse-controls{align-items:center;display:flex;gap:1.5rem}.sort-controls{align-items:center;display:flex;gap:.75rem}.sort-label{font-size:.9rem}.sort-button,.sort-label{color:#64748b;font-weight:500}.sort-button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;gap:.25rem;padding:.5rem .75rem;transition:all .2s ease}.sort-button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.sort-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.sort-button.active:hover{background:linear-gradient(135deg,#5a67d8,#6b46c1);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.browse-header-left{display:flex;flex-direction:column;gap:.5rem}.browse-all-header h2{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.browse-progress{display:flex;flex-direction:column;gap:.25rem}.books-count{color:#64748b;font-size:.9rem;font-weight:500}.loading-status{color:#667eea;font-size:.8rem;font-weight:500}.close-browse{align-items:center;background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.close-browse:hover{background-color:#ef44441a;color:#ef4444}.browse-loading{align-items:center;color:#667eea;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;justify-content:center;padding:4rem 2rem}.browse-results{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:0 auto;max-height:calc(100vh - 200px);max-width:1200px;overflow-y:auto;padding-bottom:2rem}.load-more-indicator{align-items:center;color:#667eea;display:flex;font-size:1rem;font-weight:500;gap:.75rem;grid-column:1/-1;justify-content:center;padding:2rem}.no-more-books{color:#64748b;font-size:.9rem;font-style:italic;grid-column:1/-1;padding:2rem;text-align:center}.browse-book-item{display:flex;justify-content:center}.browse-book-item .book{max-width:160px;width:100%}.dropdown-results{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(6,1fr);max-height:350px;overflow-y:auto;padding:1.25rem;transition:max-height .3s ease;width:100%}.search-dropdown.expanded .dropdown-results{max-height:calc(100vh - 120px);padding:2rem}.dropdown-book-item{border-radius:8px;display:flex;justify-content:center;padding:.5rem;transition:background-color .2s ease}.dropdown-book-item:hover{background-color:#f8fafc}.dropdown-book-item .book{margin:0;max-width:none;transform:scale(1);width:100%}.dropdown-book-item .book:hover{transform:scale(1.05)}@media (max-width:768px){.search-actions{flex-direction:column;gap:.75rem}.search-form{max-width:none;width:100%}.browse-all-button{justify-content:center;padding:.75rem 1rem;width:100%}.dropdown-results{gap:.75rem;grid-template-columns:repeat(4,1fr)}.dropdown-book-item .book{transform:scale(.9)}.dropdown-book-item .book:hover{transform:scale(.95)}.search-dropdown.expanded .dropdown-results{max-height:calc(100vh - 100px);padding:1.5rem}.browse-all-container{padding:1rem}.browse-all-header{margin-bottom:1rem;padding-bottom:1rem}.browse-header-left{gap:.25rem}.browse-all-header h2{font-size:1.5rem}.books-count{font-size:.8rem}.loading-status{font-size:.75rem}.browse-controls{align-items:flex-end;flex-direction:column;gap:1rem}.sort-controls{gap:.5rem}.sort-button{font-size:.8rem;padding:.4rem .6rem}.browse-results{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:480px){.dropdown-results{gap:.5rem;grid-template-columns:repeat(3,1fr)}.dropdown-book-item .book{transform:scale(.85)}.dropdown-book-item .book:hover{transform:scale(.9)}.search-dropdown.expanded .dropdown-results{max-height:calc(100vh - 80px);padding:1rem}.browse-all-header{align-items:flex-start;flex-direction:column;gap:1rem}.browse-controls{flex-direction:row;justify-content:space-between;width:100%}.sort-controls{flex-wrap:wrap;gap:.25rem}.sort-button{font-size:.75rem;padding:.35rem .5rem}.browse-results{gap:.75rem;grid-template-columns:repeat(3,1fr)}}.list-books-content{margin:0 auto;max-width:1200px;padding:2rem 1rem}.bookshelf{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #667eea33;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease}.bookshelf:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.bookshelf:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.bookshelf[data-shelf=currentlyReading]{border:2px solid #667eea4d}.bookshelf[data-shelf=currentlyReading] .bookshelf-title:after{background:linear-gradient(90deg,#667eea,#764ba2)}.bookshelf[data-shelf=wantToRead]{border:2px solid #667eea4d}.bookshelf[data-shelf=wantToRead] .bookshelf-title:after{background:linear-gradient(90deg,#667eea,#764ba2)}.bookshelf[data-shelf=read]{border:2px solid #667eea4d}.bookshelf[data-shelf=read] .bookshelf-title:after{background:linear-gradient(90deg,#667eea,#764ba2)}.bookshelf-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.bookshelf-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:60px}.bookshelf:hover .bookshelf-title:after{width:80px}.shelf-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.2em;margin-right:.5rem}.bookshelf[data-shelf=currentlyReading] .shelf-icon,.bookshelf[data-shelf=read] .shelf-icon,.bookshelf[data-shelf=wantToRead] .shelf-icon{filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.book-count{color:#64748b;font-size:.8em;font-weight:400;margin-left:.5rem}.empty-shelf{color:#64748b;padding:3rem 1rem;text-align:center}.empty-shelf p:first-child{font-size:1.1rem;font-weight:500;margin-bottom:.5rem}.empty-shelf p:last-child{font-size:.9rem;opacity:.8}.bookshelf-books{text-align:center}.books-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:center;list-style-type:none;margin:0;padding:0}.books-grid li{max-width:160px;padding:0;text-align:left;width:100%}.shelf-book-item{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.shelf-book-item:active{cursor:grabbing}.shelf-book-item.dragging{cursor:grabbing;opacity:.5;transform:rotate(5deg) scale(.95);z-index:1000}.book{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;margin:0;min-height:200px;overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.book-info{padding:1rem 1rem 1.5rem}.book:hover{border-color:#667eea4d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px) scale(1.02)}.book:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.book-top{align-items:center;display:flex;height:200px;justify-content:center;margin-bottom:1rem;padding:1rem;position:relative}.book-cover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:8px;box-shadow:0 8px 25px #00000026;height:85%;margin:0 auto;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:80%}.book-cover:after{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.book:hover .book-cover{box-shadow:0 15px 35px #00000040;transform:scale(1.05)}.book:hover .book-cover:after{opacity:1}.book-cover-title{background:#ffffffe6;border-radius:8px;color:#64748b;font-size:.8em;margin-top:.5rem;padding:20px 10px 0;text-align:center}.book-title{margin:.5rem 0}.book-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.book-title{color:#1e293b;font-size:.9rem;font-weight:600}.book-authors,.book-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;margin:0;overflow:hidden}.book-authors{color:#64748b;font-size:.8rem}.book-meta{color:#64748b;display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.meta-label{color:#475569;font-weight:500}.book-pages,.book-published,.book-publisher{align-items:center;display:flex;gap:.25rem}.book-rating{align-items:center;display:flex;gap:.5rem;margin-top:.25rem}.stars{display:flex;gap:.1rem}.star{font-size:.8rem;line-height:1}.star.full,.star.half{color:#fbbf24}.star.half{opacity:.7}.star.empty{color:#d1d5db}.rating-text{color:#64748b;font-size:.75rem;font-weight:500}.book-categories{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.25rem}.category-tag{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.65rem;font-weight:500;max-width:100px;overflow:hidden;padding:.2rem .5rem;text-overflow:ellipsis;white-space:nowrap}.category-tag.more{background:#64748b;font-size:.6rem}.book-details-toggle{align-items:center;background:#ffffffe6;border:none;border-radius:50%;color:#667eea;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;width:28px;z-index:2}.book-details-toggle:hover{background:#fff;box-shadow:0 2px 8px #0000001a;transform:scale(1.1)}.book-details-expanded{animation:slideDown .3s ease-out;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.book-description h4,.book-isbn h4{color:#1e293b;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.book-description p{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.8rem;line-height:1.5;margin:0;overflow:hidden}.isbn-list{display:flex;flex-direction:column;gap:.25rem}.isbn-item{background:#f8fafc;border-radius:4px;color:#64748b;font-family:monospace;font-size:.75rem;padding:.25rem .5rem}.book-language,.book-ratings-count{color:#64748b;font-size:.75rem;margin-top:.5rem}.book-links{display:flex;gap:.5rem;margin-top:.75rem}.book-link{border-radius:6px;font-size:.75rem;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .2s ease}.book-link.preview{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.book-link.info{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.book-link:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.book-shelf-indicator{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;color:#fff;font-size:.7rem;font-weight:500;margin-top:.5rem;opacity:.9;padding:.25rem .5rem;text-align:center}.book-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.book-details-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.35rem 1.1rem;transition:background .2s,transform .2s;width:100%}.book-details-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.02)}.shelf-actions{gap:.25rem}.shelf-action-btn,.shelf-actions{display:flex;justify-content:center}.shelf-action-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:1rem;height:36px;min-width:36px;padding:.4rem;position:relative;transition:all .2s ease}.shelf-action-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.shelf-action-btn:hover:after{background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:.75rem;margin-bottom:.5rem;padding:.3rem .6rem;white-space:nowrap;z-index:1000}.shelf-action-btn:hover:after,.shelf-action-btn:hover:before{bottom:100%;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%)}.shelf-action-btn:hover:before{border:4px solid #0000;border-top-color:#000c;content:"";margin-bottom:.1rem}.shelf-action-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.shelf-action-btn.active:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px) scale(1.05)}.book-shelf-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;display:inline-block;font-size:.7rem;font-weight:500;margin-top:.25rem;max-width:100%;overflow:hidden;padding:.2rem .5rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.book-shelf-badge[data-shelf=currentlyReading]{background:#fef3c7;border-color:#f59e0b;color:#92400e}.book-shelf-badge[data-shelf=wantToRead]{background:#dbeafe;border-color:#3b82f6;color:#1e40af}.book-shelf-badge[data-shelf=read]{background:#dcfce7;border-color:#22c55e;color:#166534}.book-shelf-changer{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:-10px;box-shadow:0 3px 6px #00000029;display:none;height:40px;position:absolute;right:0;transition:all .2s ease;width:40px}.book-shelf-changer:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.book-shelf-changer select{cursor:pointer;height:100%;opacity:0;width:100%}@media (max-width:480px){.shelf-actions{gap:.2rem}.shelf-action-btn{font-size:.9rem;height:32px;min-width:32px}.book-details-btn{font-size:.8rem;padding:.3rem 1rem}}.search-books{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.search-books-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a;display:flex;gap:1rem;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:100}.search-books-input-wrapper{flex:1 1;position:relative}.search-books-bar input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:1.1rem;outline:none;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.search-books-bar input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.close-search{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background-image:url(/MyBookcase/static/media/arrow-back.cd079cab42defead9875.svg);background-position:50%;background-repeat:no-repeat;background-size:20px;border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;cursor:pointer;display:flex;font-size:0;height:48px;justify-content:center;outline:none;transition:all .3s ease;width:48px}.close-search:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.05)}.search-books-results{margin:0 auto;max-width:1200px;padding:6rem 1rem 2rem}.error,.loading,.no-results,.search-results-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:16px;box-shadow:0 4px 20px #0000001a;margin:2rem auto;max-width:400px;padding:2rem;text-align:center}.loading{align-items:center;color:#667eea;display:flex;font-weight:500;gap:.5rem;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error{color:#ef4444;font-weight:500}.no-results{color:#64748b}.no-results p:first-child{font-weight:600;margin-bottom:.5rem}.no-results p:last-child{font-size:.9rem;opacity:.8}.search-results-info{color:#667eea;font-weight:500;margin-bottom:1rem}a:focus,button:focus,input:focus,select:focus{outline:2px solid #667eea;outline-offset:2px;z-index:2}.skip-link{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:1rem;font-weight:500;height:1px;left:-999px;overflow:hidden;padding:12px 20px;position:absolute;text-decoration:none;top:auto;transition:left .3s ease;width:1px;z-index:1000}.skip-link:focus{height:auto;left:16px;outline:2px solid #fff;outline-offset:2px;top:16px;width:auto}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.list-books-title h1{font-size:2rem}.list-books-content{padding:1rem .5rem 5rem}.bookshelf{margin-bottom:1.5rem;padding:1.5rem}.books-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.search-books-bar{padding:.75rem}.search-books-bar input{font-size:1rem;padding:.75rem 1rem}.search-books-results{padding:5rem .5rem 1rem}.open-search{bottom:1rem;right:1rem}.open-search button{height:56px;width:56px}}@media (max-width:480px){.books-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.book{padding:.75rem}.book-top{height:160px}.book-title{font-size:.8rem}.book-authors{font-size:.7rem}}.fade-enter{opacity:0;z-index:10}.fade-enter.fade-enter-active{opacity:1;transition:all .8s ease-in-out}.fade-exit{opacity:1;z-index:1}.fade-exit.fade-exit-active{opacity:0;transition:all .6s}.modal-overlay{align-items:center;animation:fadeIn .2s;background:#1e293b8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #1e293b2e;display:flex;flex-direction:column;gap:1rem;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem 2.5rem;position:relative;width:90vw}.modal-close{background:none;border:none;color:#667eea;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem;transition:color .2s;z-index:2}.modal-close:hover{color:#764ba2}.modal-book-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.modal-book-authors{color:#64748b;font-size:.95rem;margin-bottom:.5rem}.modal-book-description{color:#475569;font-size:.95rem;line-height:1.5;margin-top:.5rem}.modal-links{display:flex;gap:1rem;margin-top:.5rem}.modal-links a{color:#667eea;font-weight:500;text-decoration:underline;transition:color .2s}.modal-links a:hover{color:#764ba2}@media (max-width:768px){.modal-content{max-width:95vw;padding:1.5rem 2rem;width:95vw}.modal-book-title{font-size:1.1rem}}@media (max-width:480px){.modal-content{max-height:90vh;max-width:98vw;padding:1rem 1.5rem;width:98vw}.modal-book-title{font-size:1rem}.modal-book-authors,.modal-book-description{font-size:.9rem}}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{font-family:Roboto,sans-serif;margin:0;padding:0}
/*# sourceMappingURL=main.d5ae14a6.css.map*/