@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap);.search-container[data-v-bb9f0894]{display:flex;justify-content:center;margin-bottom:20px}input[data-v-bb9f0894]{padding:12px 20px;width:100%;max-width:400px;border:2px solid #0fc;border-radius:25px;font-size:16px;color:#333;background:#f4f4f4;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:all .3s ease}input[data-v-bb9f0894]::-moz-placeholder{color:#888}input[data-v-bb9f0894]::placeholder{color:#888}input[data-v-bb9f0894]:focus{border-color:#00c6ff;background:#fff;outline:none;box-shadow:0 4px 12px rgba(0,0,0,.2)}@media (max-width:768px){input[data-v-bb9f0894]{padding:10px 15px;max-width:300px;font-size:14px}}@media (max-width:480px){input[data-v-bb9f0894]{padding:8px 12px;max-width:250px;font-size:12px}}@media (max-width:320px){input[data-v-bb9f0894]{padding:6px 10px;max-width:200px;font-size:10px}}.book-list[data-v-d58ee734]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 auto}.book-item[data-v-d58ee734]{background-color:#1e1e2f;border-radius:8px;padding:10px;text-align:center;margin-bottom:16px;margin-top:18px}.book-item img[data-v-d58ee734]{width:100%;height:auto;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:8px}.heart-icon.favorited[data-v-d58ee734]{color:#00d4ff}.book-item h3[data-v-d58ee734]{margin:10px 0 5px;font-size:1.2em}.book-item p[data-v-d58ee734]{margin:5px 0}.book-item .heart-icon[data-v-d58ee734]{color:red;text-shadow:0 0 10px rgba(255,38,0,.7);cursor:pointer}@media (max-width:400px){.book-list[data-v-d58ee734]{grid-template-columns:1fr;width:80%}}@media (max-width:768px){.book-list[data-v-d58ee734]{grid-template-columns:repeat(2,1fr);gap:15px}.book-item[data-v-d58ee734]{margin-bottom:12px;margin-top:12px}}@media (max-width:480px){.book-list[data-v-d58ee734]{justify-content:center;grid-template-columns:1fr;gap:10px;align-items:center}.book-item[data-v-d58ee734]{margin-bottom:8px;margin-top:8px}.book-item img[data-v-d58ee734]{max-height:150px}}@media (max-width:320px){.book-list[data-v-d58ee734]{gap:5px}.book-item[data-v-d58ee734]{margin-bottom:5px;margin-top:5px}.book-item img[data-v-d58ee734]{max-height:100px}}.modal-overlay[data-v-f1eaa2cc]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.modal-content[data-v-f1eaa2cc]{background:#fff;padding:20px;border-radius:5px;width:400px;color:#0c09d3}.modal-image[data-v-f1eaa2cc]{max-width:100%;height:auto;margin-bottom:20px}h2[data-v-f1eaa2cc]{font-size:25px}.favorites[data-v-7f2dba08]{margin-top:40px;background-color:hsla(0,0%,100%,.1);border-radius:10px;padding:20px}.favorites h2[data-v-7f2dba08]{color:#000;margin-bottom:20px}.no-favorites[data-v-7f2dba08]{color:#ccc;font-style:italic}.favorites-list[data-v-7f2dba08]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.favorite-item[data-v-7f2dba08]{background-color:hsla(0,0%,100%,.2);border-radius:8px;overflow:hidden;transition:transform .3s ease}.favorite-item[data-v-7f2dba08]:hover{transform:translateY(-5px)}.favorite-image[data-v-7f2dba08]{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.favorite-details[data-v-7f2dba08]{padding:15px}.favorite-details h3[data-v-7f2dba08]{color:#3498db;margin:0 0 10px 0}.favorite-details p[data-v-7f2dba08]{color:#ccc;margin:0 0 15px 0}.remove-button[data-v-7f2dba08]{background-color:#ff4757;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.remove-button[data-v-7f2dba08]:hover{background-color:#ff6b81}[data-v-46baae46]{font-family:Orbitron,sans-serif}.signup-overlay[data-v-46baae46]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.auth-container[data-v-46baae46]{position:relative;max-width:600px;width:100%;padding:30px;background:linear-gradient(135deg,#1e1e2f,#2d2d4a);border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.5);border:2px solid #0fc;z-index:1001;overflow:hidden}.close-button[data-v-46baae46]{position:absolute;top:5px;right:10px;background:none;border:none;color:#0fc;font-size:24px;cursor:pointer;transition:color .3s ease}.close-button[data-v-46baae46]:hover{color:#00d4ff}h2[data-v-46baae46]{text-align:center;color:#0fc;font-family:Orbitron,sans-serif;margin-bottom:15px;font-size:24px;text-transform:uppercase}.form-switcher[data-v-46baae46]{display:flex;justify-content:center;margin-bottom:10px}.form-switcher button[data-v-46baae46]{background:transparent;border:none;color:#0fc;font-size:18px;padding:10px;cursor:pointer;transition:all .3s ease}.form-switcher button[data-v-46baae46]:hover{transform:scale(1.1)}.form-switcher button.active[data-v-46baae46]{border-bottom:2px solid #0fc}.form-container[data-v-46baae46]{display:flex;flex-direction:column;align-items:center}.form-group[data-v-46baae46]{margin-bottom:10px;width:100%;max-width:300px}label[data-v-46baae46]{display:block;margin-bottom:10px;color:#0fc;font-family:Orbitron,sans-serif;letter-spacing:.5px}.form-input[data-v-46baae46]{width:100%;padding:12px;background:transparent;border:2px solid #0fc;border-radius:8px;font-size:16px;color:#fff;font-family:Orbitron,sans-serif;transition:border-color .3s ease,box-shadow .3s ease}.form-input[data-v-46baae46]:focus{border-color:#0fc;box-shadow:0 0 10px #0fc;outline:none}.submit-button[data-v-46baae46]{color:#000;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:18px;font-family:Orbitron,sans-serif;text-transform:uppercase;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.submit-button[data-v-46baae46]:hover{transform:scale(1.05)}.submit-button[data-v-46baae46]:active{transform:scale(1.02);box-shadow:0 5px 15px rgba(0,0,0,.3)}.cyber-slide-enter-active[data-v-46baae46],.cyber-slide-leave-active[data-v-46baae46]{transition:all .5s ease-out;position:absolute;width:100%}.cyber-slide-enter-from[data-v-46baae46]{transform:translateX(-100%) skew(-10deg);opacity:0;filter:hue-rotate(90deg) saturate(200%)}.cyber-slide-leave-to[data-v-46baae46]{transform:translateX(100%) skew(10deg);opacity:0;filter:hue-rotate(-90deg) saturate(200%)}.cyber-slide-enter-active[data-v-46baae46]:before,.cyber-slide-leave-active[data-v-46baae46]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 20%,#0fc 0,#0fc 40%,transparent 0,transparent 60%,#0fc 0,#0fc 80%,transparent 0);background-size:200% 200%;animation:glitch-46baae46 .5s linear infinite;opacity:.2;z-index:-1}@keyframes glitch-46baae46{0%{background-position:0 0}to{background-position:100% 100%}}.form-input[data-v-46baae46]{border-color:#0fc;box-shadow:0 0 10px rgba(0,255,204,.5)}.submit-button[data-v-46baae46]{background:linear-gradient(90deg,#0fc,#00d4ff);box-shadow:0 0 15px rgba(0,255,204,.7)}.submit-button[data-v-46baae46]:hover{background:linear-gradient(90deg,#00d4ff,#0fc);box-shadow:0 0 20px rgba(0,212,255,.9)}@media (max-width:768px){.auth-container[data-v-46baae46]{max-width:90%;padding:20px}.form-group[data-v-46baae46]{margin-bottom:15px}.form-input[data-v-46baae46]{padding:10px}.submit-button[data-v-46baae46]{padding:10px 20px}}@media (max-width:480px){.auth-container[data-v-46baae46]{max-width:80%;padding:15px}.form-group[data-v-46baae46]{margin-bottom:10px}.form-input[data-v-46baae46]{padding:8px}.submit-button[data-v-46baae46]{padding:8px 15px}}@media (max-width:320px){.auth-container[data-v-46baae46]{max-width:70%;padding:10px}.form-group[data-v-46baae46]{margin-bottom:5px}.form-input[data-v-46baae46]{padding:5px}.submit-button[data-v-46baae46]{padding:5px 10px}}:root{--primary-color:#0fc;--secondary-color:#00d4ff;--accent-color:#1e1e2f;--text-color:#ecf0f1;--background-color:#1e1e2f}body{margin:0;padding:0;font-family:Orbitron,Arial,sans-serif;color:var(--text-color)}#app,body{background-color:var(--background-color)}#app{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem}.container{width:80%;max-width:1200px;padding:2rem;background-color:rgba(30,30,47,.8);box-shadow:0 4px 20px rgba(0,255,204,.3);border-radius:8px;border:2px solid var(--primary-color)}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.signup-button{padding:10px 20px;font-size:16px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));color:var(--accent-color);border:none;border-radius:5px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,sans-serif;text-transform:uppercase}.signup-button:hover{box-shadow:0 0 15px rgba(0,255,204,.7);transform:scale(1.05)}h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}h2{color:var(--secondary-color);font-size:1.8rem;margin-bottom:1rem}.book-list,.favorites-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:2rem}.book-item,.favorite-item{background-color:rgba(45,45,74,.8);border-radius:8px;box-shadow:0 2px 10px rgba(0,255,204,.2);overflow:hidden;transition:all .3s ease;border:1px solid var(--primary-color)}.book-item:hover,.favorite-item:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 4px 20px rgba(0,255,204,.4)}.book-item img,.favorite-item img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover;border-bottom:2px solid var(--primary-color)}.book-item h3,.favorite-item h3{color:var(--primary-color);margin:.5rem 0;font-size:1.2rem}.book-item p,.favorite-item p{color:var(--text-color);margin:.5rem 0;font-size:.9rem}.heart-icon{color:var(--primary-color);font-size:1.5rem;cursor:pointer;transition:all .3s ease}.heart-icon.favorited{color:var(--secondary-color);text-shadow:var(--primary-color)}button{background-color:var(--accent-color);color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#2980b9}@media (max-width:768px){.container{width:95%;padding:1rem}.book-list,.favorites-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}@media (max-width:480px){.container{width:100%;padding:.5rem}.book-list,.favorites-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.book-item,.favorite-item{font-size:.9rem}.book-item img,.favorite-item img{height:180px}.book-item h3,.favorite-item h3{font-size:1rem}.book-item p,.favorite-item p{font-size:.8rem}h1{font-size:1.8rem}h2{font-size:1.3rem}button{padding:.4rem .8rem;font-size:.9rem}}@media (max-width:320px){.book-list,.favorites-list{grid-template-columns:1fr}.book-item img,.favorite-item img{height:auto;max-height:200px}h1{font-size:1.5rem}h2{font-size:1.2rem}}@media (max-width:768px){.container{width:95%;padding:1rem}.book-list,.favorites-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.book-item,.favorite-item{font-size:.9rem}.book-item img,.favorite-item img{height:180px}.book-item h3,.favorite-item h3{font-size:1rem}.book-item p,.favorite-item p{font-size:.8rem}h1{font-size:1.8rem}h2{font-size:1.3rem}button{padding:.4rem .8rem;font-size:.9rem}}@media (max-width:480px){.container{width:100%;padding:.5rem}.book-list,.favorites-list{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.book-item,.favorite-item{font-size:.8rem}.book-item img,.favorite-item img{height:150px}.book-item h3,.favorite-item h3{font-size:.9rem}.book-item p,.favorite-item p{font-size:.7rem}h1{font-size:1.5rem}h2{font-size:1.2rem}button{padding:.3rem .6rem;font-size:.8rem}}@media (max-width:320px){.book-list,.favorites-list{grid-template-columns:1fr}.book-item img,.favorite-item img{height:auto;max-height:200px}h1{font-size:1.2rem}h2{font-size:1rem}}