.navbar{background:linear-gradient(to right,var(--space-dark),var(--space-light));padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-effect)}.logo{text-decoration:none}.logo h1,.navbar h1{color:#fff;margin:0}.nav-links{display:flex;gap:1rem}.nav-links a{color:#fff;text-decoration:none}.nav-links a:hover{color:#ddd}.logo-icon{font-size:1.5rem;margin-right:.5rem}.nav-links a svg{margin-right:.3rem}.nav-center{display:flex;align-items:center;gap:2rem}.nav-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-item:hover{background-color:#ffffff1a}.auth-button{padding:.5rem 1.5rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;transition:transform .3s;background:transparent;border:1px solid var(--accent-purple);color:var(--accent-purple)}.auth-button:hover{transform:translateY(-2px)}.auth-button.signup{background:var(--accent-purple);color:var(--text-primary)}.login{background:transparent;border:1px solid white}.signup{background:#e74c3c;margin-left:1rem}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.nav-left{display:flex;align-items:center;gap:2rem}.profile-quick-view{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(255,255,255,.1);border-radius:20px;color:var(--text-primary)}.edit-profile{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.2rem}.profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--space-light);padding:2rem;border-radius:12px;width:90%;max-width:400px}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary)}.form-group input{width:100%;padding:.8rem;border:1px solid var(--glass-effect);border-radius:8px;background:rgba(255,255,255,.1);color:var(--text-primary)}.modal-actions button{padding:.8rem 1.5rem;border-radius:8px;cursor:pointer;border:none}.modal-actions button[type=submit]{background:var(--accent-purple);color:var(--text-primary)}.modal-actions button[type=button]{background:transparent;border:1px solid var(--glass-effect);color:var(--text-primary)}@media (max-width: 768px){.navbar{padding:.5rem}.nav-left{flex-direction:column;gap:.5rem;align-items:flex-start}.nav-right{display:flex;flex-direction:column;gap:.5rem;position:absolute;top:100%;right:0;background:var(--space-dark);padding:1rem;border-radius:0 0 .5rem .5rem;transform:translate(100%);transition:transform .3s ease}.nav-right.active{transform:translate(0)}.auth-button{width:100%;justify-content:center}.mobile-menu-btn{display:block;background:none;border:none;color:var(--text-primary);font-size:1.5rem;cursor:pointer}}.landing-container{position:relative;overflow:hidden;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/books-background.jpg) center/cover no-repeat}.landing-content{position:relative;z-index:2;text-align:center;color:#fff;padding:2rem}.landing-content h1{font-size:4rem;margin-bottom:1rem;animation:fadeIn 1s ease-in}.landing-content p{font-size:1.5rem;margin-bottom:2rem;animation:fadeIn 1s ease-in .5s both}.enter-button{padding:1rem 2rem;font-size:1.2rem;background:#e74c3c;border:none;border-radius:30px;color:#fff;cursor:pointer;transition:transform .3s,background .3s;animation:fadeIn 1s ease-in 1s both}.enter-button:hover{transform:scale(1.05);background:#c0392b}.star-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle 3s infinite;z-index:0}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media screen and (max-width: 768px){.landing-content{padding:1rem;max-width:90%}.landing-content h1{font-size:2.5rem;margin-bottom:.8rem}.landing-content p{font-size:1.1rem;margin-bottom:1.5rem;padding:0 .5rem}.enter-button{padding:.8rem 1.8rem;font-size:1rem}}@media screen and (max-width: 480px){.landing-content h1{font-size:2rem}.landing-content p{font-size:1rem}.enter-button{padding:.7rem 1.5rem;font-size:.9rem}.star{width:1px;height:1px}}@media screen and (max-width: 768px){.landing-container{background:linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,.8)),url(/books-background.jpg) center/cover no-repeat}}@media screen and (max-height: 500px){.landing-content h1{font-size:2rem;margin-bottom:.5rem}.landing-content p{font-size:1rem;margin-bottom:1rem}.enter-button{padding:.6rem 1.2rem}}@media screen and (max-width: 768px){.landing-content{padding:2rem 1rem;max-width:100%;margin:0 1rem}.landing-content h1{font-size:calc(2rem + 2vw);margin-bottom:1rem;line-height:1.2}.landing-content p{font-size:calc(1rem + .5vw);margin-bottom:2rem;padding:0 .5rem;line-height:1.5}.enter-button{padding:.8rem 2rem;font-size:calc(.9rem + .3vw);width:80%;max-width:300px}.landing-container{background:linear-gradient(rgba(0,0,0,.85),rgba(0,0,0,.85)),url(/books-background.jpg) center/cover no-repeat;padding:1rem}}@media screen and (max-width: 480px){.landing-content h1{font-size:calc(1.8rem + 1vw)}.landing-content p{font-size:calc(.9rem + .3vw);margin-bottom:1.5rem}.enter-button{padding:.7rem 1.5rem;width:90%}.star{width:1px;height:1px}}@media screen and (max-width: 320px){.landing-content h1{font-size:calc(1.5rem + 1vw)}.landing-content p{font-size:calc(.8rem + .3vw)}.enter-button{padding:.6rem 1.2rem;font-size:.9rem}}@media screen and (orientation: landscape) and (max-height: 500px){.landing-container{min-height:120vh}.landing-content{padding:1rem}.landing-content h1{font-size:calc(1.5rem + 1vw);margin-bottom:.5rem}.landing-content p{font-size:calc(.8rem + .3vw);margin-bottom:1rem}.enter-button{padding:.5rem 1rem;font-size:.9rem}}@media screen and (min-width: 769px) and (max-width: 1024px){.landing-content h1{font-size:calc(2.5rem + 1vw)}.landing-content p{font-size:calc(1.1rem + .5vw)}.enter-button{padding:1rem 2.5rem;font-size:calc(1rem + .3vw)}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.landing-container{background-image:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/books-background@2x.jpg)}}.floating-message-container{position:relative;height:60px;overflow:hidden;margin:1rem 0}.floating-message{position:absolute;width:100%;text-align:center;font-family:Playfair Display,serif;font-size:2rem;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;color:#2c3e50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.floating-message.active{opacity:1;transform:translateY(0)}@media (max-width: 768px){.floating-message{font-size:1.5rem}}.floating-planets{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.planet{position:absolute;border-radius:50%;filter:blur(1px)}.planet-1{width:100px;height:100px;background:radial-gradient(circle at 30% 40%,#9D4EDD,#180F3A);top:15%;right:10%;animation:float 20s infinite linear}.planet-2{width:150px;height:150px;background:radial-gradient(circle at 30% 40%,#4E8DDD,#1A1B4B);bottom:20%;left:5%;animation:float 25s infinite linear reverse}.planet-3{width:80px;height:80px;background:radial-gradient(circle at 30% 40%,#E0E7FF,#4E8DDD);top:40%;left:20%;animation:float 15s infinite linear}.comet{position:absolute;width:100px;height:2px;background:linear-gradient(to right,transparent,#E0E7FF,transparent);top:20%;left:-100px;animation:comet 8s infinite linear;transform:rotate(-45deg)}.star{position:absolute;width:2px;height:2px;background:#E0E7FF;border-radius:50%;animation:twinkle 3s infinite}@keyframes float{0%{transform:rotate(0) translate(100px) rotate(0)}to{transform:rotate(360deg) translate(100px) rotate(-360deg)}}@keyframes comet{0%{transform:translate(-100px) rotate(-45deg)}to{transform:translate(calc(100vw + 100px)) rotate(-45deg)}}.home-container{min-height:100vh;background:var(--space-dark);position:relative;overflow:hidden}.hero-section{text-align:center;padding:4rem 2rem 2rem;background:linear-gradient(180deg,transparent,rgba(26,27,75,.2));position:relative;z-index:1}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 30%,rgba(157,78,221,.08) 0%,transparent 50%),radial-gradient(circle at 80% 40%,rgba(78,141,221,.08) 0%,transparent 50%);filter:blur(30px);z-index:-1}.hero-section h1{font-size:4.5rem;background:linear-gradient(135deg,var(--text-primary) 30%,var(--accent-purple) 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.hero-section p{font-size:1.4rem;color:var(--text-secondary);max-width:600px;margin:0 auto 2rem;line-height:1.6;font-weight:300;letter-spacing:.02em}.search-container{margin-top:2rem}.search-input{padding:1rem;width:100%;max-width:500px;border:none;border-radius:8px;font-size:1.1rem;box-shadow:0 2px 5px #0000001a}.featured-section{padding:2rem}.featured-section h2{text-align:center;color:#2c3e50;margin-bottom:2rem}.featured-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 2rem}.featured-book-card{text-align:center;padding:1rem;border-radius:8px;background:white;box-shadow:0 2px 5px #0000001a;transition:transform .2s}.featured-book-card:hover{transform:translateY(-5px)}.featured-book-card img{width:100%;height:300px;object-fit:cover;border-radius:4px}.featured-book-card h3{margin:1rem 0 .5rem;color:#2c3e50}.featured-book-card p{color:#7f8c8d}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(1rem,3vw,2rem);padding:var(--content-padding);margin:0 auto;max-width:var(--content-width)}.features-container::-webkit-scrollbar{display:none}.feature-box{flex:0 0 250px;min-height:200px;height:auto;aspect-ratio:1;background:rgba(26,27,75,.15);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.03);padding:2rem 1.5rem;border-radius:30px;text-align:center;transition:all .4s cubic-bezier(.165,.84,.44,1);position:relative;overflow:hidden;transform-style:preserve-3d;backface-visibility:hidden}.feature-box:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-purple),transparent);transform:scaleX(0);transition:transform .4s ease}.feature-box:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(157,78,221,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.feature-box:hover:before{transform:scaleX(1)}.feature-box:hover{transform:translateY(-10px) translateZ(20px);background:rgba(26,27,75,.25);border-color:#ffffff14}.feature-box:hover:after{opacity:1}.feature-icon{font-size:3rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1rem;transition:all .4s ease}.feature-box:hover .feature-icon{transform:scale(1.1) translateY(-5px)}.feature-box h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600;letter-spacing:.02em}.feature-box p{display:block;font-size:.9rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.4;opacity:0;transform:translateY(10px);transition:all .4s ease}.feature-box:hover p{opacity:.8;transform:translateY(0)}.feature-button{font-size:.8rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--accent-purple);color:var(--accent-purple);border-radius:2px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.feature-button:hover{background:var(--accent-purple);color:var(--text-primary)}.search-box{background:linear-gradient(135deg,#e0eafc 0%,#cfdef3 100%)}.articles-box{background:linear-gradient(135deg,#f6d365 0%,#fda085 100%);cursor:pointer;color:#fff}.marketplace-box{background:linear-gradient(135deg,#43cea2 0%,#185a9d 100%);color:#fff}.marketplace-preview{display:flex;justify-content:space-around;margin:.5rem 0;padding:.5rem;background:rgba(255,255,255,.1);border-radius:8px}.marketplace-stat{display:inline-block;margin:0 .5rem;text-align:center}.marketplace-stat span{display:block;font-size:.7rem;opacity:.9}.marketplace-stat strong{display:block;font-size:1.1rem;margin-top:.3rem}.feature-button{margin-top:1rem;padding:.8rem 1.5rem;border:none;border-radius:4px;background:#2c3e50;color:#fff;cursor:pointer;transition:background .3s}.feature-button:hover{background:#34495e}@media (max-width: 768px){.hero-section h1{font-size:clamp(2rem,5vw + 1rem,4.5rem)}.hero-section p{font-size:clamp(1rem,2vw + .5rem,1.4rem)}.features-container{grid-template-columns:1fr;gap:1rem}.feature-box{aspect-ratio:auto;padding:1.5rem}.home h1{font-size:2rem}.home p{font-size:1rem}}.book-list-container{padding:2rem}.filters{display:flex;gap:1rem;margin-bottom:2rem}.filters input,.filters select{padding:.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.filters input{flex:1;max-width:400px}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.book-card{border:1px solid #ddd;border-radius:8px;overflow:hidden;transition:transform .2s;background:white;box-shadow:0 2px 5px #0000001a}.book-card:hover{transform:translateY(-5px)}.book-image img{width:100%;height:200px;object-fit:cover}.book-info h3{margin:0;color:#2c3e50}.author{color:#7f8c8d;margin:.5rem 0}.genre{color:#3498db;font-size:.9rem}.rating{color:#f1c40f;margin:.5rem 0}.description{font-size:.9rem;color:#34495e;margin:.5rem 0}.read-more{background:#3498db;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:100%;margin-top:1rem}.read-more:hover{background:#2980b9}.search-form{display:flex;gap:1rem;margin-bottom:2rem;max-width:600px;margin:0 auto 2rem}.search-button{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.book-actions{display:flex;gap:1rem;margin-top:1rem}.read-button,.save-button{padding:.5rem 1rem;border-radius:4px;cursor:pointer;flex:1}.read-button{background:#2ecc71;color:#fff;text-decoration:none}.save-button{background:#f1c40f;border:none;color:#2c3e50}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#7f8c8d}.articles-container{min-height:100vh;background:var(--space-dark);padding:4rem 2rem;position:relative;max-width:1200px;margin:0 auto}.articles-header{text-align:center;margin-bottom:4rem;position:relative;padding:2rem;background:rgba(26,27,75,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.header-icon{font-size:3rem;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.articles-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--text-primary)}.update-text{color:var(--text-secondary);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.article-card{background:rgba(26,27,75,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.165,.84,.44,1);position:relative;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.article-card:hover{transform:translateY(-5px);border-color:#9d4edd4d}.article-image{width:100%;height:220px;object-fit:cover;transition:transform .3s ease;border-radius:8px 8px 0 0;background:#f0f2f5}.article-card:hover .article-image{transform:scale(1.05)}.article-image[src$="default.jpg"]{opacity:.8;filter:grayscale(20%)}.article-content{padding:1.5rem}.article-category{display:inline-block;padding:.3rem .8rem;background:var(--accent-purple);color:#fff;border-radius:20px;font-size:.8rem;margin-bottom:1rem}.article-content h2{font-size:1.4rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.4}.article-meta{display:flex;align-items:center;gap:1rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem}.article-description{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.read-more-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-purple);text-decoration:none;font-weight:500;transition:all .3s ease;margin-top:1rem}.read-more-link:hover{color:var(--accent-blue);gap:.8rem}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:300px;color:var(--text-secondary);font-size:1.2rem;padding:3rem}.saved-books-container{padding:2rem;max-width:1200px;margin:0 auto}.saved-books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;margin-top:2rem}.saved-book-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.saved-book-card img{width:100%;height:200px;object-fit:cover}.book-info{padding:1rem}.remove-btn{background:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;width:100%;margin-top:1rem}.no-books{text-align:center;color:#666;margin-top:2rem}.search-container{padding:4rem 2rem;max-width:1400px;margin:0 auto;animation:slideUp .6s ease-out;background:transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);perspective:1000px}.search-header{text-align:center;margin-bottom:4rem;padding:3rem 2rem;background:none;position:relative;transform-style:preserve-3d;animation:float 6s ease-in-out infinite}.search-header:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--primary-color);border-radius:2px}.search-header h1{font-size:3.5rem;margin-bottom:1rem;color:var(--dark-color);font-weight:800;letter-spacing:-1px;background:linear-gradient(45deg,var(--dark-color),var(--primary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:2px 2px 0px var(--primary-color),4px 4px 0px rgba(108,99,255,.2)}.search-header p{font-size:1.2rem;opacity:.9}.search-form{background:var(--card-bg);padding:2.5rem;border-radius:20px;box-shadow:0 8px 32px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--glass-effect);max-width:700px;margin:0 auto 3rem;position:relative;z-index:1;transform-style:preserve-3d;transform:translateZ(0);transition:all .4s cubic-bezier(.165,.84,.44,1)}.search-form:hover{transform:translateZ(20px);box-shadow:0 15px 35px #0000001a}.search-options{display:flex;gap:1.5rem;margin-bottom:0;justify-content:center;align-items:flex-start;width:100%}.search-select{padding:1.2rem;border:none;border-radius:12px;background:rgba(255,255,255,.9);box-shadow:inset 0 2px 4px #0000000a;font-size:1rem;color:var(--dark-color);min-width:120px;width:auto;transition:border-color .3s;background-image:linear-gradient(45deg,transparent 50%,var(--primary-color) 50%),linear-gradient(135deg,var(--primary-color) 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none}.search-input-wrapper{position:relative;flex:1;min-width:0}.search-input{border:1px solid var(--glass-effect);background:rgba(255,255,255,.05);box-shadow:inset 0 2px 4px #0000000a;padding:1.2rem;border-radius:12px;font-size:1.1rem;flex:1;transition:all .3s;width:100%;color:var(--text-primary)}.search-input-label{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);transition:all .3s;pointer-events:none}.search-input:focus+.search-input-label,.search-input:not(:placeholder-shown)+.search-input-label{top:-10px;left:.8rem;font-size:.8rem;color:var(--primary-color);background:white;padding:0 .5rem}.search-input:focus,.search-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #6c63ff1a}.search-button{padding:1.2rem 2.5rem;background:var(--accent-purple);color:var(--text-primary);border:none;border-radius:12px;font-size:1.1rem;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:transform .3s,background .3s;box-shadow:0 4px 15px #6c63ff33}.search-button:hover{background:#5952d4;transform:translateY(-2px)}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;padding:2rem 0}.book-card{position:relative;transition:transform .4s cubic-bezier(.165,.84,.44,1);border-radius:12px;overflow:hidden;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);cursor:pointer}.book-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.book-card:hover .book-cover img{transform:scale(1.05)}.book-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:translateZ(-1px);opacity:0;transition:opacity .3s}.book-card:hover:before{opacity:1}.book-info{padding:2rem}.book-info h3{font-size:1.4rem;font-weight:700;margin-bottom:1rem;line-height:1.4;color:var(--text-primary)}.book-info p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.view-details{width:100%;padding:1rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);font-weight:600;border-radius:12px;transition:all .3s ease}.view-details:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.loading{text-align:center;padding:4rem;color:var(--text-secondary);font-size:1.2rem;position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 1.5s infinite}.no-results{text-align:center;padding:3rem;color:var(--text-secondary);background:white;border-radius:12px;margin:2rem 0}.book-details-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .3s ease-out}.modal-content{background:var(--space-light);border-radius:20px;padding:2rem;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out;border:1px solid var(--glass-effect);color:var(--text-primary)}.close-modal{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;padding:.5rem;line-height:1;transition:transform .3s}.close-modal:hover{transform:rotate(90deg)}.modal-grid{display:grid;grid-template-columns:300px 1fr;gap:2rem}.modal-image img{width:100%;border-radius:10px;box-shadow:0 4px 12px #0000001a}.modal-info h2{font-size:2rem;margin-bottom:1rem;color:var(--text-primary)}.modal-info .author{font-size:1.2rem;color:var(--text-secondary);margin-bottom:1rem}.modal-info .publish-info{color:var(--text-secondary);margin-bottom:2rem}.modal-info .description{line-height:1.8;margin-bottom:2rem}.read-more-link{display:inline-block;padding:1rem 2rem;background:var(--primary-color);color:#fff;text-decoration:none;border-radius:8px;transition:transform .3s,background .3s}.read-more-link:hover{transform:translateY(-2px);background:#5952d4}.modal-loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:var(--text-secondary)}.book-metadata{background:rgba(108,99,255,.05);padding:1.5rem;border-radius:12px;margin:1.5rem 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metadata-item{padding:1rem;background:rgba(255,255,255,.5);border-radius:8px;text-align:center}.metadata-item h4{color:var(--primary-color);font-size:.9rem;margin-bottom:.5rem}.metadata-item p{font-size:1.1rem;font-weight:600}.reading-time{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem;margin:1rem 0}.difficulty-level{display:flex;gap:.5rem;margin:1rem 0}.difficulty-dot{width:8px;height:8px;border-radius:50%;background:#eee}.difficulty-dot.active{background:var(--primary-color)}.book-quotes{background:#f8f9fa;padding:1.5rem;border-radius:12px;margin:1.5rem 0;font-style:italic}.book-quotes:before{content:'"';font-size:3rem;color:var(--primary-color);opacity:.2;line-height:0;margin-right:.5rem}.series-info{background:linear-gradient(45deg,rgba(108,99,255,.1),rgba(78,205,196,.1));padding:1rem;border-radius:8px;margin:1rem 0}.series-books{display:flex;gap:1rem;overflow-x:auto;padding:1rem 0;scrollbar-width:thin;scrollbar-color:var(--primary-color) #eee}.series-book{flex:0 0 100px;text-align:center;font-size:.8rem}.series-book.current{position:relative}.series-book.current:after{content:"📖";position:absolute;top:-10px;right:-10px}.ratings-section{margin:2rem 0}.rating-stars{color:gold;font-size:1.5rem;margin:.5rem 0}.rating-breakdown{display:flex;align-items:center;gap:1rem;margin:.5rem 0}.rating-bar{flex:1;height:8px;background:#eee;border-radius:4px;overflow:hidden}.rating-fill{height:100%;background:var(--primary-color);border-radius:4px}.reviews-section{margin:2rem 0}.review-card{background:white;padding:1.5rem;border-radius:12px;margin:1rem 0;box-shadow:0 2px 4px #0000000d}.review-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.reviewer-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-color);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.subjects h3{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.save-book{padding:1rem 2rem;background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:8px;cursor:pointer;transition:all .3s}.save-book:hover{background:var(--primary-color);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotateX(0)}50%{transform:translateY(-10px) rotateX(2deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.search-options{flex-direction:column;gap:1rem}.search-header h1{font-size:2rem}.search-input-wrapper,.search-select,.search-button{width:100%}.modal-grid{grid-template-columns:1fr}.modal-image{max-width:300px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.search-container,.search-header,.book-card,.loading:after{animation:none;transition:none}}.book-card{position:relative;transition:transform .3s ease,box-shadow .3s ease;border-radius:12px;overflow:hidden;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.book-card-inner{height:100%;display:flex;flex-direction:column}.book-cover{position:relative;padding-top:150%;overflow:hidden}.book-cover img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.book-hover-info{display:none}.book-card:hover .book-hover-info{opacity:1}.book-card:hover .book-cover img{transform:scale(1.1)}.results-summary{text-align:center;margin:2rem 0;color:var(--text-secondary);font-size:1.1rem}.rating-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .6rem;background:rgba(255,215,0,.1);border-radius:20px;font-size:.9rem}.stars{color:gold;letter-spacing:-2px}.category-tag{display:inline-block;padding:.2rem .8rem;background:var(--accent-purple);color:#fff;border-radius:20px;font-size:.8rem;font-weight:500}.genre-filters{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem auto;max-width:900px;justify-content:center;padding:1rem;background:rgba(41,27,17,.6);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.genre-tag{padding:.6rem 1.2rem;border-radius:20px;background:rgba(255,255,255,.1);color:var(--text-primary);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease;font-size:.9rem}.genre-tag:hover{background:rgba(255,255,255,.2);transform:translateY(-2px)}.genre-tag.active{background:var(--accent-purple);border-color:var(--accent-purple);box-shadow:0 4px 12px #9d4edd33}.sell-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.sell-form-container{background:white;padding:2rem;border-radius:8px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.close-button{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group textarea{resize:vertical;min-height:100px}.upload-label{display:flex;align-items:center;gap:.5rem;padding:1rem;border:2px dashed #ddd;border-radius:4px;cursor:pointer;color:#666;transition:all .3s}.upload-label:hover{border-color:#3498db;color:#3498db}.submit-button{width:100%;padding:1rem;background:#2ecc71;color:#fff;border:none;border-radius:4px;font-size:1.1rem;cursor:pointer;transition:background .3s}.submit-button:hover{background:#27ae60}.marketplace-container{padding:2rem;max-width:1200px;margin:0 auto}.marketplace-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-actions{display:flex;gap:1rem;align-items:center}.sell-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#2ecc71;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .3s}.sell-button:hover{background:#27ae60}.cart-icon{position:relative;font-size:1.5rem;color:#333;cursor:pointer}.cart-count{position:absolute;top:-8px;right:-8px;background:#e74c3c;color:#fff;font-size:.8rem;padding:2px 6px;border-radius:50%}.marketplace-filters{display:flex;gap:1rem;margin-bottom:2rem}.search-bar{flex:1;position:relative;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#666}.search-bar input{width:100%;padding:.8rem 1rem .8rem 2.5rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.filter-select{padding:.8rem;border:1px solid #ddd;border-radius:4px;min-width:150px}.market-book-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.market-book-card:hover{transform:translateY(-5px)}.market-book-card img{width:100%;height:200px;object-fit:cover}.book-details{padding:1rem}.price-row{display:flex;justify-content:space-between;align-items:center;margin:1rem 0}.price{font-size:1.5rem;font-weight:700;color:#2c3e50}.buy-button{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.buy-button:hover{background:#2980b9}:root{--space-dark: #0B1026;--space-light: #1A1B4B;--star-color: #E0E7FF;--accent-purple: #9D4EDD;--accent-blue: #4E8DDD;--text-primary: #FFFFFF;--text-secondary: #B8B8D0;--card-bg: rgba(26, 27, 75, .5);--glass-effect: rgba(255, 255, 255, .1);--content-padding: clamp(1rem, 5vw, 2rem);--content-width: min(100% - 2rem, 1200px);--header-height: clamp(3rem, 10vh, 5rem)}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--space-dark);background-image:radial-gradient(circle at 50% 50%,rgba(26,27,75,.3),transparent 100%),radial-gradient(circle at 80% 20%,rgba(77,141,221,.1),transparent 60%),radial-gradient(circle at 20% 80%,rgba(157,78,221,.1),transparent 60%);color:var(--text-primary);line-height:1.6;position:relative;overflow-x:hidden;min-height:100vh;min-height:100dvh}.floating-icons{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.floating-icon{position:fixed;opacity:.03;animation:float 15s linear infinite;font-size:2rem}@keyframes float{0%{transform:translate(100vw,random(100)vh) rotate(0)}to{transform:translate(-100px,random(100)vh) rotate(360deg)}}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600;background:linear-gradient(120deg,#2c3e50,#3498db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.book-list{padding:20px}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:20px}.book-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #1f26871a;transition:transform .3s,box-shadow .3s}.book-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f268726}.about{padding:20px}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1;margin:0 auto;padding:var(--content-padding);width:var(--content-width)}::selection{background:#e74c3c;color:#fff}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.reading-section{position:relative;background:linear-gradient(45deg,rgba(52,152,219,.05),rgba(46,204,113,.05));border-radius:12px;padding:2rem}.accent-text{color:#e74c3c}.highlight-box{background:rgba(255,255,255,.8);border-radius:8px;padding:1.5rem;border:1px solid rgba(52,152,219,.2)}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}.star{position:fixed;width:2px;height:2px;background:var(--star-color);border-radius:50%;animation:twinkle 3s infinite}html{font-size:clamp(14px,1vw + 8px,18px)}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(1rem,3vw,2rem)}img{max-width:100%;height:auto}table{width:100%;overflow-x:auto;display:block}@media (max-width: 768px){.hide-on-mobile{display:none}.flex-col-mobile{flex-direction:column}}.footer{background:linear-gradient(to right,#2c3e50,#3498db);color:#fff;padding:3rem 0 1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer-section h3{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;margin-bottom:1rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:#fff;font-size:1.5rem;transition:transform .3s}.social-links a:hover{transform:translateY(-3px)}.footer-section a{color:#fff;text-decoration:none;display:block;margin:.5rem 0;transition:color .3s}.footer-section a:hover{color:#f1c40f}.footer-bottom{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.heart-icon{color:#e74c3c;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.floating-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.star{position:fixed;width:2px;height:2px;background:var(--star-color);border-radius:50%;animation:twinkle 3s infinite;z-index:0}.floating-effect{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;z-index:-1;animation:float 15s infinite}.effect-1{background:var(--accent-purple);width:300px;height:300px;top:20%;left:15%}.effect-2{background:var(--accent-blue);width:400px;height:400px;bottom:10%;right:15%;animation-delay:-7s}@keyframes float{0%,to{transform:translate(0) rotate(0);opacity:.2}25%{transform:translate(50px,50px) rotate(90deg);opacity:.3}50%{transform:translateY(100px) rotate(180deg);opacity:.2}75%{transform:translate(-50px,50px) rotate(270deg);opacity:.3}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:.8}}