.musicfilter-img-wrapper{display:inline-block;position:relative}.musicfilter-img-wrapper:hover .musicfilter-play-icon{opacity:1}.music-container{background:#f9fbfd;min-height:100vh;padding:0 30px 30px}.music-header{z-index:10;background:#f9fbfd;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:25px 0 10px 10px;display:flex;position:sticky;top:0}.browse-music-title{text-transform:uppercase;color:#28577c;font-size:14px;font-weight:600}.filter-btn{white-space:nowrap;color:#2e3035;cursor:pointer;background:#fff;border:1px solid #b2d2f9;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.filters-grid{z-index:10;background:#f9fbfd;grid-template-columns:repeat(4,1fr);gap:15px;width:100%;margin-bottom:10px;padding-bottom:10px;display:grid;position:sticky;top:75px}.music-dropdown{position:relative}.music-dropdown-btn{cursor:pointer;color:#28577c;background:#e1e2e6;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;font-size:14px;font-weight:500;display:flex;text-align:left!important}.music-dropdown-menu{z-index:1000;background:#fff;border:1px solid #eee;border-radius:8px;width:100%;max-height:294px;position:absolute;top:110%;left:0;overflow-y:auto;box-shadow:0 14px 17.9px #0000004f}.music-dropdown-menu::-webkit-scrollbar{width:4px}.music-dropdown-menu::-webkit-scrollbar-thumb{background-color:#cccece;border-radius:2px}.music-dropdown-item{cursor:pointer;border-bottom:1px solid #eee;align-items:center;gap:10px;min-height:42px;padding:10px 16px;font-size:14px;display:flex}.music-dropdown-item:last-child{border-bottom:none}.music-dropdown-checkbox{cursor:pointer;accent-color:#28577c;width:16px;height:16px}.music-dropdown-footer{color:#00a152;cursor:pointer;border-top:1px solid #eee;padding:10px 16px;font-size:14px;font-weight:500}.applied-filters{margin-bottom:20px}.applied-title{color:#28577c;margin-bottom:6px;font-size:12px;font-weight:600}.tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#2e3035;background:#e1e2e6;border:1px solid #e1e2e6;border-radius:20px;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.tag button{color:#28577c;cursor:pointer;background:0 0;border:none;font-size:12px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:14px;flex-direction:column;min-width:340px;max-width:420px;max-height:80vh;padding:10px 0;display:flex;box-shadow:0 2px 24px #0000002e}.modal-header{justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-title{font-size:20px;font-weight:600}.modal-close-btn{cursor:pointer;background:0 0;border:none;font-size:26px;line-height:1}.modal-body{flex:1;min-height:120px;max-height:56vh;padding-right:4px;overflow-y:auto}.dropdown-search-container{z-index:10;background-color:#fff;border-bottom:1px solid #eee;padding:12px 16px;position:sticky;top:0}.dropdown-search-wrapper{position:relative}.dropdown-search-input{border:1px solid #ddd;outline:none;width:100%;font-size:14px;border-radius:20px!important;padding:8px 32px!important}.dropdown-search-icon{position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dropdown-clear-icon{cursor:pointer;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.slide-overlay{z-index:999;background-color:#00000080;animation:.3s ease-out fadeIn;position:fixed;inset:0}.slide-panel{z-index:1000;scrollbar-width:none;background-color:#fff;width:calc(100% - 280px);animation:.3s ease-out slideInRight;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-4px 0 24px #00000026}.slide-close-btn{cursor:pointer;z-index:10;background-color:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.slide-close-btn:hover{background-color:#e5e7eb;transform:scale(1.1)}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;min-height:90vh;display:flex}.loading-spinner{border:3px solid #f3f3f3;border-top-color:#28577c;border-radius:50%;width:42px;height:42px;animation:1s linear infinite spin}.loading-text{color:#555;font-size:16px;font-weight:500}.sort-dropdown{position:relative}.sort-dropdown-menu{z-index:1000;background:#fff;border:1px solid #eee;border-radius:12px;min-width:160px;position:absolute;top:110%;right:0;overflow:hidden;box-shadow:0 14px 17.9px #0000004f}.sort-dropdown-item{cursor:pointer;background:var(--bg-color,#fff);font-size:14px;font-weight:var(--font-weight,400);justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.sort-dropdown-item:hover{background-color:var(--hover-bg,#f9f9f9)}.feast-dropdown-menu{z-index:1001;background-color:#fff;border-radius:8px;min-width:500px;max-height:60vh;margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 2px 24px #0000002e}.feast-search-container{z-index:10;background-color:#fff;border-bottom:1px solid #eee;justify-content:center;padding:12px 16px;display:flex;position:sticky;top:0}.feast-search-wrapper{width:60%;max-width:320px;position:relative}.feast-grid{grid-template-columns:1fr 1fr;gap:0;display:grid}.feast-item{cursor:pointer;background-color:var(--bg-color,#fff);border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;align-items:center;gap:8px;padding:10px 16px;font-size:14px;transition:background-color .2s;display:flex}.feast-item:hover{background-color:var(--hover-bg,#f9f9f9)}.feast-item-selected{--bg-color:#f0f7ff;--hover-bg:#f0f7ff}.feast-arrow-item{cursor:pointer;background-color:#fff;border-bottom:1px solid #f2f2f2;border-right:1px solid #f2f2f2;padding:12px 16px;transition:background-color .2s}.feast-arrow-item:hover{background-color:#f9f9f9}.feast-arrow-inner{justify-content:space-between;align-items:center;display:flex}.feast-arrow-text{font-size:14px;font-weight:500}.feast-arrow-icon{color:#999}.modal-items{flex-direction:column;gap:0;display:flex}.modal-item{cursor:pointer;border-bottom:var(--border,1px solid #f2f2f2);align-items:center;gap:10px;padding:10px 20px;font-size:16px;display:flex}.modal-item:last-child{--border:none}.modal-checkbox{accent-color:#28577c;width:18px;height:18px;margin-right:8px}.applied-filters-updated{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.applied-title-updated{margin-right:8px;font-size:13px;font-weight:600}.tags-updated{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tag-updated{color:#333;background:#f0f1f2;border-radius:20px;margin-right:4px;padding:9px 10px;font-size:13px;font-weight:500}.tag-updated button{cursor:pointer;color:#888;background:0 0;border:none;margin-left:6px;font-size:14px}.clear-btn{cursor:pointer;color:#16a34a;background:0 0;border:none;font-size:14px;font-weight:500}.share-btn{color:#fff;cursor:pointer;background-color:#1e4f8c;border:none;border-radius:999px;padding:10px 22px;font-size:14px}.no-results{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:20px;display:flex}.no-results-title{color:#1a1c1f;margin-top:12px;font-size:16px;font-weight:500}.no-results-subtitle{color:#6b7280;margin-top:8px;font-size:14px}.observer-target{justify-content:center;align-items:center;height:50px;margin-top:40px;display:flex}.loading-more-container{flex-direction:column;align-items:center;gap:12px;display:flex}.loading-more-spinner{border:3px solid #f3f3f3;border-top-color:#28577c;border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}.loading-more-text{color:#666;font-size:14px;font-weight:500}.music-list{flex-direction:column;gap:10px;width:100%;display:flex}.music-item{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.musicfilter-info{flex:1;align-items:center;gap:14px;min-width:200px;display:flex}.musicfilter-img{object-fit:cover;border-radius:8px;width:50px;height:50px;display:block}.musicfilter-info{position:relative}.musicfilter-play-icon{opacity:0;pointer-events:none;z-index:2;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.musicfilter-info:hover .musicfilter-play-icon{opacity:1}.music-text h4{color:#1a1c1f;margin:0;font-size:14px;font-weight:600}.music-text p{color:#717680;margin:2px 0 0;font-size:12px;font-weight:500}.lyrics-btn{color:#28577c;cursor:pointer;background:#f0f4f9;border:1px solid #e8f0fc;border-radius:50px;padding:10px 14px;font-size:13px;font-weight:500}.lyrics-grid-section{margin-top:20px}.back-btn{cursor:pointer;background:#f2f2f2;border:none;border-radius:6px;margin-bottom:15px;padding:8px 14px;font-size:14px}.lyrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.lyrics-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e2e6;border-radius:12px;padding:12px}.lyrics-img{object-fit:cover;border-radius:6px;width:100%;min-height:370px;max-height:370px;margin-bottom:12px}.lyrics-title{color:#1a1c1f;cursor:pointer;margin-bottom:6px;font-size:15px;font-weight:600}.lyrics-artist{color:#28577c;margin-bottom:4px;font-size:13px;font-weight:500}.lyrics-artist:hover{text-decoration:underline}.lyrics-price{color:#a18c5c;font-size:13px;font-weight:600}@media (max-width:1024px){.filters-grid{grid-template-columns:1fr 1fr;width:100%}.music-header{top:-1px}.lyrics-grid{grid-template-columns:repeat(3,1fr)}.music-item{flex-direction:row;align-items:flex-start}.music-dropdown-menu{width:100%}}@media (max-width:768px){.filters-grid{grid-template-columns:1fr 1fr;width:100%}.slide-panel{width:100%}.lyrics-grid{grid-template-columns:repeat(2,1fr)}.music-item{align-items:flex-start}.lyrics-btn{align-self:flex-start}.music-dropdown-menu{width:100%}}@media (max-width:480px){.filters-grid{grid-template-columns:1fr;width:100%}.lyrics-grid{grid-template-columns:1fr}.musicfilter-info{align-items:flex-start;gap:8px}.music-item{align-items:flex-start}.lyrics-btn{text-align:center}}.music-dropdown-menu-popup{z-index:1001;background-color:#fff;border-radius:8px;min-width:500px;max-height:60vh;margin-top:4px;position:absolute;top:100%;right:0;overflow-y:auto;box-shadow:0 2px 24px #0000002e}@media (max-width:768px){.music-dropdown-menu-popup{min-width:auto}}@media (max-width:400px){.music-container{padding:20px 8px}}