:root{--lib-ink:#15213b;--lib-muted:#68758a;--lib-green:#16805f;--lib-purple:#6f42c1;--lib-amber:#ed9b24;--lib-line:#e2e8f2}.library-page{background:#f5f8fb;color:var(--lib-ink);font-family:'DM Sans',system-ui,sans-serif}.library-main{padding-bottom:110px}.library-hero{position:relative;overflow:hidden;padding:70px 16px 60px;background:linear-gradient(125deg,#153e43,#176b5d 48%,#4d318d);color:#fff}.library-hero:before,.library-hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.22}.library-hero:before{width:360px;height:360px;background:#73ffd4;right:-90px;top:-180px;animation:libFloat 9s ease-in-out infinite}.library-hero:after{width:250px;height:250px;background:#d9c2ff;left:-80px;bottom:-150px;animation:libFloat 7s ease-in-out infinite reverse}.hero-inner{position:relative;z-index:1;width:min(1160px,100%);margin:auto;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px}.hero-kicker{display:inline-flex;gap:8px;align-items:center;background:#ffffff1c;border:1px solid #ffffff3b;border-radius:999px;padding:9px 13px;font-weight:800;font-size:.82rem}.library-hero h1{font:800 clamp(2.5rem,6vw,5.3rem)/.94 'Manrope',sans-serif;letter-spacing:-.055em;margin:18px 0}.library-hero p{max-width:680px;color:#e4fff6;font-size:1.08rem;line-height:1.65}.hero-books{height:250px;position:relative}.hero-book{position:absolute;width:150px;height:210px;border-radius:10px 20px 20px 10px;box-shadow:0 24px 45px #071b243d;border-left:8px solid #ffffff45;display:grid;place-items:center;padding:20px;text-align:center;font:800 1rem 'Manrope',sans-serif;animation:bookHover 5s ease-in-out infinite}.hero-book:nth-child(1){left:5%;top:25px;background:linear-gradient(145deg,#ffb544,#dd5b4f);transform:rotate(-9deg)}.hero-book:nth-child(2){left:34%;top:0;background:linear-gradient(145deg,#7c5ce1,#3b53ad);z-index:2;animation-delay:-1.2s}.hero-book:nth-child(3){right:4%;top:30px;background:linear-gradient(145deg,#36b890,#177063);transform:rotate(9deg);animation-delay:-2.5s}.library-controls{width:min(1160px,calc(100% - 32px));margin:-28px auto 30px;position:relative;z-index:3;background:#fff;border:1px solid var(--lib-line);border-radius:22px;padding:18px;box-shadow:0 16px 50px #1a30451c}.search-row{display:grid;grid-template-columns:1fr 220px;gap:12px}.search-box{position:relative}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#7a8799}.search-box input,.filter-select{width:100%;border:1px solid #d6deea;border-radius:13px;padding:13px 14px;font:inherit;background:#fbfcfe}.search-box input{padding-left:42px}.filter-pills{display:flex;gap:8px;overflow:auto;padding:14px 0 0;scrollbar-width:none}.filter-pills button{white-space:nowrap;border:0;border-radius:999px;padding:9px 14px;background:#eff3f7;color:#4c586c;font-weight:800;cursor:pointer}.filter-pills button.active{background:var(--lib-green);color:#fff}.library-section{width:min(1160px,calc(100% - 32px));margin:34px auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px}.section-head h2{font:800 clamp(1.5rem,3vw,2.2rem) 'Manrope',sans-serif;margin:0}.section-head p{color:var(--lib-muted);margin:4px 0 0}.featured-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,31%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 18px;scrollbar-color:#b8c3d3 transparent}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.book-card{position:relative;background:#fff;border:1px solid var(--lib-line);border-radius:20px;overflow:hidden;box-shadow:0 12px 35px #1d2b4210;transition:transform .25s,box-shadow .25s;scroll-snap-align:start;display:flex;flex-direction:column}.book-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #1d2b4221}.book-cover{aspect-ratio:4/5;position:relative;overflow:hidden;background:linear-gradient(145deg,#224b5b,#6f42c1);display:grid;place-items:center;color:#fff;text-align:center;padding:24px}.book-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.book-cover.placeholder:before{content:"";position:absolute;width:150px;height:150px;border:28px solid #ffffff12;border-radius:50%;right:-45px;top:-45px}.cover-title{position:relative;font:800 1.12rem/1.22 'Manrope',sans-serif;text-shadow:0 3px 12px #0005}.cover-grade{position:absolute;left:12px;top:12px;background:#fff;color:#1e3650;border-radius:999px;padding:6px 9px;font-weight:900;font-size:.72rem;z-index:2}.book-body{padding:16px;display:flex;flex-direction:column;flex:1}.book-meta{font-size:.75rem;font-weight:900;color:var(--lib-green);text-transform:uppercase;letter-spacing:.05em}.book-body h3{font:800 1.05rem/1.3 'Manrope',sans-serif;margin:7px 0}.book-body p{color:var(--lib-muted);font-size:.87rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.book-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px}.read-btn{display:inline-flex;align-items:center;gap:7px;border-radius:11px;padding:10px 13px;background:var(--lib-purple);color:#fff;font-weight:800;text-decoration:none}.read-btn:hover{color:#fff;text-decoration:none}.book-views{font-size:.78rem;color:#8792a2}.library-empty{grid-column:1/-1;padding:50px 20px;text-align:center;background:#fff;border:1px dashed #c6d0df;border-radius:22px;color:var(--lib-muted)}.loading-card{height:430px;border-radius:20px;background:linear-gradient(90deg,#edf1f5,#fafbfc,#edf1f5);background-size:200%;animation:shimmer 1.5s infinite}@keyframes bookHover{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes libFloat{50%{transform:translate(-25px,25px) scale(1.08)}}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:980px){.book-grid{grid-template-columns:repeat(3,1fr)}.hero-inner{grid-template-columns:1fr}.hero-books{display:none}.library-hero{padding-top:45px}.featured-track{grid-auto-columns:42%}}@media(max-width:680px){.search-row{grid-template-columns:1fr}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.featured-track{grid-auto-columns:75%}.book-body{padding:13px}.book-cover{padding:14px}.library-hero h1{font-size:2.65rem}.library-controls{padding:14px}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:390px){.book-grid{grid-template-columns:1fr}.book-cover{aspect-ratio:5/4}}