* {
    scrollbar-width: thin;
    scrollbar-color: #7c3aed #090315;
}

*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #090315;
}

*::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #a855f7, #22d3ee);
    border-radius: 999px;
}

.task-ghost {
    opacity: .35;
    transform: scale(.98);
}

.task-chosen {
    border-color: rgba(34, 211, 238, .7);
    box-shadow: 0 0 30px rgba(34, 211, 238, .22);
}

.task-drag {
    transform: rotate(1deg);
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

details > summary::-webkit-details-marker {
    display: none;
}

input,
textarea,
select {
    color-scheme: dark;
}