.brand-group,.brand-logo,.hero,.nav-center,.nav-right,.search-bar,header{display:flex}:root{--black:#000000;--emerald:#10b981;--emerald-dark:#064e3b;--emerald-glow:rgba(16, 185, 129, 0.25);--glass:rgba(255, 255, 255, 0.04);--glass-border:rgba(255, 255, 255, 0.08);--text-primary:#ffffff;--text-secondary:#94a3b8;--transition:all 0.4s cubic-bezier(0.16, 1, 0.3, 1)}.book-card,.filter-btn,.icon-btn,.profile-link{transition:var(--transition)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--black);color:var(--text-primary);font-family:'Plus Jakarta Sans',sans-serif;min-height:100vh;overflow-x:hidden}.blob{position:fixed;width:500px;height:500px;background:var(--emerald-glow);filter:blur(120px);border-radius:50%;z-index:-1;pointer-events:none}.hero-glass,.icon-btn{background:var(--glass);border:1px solid var(--glass-border)}.blob-1{top:-200px;right:-100px}.blob-2{bottom:-200px;left:-100px}header{position:sticky;top:0;z-index:1000;background:rgba(0,0,0,.85);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:.8rem 1.5rem;justify-content:space-between;align-items:center}.nav-left,.nav-right{flex:1}.nav-center{flex:2;justify-content:center}.nav-right{justify-content:flex-end}.brand-group{flex-direction:column;align-items:center;text-align:center}.brand-logo{align-items:center;gap:6px}.brand-text{font-weight:800;font-size:1.4rem;color:var(--emerald);letter-spacing:-.5px}.brand-svg{height:32px;filter:drop-shadow(0 0 10px var(--emerald))}.slogan{font-size:.6rem;letter-spacing:2.5px;text-transform:uppercase;color:var(--text-secondary);font-weight:700;margin-top:2px}.icon-btn,.profile-link,.search-bar i,.text-emerald{color:var(--emerald)}.icon-btn{width:44px;height:44px;border-radius:12px;cursor:pointer}.icon-btn:hover{background:var(--emerald);color:var(--black)}.profile-link{font-size:1.8rem}.profile-link:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px var(--emerald))}.hero{padding:2rem 1rem;justify-content:center}.hero-glass{backdrop-filter:blur(10px);padding:2rem;border-radius:24px;text-align:center;max-width:800px;width:100%}.filter-btn,.search-bar{border:1px solid var(--glass-border);background:var(--glass)}.hero h1{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.filter-btn,.hero p{color:var(--text-secondary)}.hero p{font-size:1rem}.controls{max-width:800px;margin:0 auto 2rem;padding:0 1rem}.search-bar{border-radius:16px;padding:1rem 1.5rem;align-items:center;gap:12px;margin-bottom:1.5rem}.search-bar input{background:0 0;border:none;color:#fff;width:100%;outline:0;font-size:1rem}.filter-wrapper{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px}.book-card h3,.img-container{overflow:hidden;margin-bottom:1rem}.filter-btn{padding:.6rem 1.2rem;border-radius:50px;cursor:pointer;white-space:nowrap;font-weight:600}.card-btn,.lang-badge{color:var(--black);font-weight:800}.filter-btn.active,.filter-btn:hover{background:var(--emerald);color:var(--black);border-color:var(--emerald)}main{max-width:1300px;margin:0 auto;padding:0 1rem 4rem}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.book-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:20px;padding:.8rem}.card-btn,.drawer-links a:hover,.lang-badge{background:var(--emerald)}.book-card:hover{transform:translateY(-8px);border-color:var(--emerald);box-shadow:0 10px 30px var(--emerald-glow)}.img-container{position:relative;border-radius:14px;aspect-ratio:3/4}.img-container img{width:100%;height:100%;object-fit:cover}.lang-badge{position:absolute;top:10px;right:10px;font-size:.6rem;padding:4px 8px;border-radius:6px}.bottom-sheet,.sheet-overlay{position:fixed;transition:var(--transition)}.book-card h3{font-size:.9rem;height:2.8em}.card-btn{border:none;width:100%;padding:.8rem;border-radius:12px;cursor:pointer;transition:var(--transition)}.card-btn:hover{filter:brightness(1.2)}.sheet-overlay{inset:0;background:rgba(0,0,0,.85);z-index:2000;opacity:0;visibility:hidden}.sheet-overlay.active{opacity:1;visibility:visible}.bottom-sheet{bottom:0;left:0;right:0;background:#080808;border-top:1px solid var(--emerald);border-radius:32px 32px 0 0;height:80vh;transform:translateY(100%);padding:1.5rem;display:flex;flex-direction:column}.sheet-overlay.active .bottom-sheet{transform:translateY(0)}.sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.drag-handle{width:40px;height:4px;background:var(--glass-border);border-radius:10px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.chapters-body{overflow-y:auto;flex:1}.chap-card{background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;padding:1rem;display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.drawer-content{position:fixed;top:0;left:0;height:100%;width:280px;background:#050505;border-right:1px solid var(--glass-border);padding:1.5rem;transform:translateX(-100%);transition:var(--transition)}.drawer-overlay.active .drawer-content{transform:translateX(0)}.drawer-links a{display:flex;align-items:center;gap:15px;color:#fff;text-decoration:none;padding:1rem;border-radius:12px;margin-bottom:.5rem;font-weight:600}.drawer-links a:hover{color:#000}@media (max-width:600px){.nav-center .brand-text{font-size:1.1rem}.brand-svg{height:24px}.hero h1{font-size:1.6rem}.books-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}