#filter-root{position:relative;user-select:none}.filter-topbar{display:flex;align-items:center;gap:16px;padding:8px 0 12px;flex-wrap:wrap}.filter-sort-label-text{color:#888;font-size:13px;white-space:nowrap}.filter-sort-wrap{display:flex;align-items:center;gap:8px;position:relative}.filter-sort-btn{display:flex;align-items:center;gap:6px;background:#1d1d1d;border:1px solid #404040;color:#f8d268;font-size:13px;padding:5px 10px;border-radius:4px;cursor:pointer;transition:border-color .2s}.filter-sort-btn:hover{border-color:#f8d268}.filter-sort-btn .filter-sort-arrow{transition:transform .2s}.filter-sort-dropdown{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:200px;background:#1d1d1d;border:1px solid #404040;border-radius:4px;z-index:200;box-shadow:0 4px 16px rgba(0,0,0,.4)}.filter-sort-dropdown.is-open{display:block}.filter-sort-dropdown .fsd-item{padding:9px 14px;font-size:13px;color:#ccc;cursor:pointer;transition:background .15s}.filter-sort-dropdown .fsd-item:hover{background:rgba(255,255,255,.05)}.filter-sort-dropdown .fsd-item.is-active{color:#f8d268}.filter-sort-dropdown .fsd-item.is-active::before{content:"✓ "}.filter-reset{background:none;border:none;color:#f8d268;font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.filter-reset:hover{color:#fc0}.filter-counter{margin-left:auto;color:#888;font-size:13px;white-space:nowrap}.filter-tabs-row{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid #404040;padding-bottom:0}.filter-tab{display:flex;align-items:center;gap:5px;padding:8px 14px;background:#1d1d1d;border:1px solid #404040;border-bottom:none;border-radius:4px 4px 0 0;color:#ccc;font-size:13px;cursor:pointer;transition:background .15s,color .15s;position:relative;bottom:-1px}.filter-tab:hover{background:#111}.filter-tab.is-active,.filter-tab.is-open{background:#f8d268;color:#1a1a1a;border-color:#f8d268}.filter-tab.is-active svg path,.filter-tab.is-open svg path{stroke:#1a1a1a}.filter-tab svg{flex-shrink:0;transition:transform .2s}.filter-tab.is-open svg{transform:rotate(180deg)}.filter-dropdowns-layer{position:relative}.filter-dropdown{display:none;position:absolute;top:0;left:0;right:0;background:#1d1d1d;border:1px solid #404040;border-top:none;border-radius:0 0 6px 6px;z-index:100;box-shadow:0 6px 20px rgba(0,0,0,.4)}.filter-dropdown.is-open{display:block}.fd-header{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #404040}.fd-title{font-size:12px;font-weight:700;color:#f8d268;letter-spacing:.05em;flex-shrink:0}.fd-search{flex:1;background:rgba(0,0,0,0);border:none;border-bottom:1px solid #404040;color:#ccc;font-size:13px;padding:2px 6px;outline:none;text-align:right}.fd-search::placeholder{color:#888}.fd-close{background:none;border:none;color:#888;font-size:18px;line-height:1;cursor:pointer;padding:0 2px;flex-shrink:0}.fd-close:hover{color:#ccc}.fd-body{max-height:300px;overflow-y:auto;padding:10px 14px}.fd-body::-webkit-scrollbar{width:4px}.fd-body::-webkit-scrollbar-track{background:#222}.fd-body::-webkit-scrollbar-thumb{background:#404040;border-radius:2px}.fd-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:2px 8px}.fd-item{display:flex;align-items:center;gap:6px;padding:5px 4px;font-size:13px;color:#ccc;cursor:pointer;border-radius:3px;transition:background .1s;white-space:nowrap;overflow:hidden}.fd-item:hover{background:rgba(255,255,255,.05)}.fd-item input[type=checkbox]{flex-shrink:0;accent-color:#f8d268;cursor:pointer}.fd-item span:not(.fd-count){flex:1;overflow:hidden;text-overflow:ellipsis}.fd-count{color:#888;font-size:11px;flex-shrink:0}.fd-loading,.fd-empty{color:#888;font-size:13px;text-align:center;padding:20px 0}.fd-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #404040}.fd-apply{background:#f8d268;border:none;color:#1a1a1a;font-size:13px;padding:7px 18px;border-radius:4px;cursor:pointer;transition:background .15s}.fd-apply:hover{background:#fc0}.fd-cancel{background:none;border:1px solid #404040;color:#ccc;font-size:13px;padding:6px 14px;border-radius:4px;cursor:pointer;transition:border-color .15s}.fd-cancel:hover{border-color:#ccc}.fd-clear{margin-left:auto;background:none;border:none;color:#f8d268;font-size:13px;cursor:pointer;padding:0}.fd-clear:hover{text-decoration:underline}.filter-tags{display:flex;flex-wrap:wrap;gap:6px;padding:10px 0 4px}.filter-tag{display:flex;align-items:center;gap:5px;background:#404040;border:1px solid #f8d268;color:#ccc;font-size:12px;padding:3px 8px 3px 10px;border-radius:20px}.filter-tag-remove{background:none;border:none;color:#888;font-size:14px;line-height:1;cursor:pointer;padding:0;flex-shrink:0}.filter-tag-remove:hover{color:#fff}.filter-results{padding-top:16px;min-height:100px;transition:opacity .2s}.filter-results.is-loading{opacity:.4;pointer-events:none}.filter-item{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #404040}.filter-item:last-child{border-bottom:none}.filter-item__poster{position:relative;flex-shrink:0}.filter-item__poster img{width:80px;height:auto;border-radius:4px;display:block}.filter-item__quality{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.7);color:#8bc34a;font-size:10px;padding:1px 4px;border-radius:2px}.filter-item__info{flex:1;display:flex;flex-direction:column;gap:4px}.filter-item__title{color:#fff;font-size:14px;font-weight:600;text-decoration:none;line-height:1.3}.filter-item__title:hover{color:#f8d268}.filter-item__meta{font-size:12px;color:#888}.filter-item__ratings{display:flex;gap:8px;font-size:12px}.filter-item__imdb{color:#f5c518}.filter-item__kp{color:#f60}.filter-item__stats{display:flex;gap:10px;font-size:11px;color:#888;margin-top:auto}.filter-pagination{padding:20px 0 0}.filter-pager{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.fpager-btn{min-width:32px;height:32px;padding:0 8px;background:#1d1d1d;border:1px solid #404040;color:#ccc;font-size:13px;border-radius:4px;cursor:pointer;transition:background .15s,border-color .15s}.fpager-btn:hover{background:#000;border-color:#888}.fpager-btn.is-active{background:#f8d268;border-color:#f8d268;color:#1a1a1a;pointer-events:none}.fpager-dots{color:#888;padding:0 4px}.filter-empty{text-align:center;padding:40px 20px;color:#888}.filter-empty__icon{font-size:36px;margin-bottom:12px}.filter-empty__text{font-size:15px;margin-bottom:6px;color:#ccc}.filter-empty__hint{font-size:13px;margin-bottom:16px}.filter-empty__reset{background:#f8d268;border:none;color:#1a1a1a;padding:8px 20px;border-radius:4px;cursor:pointer;font-size:13px}.filter-empty__reset:hover{background:#fc0}@media(max-width: 767px){.filter-tabs-row{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs-row::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;flex-shrink:0}.filter-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;max-height:80vh;display:none;flex-direction:column;z-index:1000}.filter-dropdown.is-open{display:flex}.fd-body{flex:1;max-height:none}.fd-grid{grid-template-columns:repeat(2, 1fr)}.fd-footer{position:sticky;bottom:0;background:#1d1d1d}.fd-apply,.fd-cancel{padding:0}.filter-counter{display:none}body:has(.filter-dropdown.is-open)::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:999;pointer-events:none}}