@import"https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-surface: #1a1a24;--bg-glass: rgba(26, 26, 36, .7);--bg-card: rgba(255, 255, 255, .03);--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-hero: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 50%, #45b7d1 100%);--text-primary: #ffffff;--text-secondary: #a0a0b8;--text-muted: #6b6b8a;--accent: #00d4ff;--accent-secondary: #ff6b6b;--accent-tertiary: #4ecdc4;--border: rgba(255, 255, 255, .1);--shadow-glow: 0 0 40px rgba(0, 212, 255, .3);--shadow-card: 0 20px 40px rgba(0, 0, 0, .4);--shadow-float: 0 30px 60px rgba(0, 0, 0, .5)}[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-surface: #ffffff;--bg-glass: rgba(255, 255, 255, .8);--bg-card: rgba(255, 255, 255, .9);--bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-hero: linear-gradient(135deg, #ff6b6b 0%, #4ecdc4 50%, #45b7d1 100%);--text-primary: #1a1a24;--text-secondary: #4a5568;--text-muted: #718096;--accent: #0066cc;--accent-secondary: #e53e3e;--accent-tertiary: #38b2ac;--border: rgba(0, 0, 0, .1);--shadow-glow: 0 0 40px rgba(0, 102, 204, .2);--shadow-card: 0 20px 40px rgba(0, 0, 0, .1);--shadow-float: 0 30px 60px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box;font-family:Almarai,sans-serif;direction:rtl}body{background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:428px;margin:0 auto;min-height:100vh;background:var(--bg-primary);position:relative;overflow:hidden}.header{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border);padding:15px 20px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-card)}.logo{font-size:24px;font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;letter-spacing:-1px}.header-actions{display:flex;align-items:center;gap:12px}.theme-toggle,.cart-icon{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;padding:10px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.theme-toggle:before,.cart-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.theme-toggle:hover:before,.cart-icon:hover:before{opacity:.1}.theme-toggle:hover,.cart-icon:hover{transform:scale(1.05);border-color:var(--accent)}.cart-icon{position:relative}.cart-badge{position:absolute;top:0;left:0;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);color:#fff;border-radius:50%;width:22px;height:22px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #ff6b6b66;animation:pulse 2s infinite;border:3px solid var(--bg-primary);min-width:22px;z-index:10;padding:2px}.nav-item .cart-badge{top:-10px;left:-10px;width:20px;height:20px;font-size:10px;font-weight:900;background:linear-gradient(135deg,#ff4757,#ff3742);border:3px solid var(--bg-primary);box-shadow:0 3px 12px #ff475780;padding:1px;min-width:20px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.search-container{position:relative;margin:80px 20px 20px;z-index:50}.search-input{width:100%;padding:16px 20px 16px 50px;border:2px solid var(--border);border-radius:20px;font-size:16px;font-weight:600;background:var(--bg-glass);color:var(--text-primary);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:var(--shadow-card)}.search-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow),var(--shadow-card);background:var(--bg-surface)}.search-input::placeholder{color:var(--text-muted);font-weight:500}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-muted);transition:all .3s ease}.search-input:focus+.search-icon{color:var(--accent);transform:translateY(-50%) scale(1.1)}.search-results{position:absolute;top:calc(100% + 10px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;max-height:300px;overflow-y:auto;z-index:50;box-shadow:var(--shadow-float);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:slideDown .4s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-result-item{padding:15px 20px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.search-result-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.search-result-item:hover:before{opacity:.1}.search-result-item:hover{transform:translate(-5px);color:var(--accent)}main{padding-top:0;min-height:calc(100vh - 140px);padding-bottom:100px}.hero-section{background:var(--bg-hero);margin:20px;border-radius:24px;padding:30px 25px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-float)}.hero-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{position:relative;z-index:2}.hero-title{font-size:28px;font-weight:900;margin-bottom:12px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.3);letter-spacing:-1px}.hero-subtitle{font-size:16px;color:#ffffffe6;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.2)}.filter-row{display:flex;gap:12px;margin:0 20px 25px;overflow-x:auto;padding-bottom:8px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}.filter-row::-webkit-scrollbar{display:none}.filter-chip{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:12px 20px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .4s cubic-bezier(.4,0,.2,1);color:var(--text-primary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;min-width:fit-content}.filter-chip:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.filter-chip.active:before{opacity:1}.filter-chip.active{color:#fff;border-color:var(--accent);transform:scale(1.05);box-shadow:var(--shadow-glow)}.filter-chip:hover{transform:scale(1.02);border-color:var(--accent)}.filter-chip:hover:before{opacity:.2}.sort-select{margin:0 20px 25px;padding:12px 16px;border:2px solid var(--border);border-radius:16px;background:var(--bg-glass);color:var(--text-primary);font-size:13px;font-weight:700;width:calc(100% - 40px);transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-card);text-align:center}.sort-select:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.section-header{display:flex;align-items:center;justify-content:space-between;margin:30px 20px 20px;padding:0 5px}.section-title{font-size:20px;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:10px}.section-icon{font-size:24px}.see-all-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--accent);padding:8px 16px;border-radius:12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.see-all-btn:hover{background:var(--accent);color:#fff;transform:scale(1.05)}.books-horizontal-scroll{display:flex;gap:15px;padding:0 20px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:30px}.books-horizontal-scroll::-webkit-scrollbar{display:none}.books-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;padding:0 20px;margin-bottom:30px}.book-card{background:var(--bg-card);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;border:1px solid var(--border);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);position:relative;padding:15px;box-shadow:var(--shadow-card);min-width:160px;flex-shrink:0}.book-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);opacity:0;transition:opacity .4s ease;border-radius:20px;z-index:-1}.book-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-float),var(--shadow-glow)}.book-card:hover:before{opacity:.1}.book-image-container{position:relative;margin-bottom:12px}.book-image{width:100%;height:120px;object-fit:cover;border-radius:12px;background:var(--bg-gradient);transition:all .4s ease;box-shadow:0 8px 25px #0000004d}.book-card:hover .book-image{transform:scale(1.05);box-shadow:0 15px 35px #0006}.discount-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:800;box-shadow:0 4px 15px #ff6b6b66;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.book-info{flex:1}.book-title{font-size:14px;font-weight:800;margin-bottom:6px;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-author{font-size:12px;color:var(--text-secondary);margin-bottom:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-rating{display:flex;align-items:center;gap:4px;margin-bottom:10px;font-size:12px;color:gold;font-weight:700}.book-price{display:flex;align-items:center;gap:6px;margin-bottom:12px}.current-price{font-size:16px;font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.original-price{font-size:12px;color:var(--text-muted);text-decoration:line-through;font-weight:600}.book-actions{display:flex;gap:8px}.btn{padding:10px 16px;border:none;border-radius:12px;font-size:11px;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;min-height:36px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.btn-primary{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;flex:1;box-shadow:0 6px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow),0 12px 30px #00d4ff66}.btn-primary:active{transform:translateY(-1px) scale(1.02)}.btn-icon{background:var(--bg-card);color:var(--text-primary);padding:10px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-card)}.btn-icon:hover{transform:translateY(-2px) scale(1.1);border-color:var(--accent)}.btn-icon:hover:before{opacity:.2}.btn-icon.favorited{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%);color:#fff;border-color:var(--accent-secondary);box-shadow:0 6px 20px #ff6b6b4d}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:428px;background:var(--bg-glass);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:12px 0;z-index:1000;box-shadow:0 -10px 30px #0000004d}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);text-decoration:none;font-size:10px;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:50px;padding:8px;border-radius:12px;position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);opacity:0;border-radius:12px;transition:opacity .3s ease;z-index:-1}.nav-item.active{color:var(--accent);transform:translateY(-5px) scale(1.1)}.nav-item.active:before{opacity:.2}.nav-item:hover{color:var(--accent);transform:translateY(-3px) scale(1.05)}.nav-item:hover:before{opacity:.1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-surface);border-radius:24px;max-width:380px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-float);border:1px solid var(--border);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:slideUp .5s cubic-bezier(.4,0,.2,1);position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:25px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-gradient);border-radius:24px 24px 0 0}.modal-title{font-size:20px;font-weight:900;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.modal-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-close:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:scale(1.1) rotate(90deg)}.modal-body{padding:25px}.cart-item{display:flex;gap:15px;padding:20px;border-bottom:1px solid var(--border);background:var(--bg-card);border-radius:20px;margin-bottom:15px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s ease;box-shadow:var(--shadow-card)}.cart-item:hover{transform:translate(-8px) scale(1.02);box-shadow:var(--shadow-float)}.cart-item-image{width:70px;height:90px;object-fit:cover;border-radius:12px;background:var(--bg-gradient);box-shadow:0 8px 20px #0000004d}.cart-item-info{flex:1}.cart-item-title{font-size:15px;font-weight:800;margin-bottom:6px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-author{font-size:12px;color:var(--text-secondary);margin-bottom:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-controls{display:flex;align-items:center;justify-content:space-between}.quantity-controls{display:flex;align-items:center;gap:12px;background:var(--bg-surface);border-radius:16px;padding:8px 12px;border:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.quantity-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary);transition:all .3s ease;font-weight:800}.quantity-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent);transform:scale(1.15)}.quantity{font-weight:800;min-width:20px;text-align:center;font-size:14px;color:var(--accent)}.cart-item-price{font-size:16px;font-weight:900;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-summary{padding:25px;background:var(--bg-gradient);border-radius:24px;margin:20px;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);box-shadow:var(--shadow-float)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;font-size:22px;font-weight:900;padding:20px;background:#ffffff1a;border-radius:16px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3)}.checkout-btn{width:100%;padding:18px;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);color:#fff;border:none;border-radius:16px;font-size:16px;font-weight:900;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #00d4ff66;letter-spacing:.5px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.checkout-btn:hover{transform:translateY(-3px) scale(1.02);box-shadow:var(--shadow-glow),0 15px 35px #00d4ff80}.checkout-btn:active{transform:translateY(-1px) scale(1.01)}.toast{position:fixed;top:100px;left:50%;transform:translate(-50%);background:var(--bg-surface);color:var(--text-primary);padding:16px 25px;border-radius:16px;font-weight:800;z-index:3000;box-shadow:var(--shadow-float);border:1px solid var(--border);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);animation:toastSlide .5s cubic-bezier(.4,0,.2,1);min-width:200px;text-align:center}.toast.success{background:linear-gradient(135deg,var(--accent-tertiary) 0%,var(--accent) 100%);color:#fff;box-shadow:0 12px 30px #4ecdc466}.toast.error{background:linear-gradient(135deg,var(--accent-secondary) 0%,#ff4757 100%);color:#fff;box-shadow:0 12px 30px #ff6b6b66}@keyframes toastSlide{0%{transform:translate(-50%) translateY(-100%) scale(.8);opacity:0}to{transform:translate(-50%) translateY(0) scale(1);opacity:1}}.loading{display:flex;justify-content:center;align-items:center;padding:60px}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top:3px solid var(--accent);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--shadow-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 25px;color:var(--text-secondary)}.empty-state-icon{font-size:60px;margin-bottom:20px;opacity:.7;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-size:20px;font-weight:900;margin-bottom:12px;color:var(--text-primary)}.empty-state-description{font-size:14px;margin-bottom:25px;line-height:1.6;font-weight:600}.book-reader{background:var(--bg-surface);border-radius:0;width:100%;height:100vh;max-width:none;max-height:none;overflow:hidden;display:flex;flex-direction:column;box-shadow:none;border:none}.reader-header{background:var(--bg-gradient);padding:20px;display:flex;align-items:center;justify-content:space-between;color:#fff;flex-shrink:0}.reader-title h3{font-size:18px;font-weight:800;margin-bottom:4px}.reader-title p{font-size:14px;opacity:.9;margin:0}.reader-close{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s ease}.reader-close:hover{background:var(--accent-secondary);transform:scale(1.1)}.reader-content{flex:1;overflow:hidden;background:var(--bg-primary);position:relative;display:flex;align-items:center;justify-content:center;padding:20px}.book-page{width:100%;max-width:600px;height:100%;background:#fefcf8;border-radius:16px;box-shadow:var(--shadow-float);border:1px solid #e0ddd5;display:flex;flex-direction:column;overflow-y:auto}.page-content{flex:1;padding:40px 30px;position:relative}.page-text{color:#2d2a24;line-height:1.8;font-size:16px;font-family:Almarai,serif;text-align:justify}.page-text h2.chapter-title{font-size:24px;font-weight:900;margin-bottom:30px;color:var(--accent);text-align:center;border-bottom:3px solid var(--accent);padding-bottom:15px}.page-text p{margin-bottom:20px;text-indent:25px;font-size:16px;line-height:1.9}.page-number{padding:15px 30px;text-align:center;font-size:14px;color:#8b8680;font-weight:600;border-top:1px solid #e0ddd5;background:#f8f6f0}.reader-controls{background:var(--bg-surface);padding:20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);flex-shrink:0}.page-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.page-btn:hover:not(:disabled){background:var(--accent);color:#fff;transform:scale(1.05)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{text-align:center;flex:1;margin:0 20px}.page-info span{font-size:14px;font-weight:700;color:var(--text-primary);display:block;margin-bottom:8px}.page-progress{width:100%;height:6px;background:var(--bg-card);border-radius:3px;overflow:hidden}.page-progress-fill{height:100%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:3px;transition:width .5s ease}.quick-navigation{background:var(--bg-card);padding:15px 20px;display:flex;gap:10px;justify-content:center;border-top:1px solid var(--border);flex-shrink:0}.quick-navigation button{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.quick-navigation button:hover{background:var(--accent);color:#fff;border-color:var(--accent)}@media (max-width: 768px){.reader-content{padding:20px}.page-content{padding:25px 20px}.page-text{font-size:14px}.page-text h2.chapter-title{font-size:20px}.reader-controls{padding:15px}.page-btn{padding:10px 16px;font-size:12px;min-width:80px}.quick-navigation{padding:10px 15px}.quick-navigation button{padding:6px 12px;font-size:11px}}.user-profile{background:var(--bg-gradient);margin:20px;border-radius:24px;padding:25px;text-align:center;color:#fff;box-shadow:var(--shadow-float)}.user-avatar{width:80px;height:80px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;font-size:32px;border:3px solid rgba(255,255,255,.3)}.user-name{font-size:22px;font-weight:900;margin-bottom:8px}.user-email{font-size:14px;opacity:.8;margin-bottom:20px}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.stat-item{background:#ffffff1a;padding:15px;border-radius:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.stat-number{font-size:20px;font-weight:900;margin-bottom:5px}.stat-label{font-size:12px;opacity:.8}.checkout-form{padding:25px}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:700;color:var(--text-primary);font-size:14px}.form-input{width:100%;padding:15px;border:2px solid var(--border);border-radius:16px;background:var(--bg-glass);color:var(--text-primary);font-size:14px;font-weight:600;transition:all .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--shadow-glow)}.form-input::placeholder{color:var(--text-muted)}.reading-progress{background:var(--bg-card);border-radius:20px;padding:20px;margin:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-card)}.progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.progress-title{font-size:16px;font-weight:800;color:var(--text-primary)}.progress-percentage{font-size:14px;font-weight:700;color:var(--accent)}.progress-bar{width:100%;height:8px;background:var(--bg-surface);border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:4px;transition:width .5s ease}.progress-info{font-size:12px;color:var(--text-secondary);text-align:center}@media (max-width: 375px){.header{padding:12px 15px}.search-container{margin:75px 15px 18px}.hero-section{margin:15px;padding:25px 20px}.filter-row{margin:0 15px 20px}.books-grid{padding:0 15px;gap:12px}.book-card{padding:12px}.book-image{height:100px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1)}@keyframes addToCartPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.add-to-cart-animation{animation:addToCartPulse .6s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-secondary) 100%);border-radius:3px;box-shadow:0 2px 8px #00d4ff4d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--accent-secondary) 0%,var(--accent) 100%)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus,input:focus,select:focus,.nav-item:focus{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@media (prefers-contrast: high){:root{--border: #ffffff;--shadow-card: 0 4px 8px rgba(255, 255, 255, .3);--shadow-float: 0 8px 16px rgba(255, 255, 255, .4);--shadow-glow: 0 0 20px rgba(255, 255, 255, .5)}}