.filter-button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.filter-button svg{color:var(--text-secondary);border-radius:8px;padding:6px;transition:background .2s,color .2s,transform .15s}.filter-button:hover svg{background:var(--bg-tertiary);color:var(--accent-primary)}.filter-button:active svg{transform:scale(.92)}.filter-button.active svg{background:var(--accent-primary);color:var(--bg-primary)}.filter-options{box-sizing:border-box;background:linear-gradient(180deg, var(--bg-secondary), var(--bg-primary));border-left:1px solid var(--border-transparent);z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;border-radius:12px 0 0 12px;flex-direction:column;gap:20px;width:280px;height:100%;padding:20px;transition:transform .3s cubic-bezier(.22,.61,.36,1),opacity .2s;display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.filter-options.active{opacity:1;transform:translate(0)}.filter-options.inactive{opacity:0;transform:translate(100%)}.filter-options-header{justify-content:space-between;align-items:center;display:flex}.filter-options-header h2{font-size:var(--fs-base);font-weight:var(--fw-semibold);color:var(--text-primary);margin:0}.filter-options-header button{color:var(--text-secondary);font-size:var(--fs-sm);cursor:pointer;background:0 0;border:none;transition:color .2s}.filter-options-header button:hover{color:var(--accent-primary)}.sort-by-title,.sort-by-title-range{width:100%;font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:.3px;color:var(--text-primary)}.options-container-filter{flex-direction:column;gap:8px;display:flex}.option-container{align-items:center;display:flex}.option-container input{display:none}.option-container label{width:100%;font-size:var(--fs-sm);cursor:pointer;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid #0000;border-radius:6px;padding:8px 10px;transition:background .2s,color .2s,border .2s}.option-container label:hover{background:var(--bg-quaternary)}.option-container input:checked+label{background:var(--accent-secondary);color:var(--text-primary);border:1px solid var(--accent-primary)}.preset-buttons{flex-direction:column;gap:8px;display:flex}.timeline-container{background:var(--bg-tertiary);cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:background .2s,border .2s;display:flex}.timeline-container:hover{background:var(--bg-quaternary)}.timeline-container input{accent-color:var(--accent-primary)}.timeline-info{justify-content:space-between;width:100%;display:flex}.timeline-info label{cursor:pointer;font-size:var(--fs-sm);color:var(--text-primary)}.timeline-info span{font-size:var(--fs-xs);color:var(--text-secondary)}.duration-handler{flex-direction:column;align-items:center;display:flex}.CustomRange{cursor:pointer;width:90%;height:20px;margin:8px 0;position:relative}.range-container{background:var(--bg-tertiary);border-radius:4px;width:100%;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-progress{background:linear-gradient(90deg, var(--accent-secondary), var(--accent-primary));border-radius:4px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.range-tracker{background:var(--accent-primary);border:2px solid var(--bg-primary);cursor:grab;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:50%;transform:translate(-50%,-50%)}.range-tracker:hover{transform:translate(-50%,-50%)scale(1.15)}.range-tracker:active{cursor:grabbing;transform:translate(-50%,-50%)scale(1.25)}.range-values{width:90%;font-size:var(--fs-xs);color:var(--text-secondary);justify-content:space-between;display:flex}.filter-actions{border-top:1px solid var(--border-transparent);gap:10px;margin-top:auto;padding-top:12px;display:flex}.filter-actions button{font-weight:var(--fw-semibold);font-size:var(--fs-xs);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;transition:background .2s,color .2s,box-shadow .2s;display:flex}.filter-actions svg{width:14px;height:14px}.apply-btn{background:var(--accent-secondary);color:var(--text-primary);border:none}.apply-btn:hover{background:var(--accent-primary);box-shadow:var(--hover-box-shadow)}.reset-btn{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-transparent)}.reset-btn:hover{background:var(--bg-quaternary);color:var(--text-primary)}@media (max-width:1000px){.filter-options{left:0;right:unset;border-left:none;border-right:1px solid var(--border-transparent);border-radius:0 12px 12px 0}.filter-options.inactive{opacity:0;transform:translate(-100%)}}@media (max-width:600px){.options-container-filter label,.timeline-info label,.timeline-info span{font-size:var(--fs-xs)}.sort-by-title,.sort-by-title-range{margin:0 0 5px}.filter-options{width:250px;padding:12px}}