.star-icon{display:inline-block;font-size:1.5rem;color:#ccc;cursor:pointer;padding:.3rem;border-radius:50%;backdrop-filter:blur(5px);transition:all .3s ease;user-select:none;line-height:1}.star-icon:hover{transform:scale(1.2)}.star-icon:focus{outline:2px solid #ff6b00;outline-offset:2px}.star-icon.favorite{color:#ff6b00;text-shadow:0 0 10px rgb(255 107 0 / 80%)}.star-icon.favorite:hover{color:#fa0}.filter-button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:rgb(45 45 45 / 90%);color:#ccc;border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgb(0 0 0 / 30%)}.filter-button:hover{background:rgb(60 60 60 / 90%);border-color:#ff6b00;transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 107 0 / 30%)}.filter-button:focus{outline:2px solid #ff6b00;outline-offset:2px}.filter-button.active{background:rgb(255 107 0 / 90%);color:#fff;border-color:#ff6b00;box-shadow:0 4px 15px rgb(255 107 0 / 50%)}.filter-button.active:hover{background:rgb(255 130 30 / 90%);box-shadow:0 6px 20px rgb(255 107 0 / 60%)}.filter-icon{font-size:1.3rem;line-height:1}.filter-text{display:none;margin-left:.5rem;font-size:.9rem;font-weight:600}.filter-container{position:relative;margin-right:0;z-index:9999}.bands-filter-toggle{display:flex;align-items:center;justify-content:center;position:relative;width:44px;height:44px;padding:0;background:rgb(45 45 45 / 90%);color:#ccc;border:2px solid transparent;border-radius:50%;cursor:pointer;font-size:1.2rem;font-weight:700;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgb(0 0 0 / 30%)}.bands-filter-toggle:hover{background:rgb(60 60 60 / 90%);border-color:#ff6b00;transform:translateY(-2px);box-shadow:0 6px 20px rgb(255 107 0 / 30%)}.bands-filter-toggle:focus{outline:2px solid #ff6b00;outline-offset:2px}.bands-filter-icon{font-size:1.3rem;line-height:1}.bands-filter-text{display:none;margin-left:.5rem;font-size:.9rem;font-weight:600}.bands-filter-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#ff6b00;color:#fff;border-radius:9px;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.bands-filter-count:empty{display:none}.bands-filter-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:100%;width:280px;background:rgb(25 25 25 / 95%);border:2px solid #ff6b00;border-radius:15px;backdrop-filter:blur(15px);box-shadow:0 8px 32px rgb(0 0 0 / 50%);z-index:10000;max-height:400px;overflow-y:auto}.bands-filter-clear-all{display:block;width:100%;padding:.7rem;background:rgb(239 68 68 / 80%);color:#fff;border:none;border-bottom:1px solid #555;cursor:pointer;font-weight:700;transition:background .3s ease}.bands-filter-clear-all:hover{background:rgb(239 68 68 / 100%)}.bands-filter-search{width:100%;padding:.7rem;background:rgb(45 45 45 / 90%);color:#fff;border:none;border-bottom:1px solid #555;font-size:.9rem}.bands-filter-search::placeholder{color:#ccc}.bands-filter-search:focus{outline:0;background:rgb(60 60 60 / 90%)}.bands-filter-list{max-height:250px;overflow-y:auto;padding:.5rem 0}.bands-filter-item{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;cursor:pointer;transition:background .3s ease}.bands-filter-item:hover{background:rgb(255 107 0 / 10%)}.bands-filter-item input[type=checkbox]{accent-color:#ff6b00;transform:scale(1.1);flex-shrink:0;margin-right:.2rem}.bands-filter-item span{color:#fff;font-size:.9rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:0}.bands-filter-item.selected{background:rgb(255 107 0 / 20%);border-left:3px solid #ff6b00;font-weight:700}.bands-filter-selected-section{border-bottom:1px solid #555;background:rgb(255 107 0 / 5%)}.bands-filter-selected-section .bands-filter-section-header{padding:.4rem .8rem;color:#ff6b00;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;background:rgb(255 107 0 / 10%)}.search-filter-container{order:-1}.search-filter-wrapper{position:relative;display:flex;align-items:center;width:200px;height:44px;background:rgb(45 45 45 / 90%);border:2px solid transparent;border-radius:22px;transition:all .3s ease;backdrop-filter:blur(10px);box-shadow:0 4px 15px rgb(0 0 0 / 30%)}.search-filter-wrapper:focus-within{border-color:#ff6b00;box-shadow:0 4px 15px rgb(255 107 0 / 30%)}.search-filter-icon{position:absolute;left:12px;font-size:1.1rem;color:#999;pointer-events:none}.search-filter-input{flex:1;width:100%;height:100%;padding:0 32px 0 36px;background:0 0;color:#fff;border:none;font-size:.9rem;outline:0}.search-filter-input::placeholder{color:#666}.search-filter-clear{position:absolute;right:8px;width:24px;height:24px;background:rgb(239 68 68 / 80%);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:.8rem;font-weight:700;display:none;align-items:center;justify-content:center;transition:all .3s ease;padding:0;line-height:1}.search-filter-clear:hover{background:rgb(239 68 68 / 100%);transform:scale(1.1)}.search-filter-clear:focus{outline:2px solid #ff6b00;outline-offset:2px}.notification{position:fixed;top:20px;right:20px;padding:1rem 1.5rem;border-radius:10px;font-weight:700;z-index:1000;opacity:1;transition:opacity .3s ease;backdrop-filter:blur(10px);border:2px solid;box-shadow:0 4px 15px rgb(0 0 0 / 30%)}.notification-success{background:rgb(34 197 94 / 90%);color:#fff;border-color:#22c55e}.notification-info{background:rgb(59 130 246 / 90%);color:#fff;border-color:#3b82f6}.notification-error{background:rgb(239 68 68 / 90%);color:#fff;border-color:#ef4444}