style.css

@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');

* {
    font-family: 'JetBrains Mono', monospace;
    box-sizing: border-box;
}

.draggable {
    -webkit-app-region: drag;
}

.window-shadow {
    box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.window-content {
    scrollbar-width: thin;
    scrollbar-color: rgba(156, 163, 175, 0.5) transparent;
}

.window-content::-webkit-scrollbar {
    width: 6px;
}

.window-content::-webkit-scrollbar-track {
    background: transparent;
}

.window-content::-webkit-scrollbar-thumb {
    background-color: rgba(156, 163, 175, 0.5);
    border-radius: 3px;
}

.icon-hover:hover {
    transform: scale(1.1);
    transition: transform 0.2s ease;
}

.window-minimize {
    animation: minimize 0.3s forwards;
}

@keyframes minimize {
    to {
        transform: translateY(100vh);
        opacity: 0;
    }
}

.window-restore {
    animation: restore 0.3s forwards;
}

@keyframes restore {
    from {
        transform: translateY(100vh);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}