.ff-wrap{position:relative;width:100%}.ff-button{width:100%;height:52px;border-radius:14px;border:1.5px solid hsla(0,0%,100%,.16);background:#252a32;color:#e6eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}.ff-button:hover{border-color:hsla(0,0%,100%,.24)}.ff-button.open,.ff-button:focus{border-color:#a99dff;box-shadow:0 0 0 4px rgba(169,157,255,.2)}.ff-button.filled{background:#2a3039}.ff-label{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ff-icon{opacity:.9}.ff-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#1f252e;border:1.5px solid hsla(0,0%,100%,.12);border-radius:14px;box-shadow:0 20px 40px rgba(0,0,0,.45);overflow:hidden;z-index:12}.ff-panel-scroll{max-height:300px;overflow-y:auto;padding:8px}.ff-option{width:100%;min-height:48px;border:0;background:transparent;color:#dbe2ee;display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 12px;cursor:pointer}.ff-option:hover{background:hsla(0,0%,100%,.06)}.ff-option.sel{background:rgba(169,157,255,.14)}.ff-option.sel .ff-option-text{color:#fff;font-weight:700}.ff-dot{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.35);flex:0 0 auto}.ff-option.sel .ff-dot{background:#a99dff}.ff-footer{display:flex;justify-content:flex-end;padding:8px 10px 10px;border-top:1px solid hsla(0,0%,100%,.06)}.ff-clear{border:0;background:transparent;color:#b3bccb;font-weight:600;cursor:pointer}.ff-overlay{display:none}@media (min-width:1024px){.ff-panel{max-width:420px}}@media (max-width:560px){.ff-button{height:60px;padding:0 18px;border-radius:16px}.ff-label{font-size:17px;font-weight:700;letter-spacing:.2px}.ff-icon{font-size:18px}.ff-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}.ff-panel{position:fixed;left:50%;top:auto;transform:translateX(-50%);bottom:16px;width:calc(100vw - 32px);max-width:520px;border-radius:16px;z-index:1000}.ff-panel-scroll{max-height:48vh;padding:12px}.ff-option{min-height:54px;padding:12px 14px;gap:12px;border-radius:12px}.ff-option .ff-option-text{font-size:16.5px}.ff-footer{padding:10px 12px 12px}.ff-clear{font-size:15px}}.search-bar-container{width:100%;box-sizing:border-box;padding:12px;margin:4px 0;background-color:#1e1e1e;border-radius:12px}.filter-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-bottom:8px}.custom-select-wrapper{position:relative;min-width:0}.custom-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#333;color:#e0e0e0;padding:10px 35px 10px 15px;border:1px solid #555;border-radius:8px;cursor:pointer;font-size:15px;width:100%;outline:none;transition:border-color .2s,background-color .2s}.custom-select:hover{border-color:#61dafb}.custom-select:focus{border-color:#8f85ff;box-shadow:0 0 0 3px rgba(143,133,255,.18)}.select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#bbb;pointer-events:none}.keyword-row{display:grid;grid-template-columns:1fr auto;grid-gap:10px;gap:10px}.keyword-row .search-input{border:1.5px solid hsla(0,0%,100%,.18);background-color:#1b1c21}.keyword-row .search-input:focus{border-color:#a99dff;box-shadow:0 0 0 3px rgba(169,157,255,.22)}.search-input{border-radius:8px;border:1px solid #555;background-color:#333;padding:0 14px}.search-input::placeholder{color:#888}.search-input:focus{border-color:#8f85ff;box-shadow:0 0 0 3px rgba(143,133,255,.18)}.search-button{height:44px;padding:0 16px;border:0;border-radius:8px;background:linear-gradient(90deg,#ff77e1,#6aa7ff);color:#101014;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width:880px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.filter-grid{grid-template-columns:1fr;gap:12px}.custom-select{height:52px;font-size:16px;padding:0 40px 0 16px}.select-icon{right:14px;font-size:14px}}.filter-grid{display:flex;flex-wrap:wrap;gap:12px;width:100%}.filter-grid>*{flex:1 1 160px;min-width:0}@media (max-width:768px){.filter-grid>*,.search-input-group{flex:1 1 100%!important;width:100%!important;min-width:0!important}}.filter-grid select{text-align:left;text-align-last:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-input-group{display:flex;align-items:center;border:1px solid #555;border-radius:8px;background-color:#333;width:100%;box-sizing:border-box}.search-input{flex:1 1 auto;min-width:0;height:44px;line-height:44px;padding:0 44px 0 15px;border:none;outline:none;background:transparent;color:#e0e0e0;font-size:15px}.search-button{position:absolute!important;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-grid;place-items:center;padding:0!important;border:none!important;background:transparent!important;color:#61dafb;cursor:pointer;transition:color .2s}.search-button:hover{color:#fff}.search-button svg{width:18px;height:18px;fill:currentColor;pointer-events:none}.search-input-group{position:relative}.search-input-group .search-button{position:absolute!important;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-grid;place-items:center;padding:0!important;border:none!important;background:transparent!important;z-index:2;cursor:pointer;color:#61dafb!important;opacity:1!important;mix-blend-mode:normal}.search-input-group .search-button:hover,.search-input-group:focus-within .search-button{color:#fff!important}.search-input-group .search-button svg,.search-input-group .search-button svg path{fill:currentColor!important;stroke:currentColor!important}.search-input{color:#e5e7eb;caret-color:#e5e7eb}.search-input::placeholder{color:rgba(229,231,235,.55)}.search-bar-container .filter-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.search-bar-container .filter-field{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:16px;background:#202228;border:1px solid hsla(0,0%,100%,.06);min-height:52px}.search-bar-container .filter-label{color:#e9e9e9;font-weight:700;font-size:16px}.search-bar-container .filter-icon{width:20px;height:20px;opacity:.85}@media (max-width:880px){.search-bar-container .filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.search-bar-container .filter-grid{grid-template-columns:1fr 1fr;gap:8px}.search-bar-container .filter-field{padding:10px 12px;border-radius:12px;min-height:44px}.search-bar-container .filter-label{font-size:14px}.search-bar-container .filter-icon{width:18px;height:18px}.search-bar-container .ff-button{height:44px;padding:0 12px;border-radius:12px}.search-bar-container .ff-label{font-size:14px;font-weight:700}.search-bar-container .ff-icon{font-size:16px}.search-bar-container .ff-option{min-height:44px;padding:10px 12px;gap:10px;border-radius:10px}}@media (max-width:360px){.search-bar-container .filter-grid{grid-template-columns:1fr}}.quick-row{display:flex;gap:8px;margin:6px 0 0}.chip,.quick-row{align-items:center}.chip{display:inline-flex;gap:6px;padding:8px 16px;border-radius:999px;border:1.5px solid hsla(0,0%,100%,.1);background:#232630;color:#c8cad0;font-size:.85rem;font-weight:600;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease}.chip:hover{background:#2c2f3a;border-color:hsla(0,0%,100%,.18)}.chip:active{transform:scale(.97)}.chip-pink{background:linear-gradient(135deg,#ff6aa5,#ff8bd1);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(255,110,170,.2)}.chip-pink:hover{background:linear-gradient(135deg,#ff5a9a,#ff7ec6);border-color:transparent}.chip-pink.on{box-shadow:0 0 0 2.5px rgba(255,110,170,.4),0 2px 10px rgba(255,110,170,.3)}.chip-fav{background:#232630;border-color:rgba(255,80,80,.25);color:#c8cad0;font-weight:600}.chip-fav:hover{background:#2c2f3a;border-color:rgba(255,80,80,.4)}.chip-fav.on{background:linear-gradient(135deg,#ff4d6d,#ff758f);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 0 0 2.5px rgba(255,80,80,.35),0 2px 10px rgba(255,80,80,.25)}.chip-reset{background:transparent;border-color:hsla(0,0%,100%,.08);color:#888;font-weight:500}.chip-reset:hover{background:hsla(0,0%,100%,.06);color:#bbb;border-color:hsla(0,0%,100%,.15)}.chip-emoji{font-size:1rem;line-height:1}.chip-text{font-size:.85rem;letter-spacing:.3px}@media (max-width:380px){.chip{padding:8px 12px}.chip-text{display:none}}.trend-wrap{margin:14px 0 0}.trend-title{font-size:.8rem;color:#888;letter-spacing:.5px;margin-bottom:8px}.trend-chips{display:flex;flex-wrap:wrap;gap:8px}.trend-chip{padding:7px 14px;border-radius:999px;border:1.5px solid hsla(0,0%,100%,.1);background:#232630;color:#c8cad0;font-size:.85rem;font-weight:500;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .15s ease}.trend-chip:hover{background:#2c2f3a;border-color:hsla(0,0%,100%,.2);color:#e5e7eb}.trend-chip:active{transform:scale(.97)}.trend-chip:focus{outline:2px solid #6b7280;outline-offset:2px}.trend-chip.pink{background:linear-gradient(135deg,#ff6aa5,#ff8bd1);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 2px 8px rgba(255,110,170,.2)}.trend-chip.pink:hover{background:linear-gradient(135deg,#ff5a9a,#ff7ec6);border-color:transparent}.trend-chip.pink.on{box-shadow:0 0 0 2.5px rgba(255,110,170,.4),0 2px 10px rgba(255,110,170,.3)}