#library-hero .hero-content{min-height:200px}.library-content-section{padding:40px 0}.library-message{font-size:18px;color:var(--text-grey);text-align:center;padding:80px 20px;grid-column:1 / -1}body.light-mode .library-message{color:var(--light-text)}.genre-filter-container{position:relative;width:260px;margin:0 auto 40px 0}.genre-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border:1px solid var(--text-grey);border-radius:8px;font-size:16px;cursor:pointer}.genre-header i{transition:transform .3s ease}.genre-filter-container.is-open .genre-header i{transform:rotate(180deg)}.genre-list{display:none;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-black);margin-top:4px;border:1px solid var(--header-border);border-radius:8px;overflow:hidden;z-index:5;max-height:300px;overflow-y:auto}.genre-list:not(.is-hidden){display:block}.genre-item{padding:12px 20px;font-size:14px;color:var(--text-grey);cursor:pointer;transition:background-color .2s,color .2s}.genre-item:not(:last-child){border-bottom:1px solid var(--header-border)}.genre-item:hover,.genre-item.active{background-color:var(--primary-orange);color:var(--primary-black)}.genre-item.active{font-weight:700}body.light-mode .genre-header,body.light-mode .genre-list{border-color:var(--light-border);background-color:var(--light-header-bg)}body.light-mode .genre-item{border-bottom-color:var(--light-border);color:var(--text-grey)}body.light-mode .genre-item:hover,body.light-mode .genre-item.active{background-color:var(--primary-orange);color:var(--primary-black)}.load-more-container{padding:20px 0 40px;text-align:center}.load-more-container.is-hidden{display:none}.load-more-btn{padding:12px 32px;font-size:14px}