*{box-sizing:border-box}body{background:linear-gradient(180deg,#eef2f7,#fff);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;min-height:100vh}.app-container{background:linear-gradient(135deg,#fdfdfd,#f3f4f6);border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:0 auto;max-width:0 auto;padding:2em}h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#6366f1,#9333ea 60%,#f59e42);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.5em;text-align:center;text-shadow:0 2px 6px #9333ea40}.search-form{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;margin-bottom:2em}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-input-wrapper input[type=text]{border:1px solid #ccc;border-radius:25px;font-size:1em;max-width:100%;outline:none;padding:.7em 2.5em .7em 1em;transition:border .3s ease,box-shadow .3s ease;width:300px}.search-input-wrapper input[type=text]:focus{border-color:#07f;box-shadow:0 0 6px #0077ff4d}.clear-btn{background:#0000;border:none;color:#666;cursor:pointer;font-size:1.2em;line-height:1;padding:0;position:absolute;right:15px}.clear-btn:hover{color:#000}button{background:#07f;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;padding:.7em 1.2em;transition:background .3s ease,transform .2s ease}button:hover{background:#005fcc;transform:translateY(-2px)}button:focus{outline:2px solid #005fcc;outline-offset:3px}.book-list{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.book-card{background:#fff;border:1px solid #ddd;border-radius:6px;padding:1em;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.book-card:hover{box-shadow:0 6px 14px #0000001a;transform:translateY(-5px)}.book-card img{border-radius:4px;height:200px;margin-bottom:.7em;object-fit:cover;width:140px}.book-card h3{color:#222;font-size:1.1em;margin:.5em 0}.book-card p{color:#555;font-size:.9em}.error{color:red;font-weight:700;margin-top:1em;text-align:center}.navbar{background:#1f2937;box-shadow:0 2px 10px #0000004d;justify-content:space-between;padding:.8em 1.5em;position:-webkit-sticky;position:sticky;top:0;z-index:10}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:.5em}.navbar-logo{align-items:center;background:#3b82f6;border-radius:50%;box-shadow:0 2px 6px #0000004d;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:35px;justify-content:center;width:35px}.navbar-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#9333ea);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;transition:transform .2s ease,text-shadow .3s ease}.navbar-title:hover{text-shadow:0 2px 6px #0003;transform:scale(1.05)}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;height:40px;margin:1.5em auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-backdrop{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadein .25s;background:#fff;border-radius:8px;box-shadow:0 4px 32px #00000026;max-width:350px;padding:1.5em;position:relative;width:95vw}@keyframes fadein{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.5em;position:absolute;right:.7em;top:.3em}.book-detail{text-align:center}.book-detail .detail-img{border-radius:4px;height:180px;margin-bottom:.7em;object-fit:cover;width:120px}.book-detail h2{margin:.4em 0 .2em}.detail-link{background:#f0f4ff;border-radius:4px;color:#4f46e5;display:inline-block;margin-top:.8em;padding:.4em 1em;text-decoration:none;transition:background .2s}.detail-link:hover{background:#e0e7ff}.load-more-btn{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1em;margin-top:1em;padding:.7em 2em;transition:background .2s}.load-more-btn:hover{background:#3730a3}@media (max-width:600px){.app-container{padding:1em}h1{font-size:1.5rem}.search-form{align-items:stretch;flex-direction:column;gap:.5em}.search-input-wrapper input[type=text],button{width:100%}.book-list{gap:.8em;grid-template-columns:1fr}.book-card img{height:auto;max-width:200px;width:70vw}.navbar{padding:.5em 1em}.navbar-title{font-size:1.1rem}.navbar-logo{font-size:.9rem;height:28px;width:28px}}.suggestion-section{background:#f9fafb;border-top:1px solid #e5e7eb;margin-top:2.5em;padding:1em 0 2em}.suggestion-title{color:#2563eb;font-size:1.25em;font-weight:600;margin:0 0 .5em;text-align:center}
/*# sourceMappingURL=main.f79545d1.css.map*/