.window{
    transition: opacity 0.25s ease, transform 0.25s ease;
}

@keyframes windowOpen{
    from{
        opacity: 0;
        transform: scale(0.92) translateY(20px);
    } to{
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

@keyframes windowClose{
    from{
        opacity: 1;
        transform: scale(1);
    }to{
        opacity: 0;
        transform: scale(0.95);
    }
}

.window:target{
    animation: windowOpen 0.25s ease;
}

.icon{
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.icon:hover{
    transform: translateY(-4px) scale(1.05);
}
.icon:active{
    transform: scale(0.95);
}

.close{
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.close:hover{
    opacity: 0.7;
    transform: scale(1.1);
}

.terminal-ui p{
    animation: fadeInText 0.4s ease;
}
@keyframes fadeInText{
    from{
        opacity: 0;
        transform: translateY(4px);
    } to{
        opacity: 1;
        transform: translateY(0);
    }
}

.taskbar span{
    transition: opacity 0.2s ease;
}
.taskbar span:hover{
    opacity: 0.7;
}

.desktop::after{
    content: "";
    position: fixed;
    inset: 0;
    backdrop-filter: blur(0px);
    transition: backdrop-filter 0.3s ease;
    pointer-events: none;
}

.window:target ~ .desktop::after{
    backdrop-filter: blur(6px);
}