@media(max-width:768px){.mix-builder-right{width:100%!important;max-width:100vw!important;padding:0 16px!important;margin:0!important;box-sizing:border-box!important;overflow:hidden!important}#available-songs-title{font-size:1.25rem!important;margin:16px 0 12px!important;text-align:center!important;color:#ffd167!important;font-weight:600!important}.song-filters{width:100%!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:12px!important}.search-and-clear{display:flex!important;width:100%!important;gap:8px!important;margin-bottom:8px!important;align-items:stretch!important}#mix-search-input{flex:1!important;height:48px!important;padding:0 16px!important;font-size:16px!important;border:2px solid rgba(255,209,103,.3)!important;border-radius:12px!important;background:#073a4bf2!important;color:#f6f2f2!important;backdrop-filter:blur(10px)!important;transition:all .2s ease!important;box-sizing:border-box!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important}#mix-search-input:focus{border-color:#ffd167!important;box-shadow:0 0 0 4px #ffd16726!important;outline:none!important;transform:scale(1.01)!important}#mix-search-input::placeholder{color:#f6f2f280!important;font-size:15px!important}#mix-clear-btn{width:48px!important;height:48px!important;padding:0!important;border:2px solid rgba(255,209,103,.4)!important;border-radius:12px!important;background:linear-gradient(135deg,#ffd16726,#ffd1670d)!important;color:#ffd167!important;font-size:14px!important;font-weight:500!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important}#mix-clear-btn:active{transform:scale(.95)!important;background:linear-gradient(135deg,#ffd16740,#ffd16726)!important;border-color:#ffd167!important}.filters-collapsible{width:100%!important;margin:0!important}.filters-toggle{width:100%!important;height:48px!important;background:linear-gradient(135deg,#ffd1671a,#06d7a01a)!important;border:2px solid rgba(255,209,103,.3)!important;border-radius:12px!important;color:#ffd167!important;font-size:15px!important;font-weight:500!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;cursor:pointer!important;transition:all .3s ease!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;box-sizing:border-box!important}.filters-toggle:active{transform:scale(.98)!important;background:linear-gradient(135deg,#ffd16733,#06d7a026)!important}.filters-toggle.expanded{background:linear-gradient(135deg,#ffd167,#f6c453)!important;color:#073a4b!important;border-color:#ffd167!important;box-shadow:0 4px 12px #ffd1674d!important}.filters-collapsible-content{overflow:hidden!important;transition:max-height .4s cubic-bezier(.4,0,.2,1)!important;max-height:0!important;padding:0!important}.filters-collapsible-content.open{max-height:300px!important;padding:12px 0 0!important}.filters-row{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}#mix-difficulty-sort,#mix-genre-filter-btn{width:100%!important;height:44px!important;padding:0 16px!important;border:2px solid rgba(255,255,255,.15)!important;border-radius:10px!important;background:#ffffff14!important;color:#f6f2f2!important;font-size:15px!important;cursor:pointer!important;transition:all .2s ease!important;-webkit-appearance:none!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:space-between!important}#mix-difficulty-sort:focus,#mix-difficulty-sort:active,#mix-genre-filter-btn:focus,#mix-genre-filter-btn:active{border-color:#ffd16766!important;background:#ffd1671a!important;transform:scale(.99)!important;outline:none!important}.mix-genre-filter-container,.mix-genre-dropdown{position:relative!important;width:100%!important}.mix-dropdown-content{position:fixed!important;inset:0!important;background:#0009!important;backdrop-filter:blur(8px)!important;z-index:9999!important;display:none!important;align-items:flex-end!important;justify-content:center!important;opacity:0!important;transition:opacity .3s ease!important}.mix-dropdown-content.show{display:flex!important;opacity:1!important}.genre-options{width:100%!important;max-width:100vw!important;max-height:60vh!important;background:linear-gradient(180deg,#073a4b,#054a5f)!important;border-radius:20px 20px 0 0!important;padding:20px!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important}.mix-dropdown-content.show .genre-options{transform:translateY(0)!important}.genre-option{display:inline-block!important;margin:4px!important;padding:10px 16px!important;background:#ffffff1a!important;border:2px solid rgba(255,209,103,.3)!important;border-radius:20px!important;color:#f6f2f2!important;font-size:14px!important;cursor:pointer!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important;touch-action:manipulation!important;min-height:40px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.genre-option:active{transform:scale(.95)!important}.genre-option.selected{background:linear-gradient(135deg,#ffd167,#f6c453)!important;color:#073a4b!important;border-color:#ffd167!important;font-weight:500!important}.genre-modal-close{position:absolute!important;top:10px!important;right:15px!important;width:36px!important;height:36px!important;border:none!important;background:#fff3!important;color:#f6f2f2!important;border-radius:50%!important;font-size:20px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .2s ease!important;-webkit-tap-highlight-color:transparent!important}.genre-modal-close:active{background:#ffffff4d!important;transform:scale(.9)!important}}@media(max-width:375px){.mix-builder-right{padding:0 12px!important}#available-songs-title{font-size:1.1rem!important;margin:12px 0 10px!important}.search-and-clear{gap:6px!important}#mix-search-input,#mix-clear-btn,.filters-toggle{height:44px!important}#mix-difficulty-sort,#mix-genre-filter-btn{height:40px!important;font-size:14px!important}}@media(min-width:376px)and (max-width:390px){.mix-builder-right{padding:0 16px!important}.search-and-clear{gap:10px!important}}@media(min-width:391px)and (max-width:414px){.mix-builder-right{padding:0 20px!important}#available-songs-title{font-size:1.3rem!important}.search-and-clear{gap:12px!important}#mix-search-input,#mix-clear-btn,.filters-toggle{height:50px!important}#mix-difficulty-sort,#mix-genre-filter-btn{height:46px!important}}@media(max-width:360px){.mix-builder-right{padding:0 10px!important}#available-songs-title{font-size:1.05rem!important}.search-and-clear{gap:4px!important}#mix-search-input,#mix-clear-btn,.filters-toggle{height:42px!important}#mix-difficulty-sort,#mix-genre-filter-btn{height:38px!important;font-size:13px!important}.genre-option{padding:8px 12px!important;font-size:13px!important;min-height:36px!important}}@media(prefers-contrast:high){#mix-search-input,#mix-clear-btn,.filters-toggle,#mix-difficulty-sort,#mix-genre-filter-btn,.genre-option{border-width:3px!important}}@media(prefers-reduced-motion:reduce){#mix-search-input,#mix-clear-btn,.filters-toggle,.filters-collapsible-content,.mix-dropdown-content,.genre-options,.genre-option{transition:none!important;transform:none!important}}@media(prefers-color-scheme:dark){#mix-search-input{background:#073a4bfa!important;border-color:#ffd16766!important}.genre-options{background:linear-gradient(180deg,#041e26,#032129)!important}}#mix-search-input,#mix-clear-btn,.filters-toggle,.filters-collapsible-content,.mix-dropdown-content,.genre-options{-webkit-transform:translate3d(0,0,0)!important;transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.mix-builder-right *{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important}#mix-search-input{-webkit-user-select:text!important;user-select:text!important}