body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}

.glass-panel {
    background: rgba(20, 20, 25, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.landing-vignette {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    box-shadow: inset 0 0 200px rgba(14, 165, 233, 0.1);
    mix-blend-mode: screen;
}

.vignette-overlay {
    background: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.8) 90%);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.9);
}

.vignette-click {
    background: radial-gradient(circle, transparent 40%, rgba(14, 165, 233, 0.4) 90%);
}

.vignette-release {
    background: radial-gradient(circle, transparent 40%, rgba(168, 85, 247, 0.4) 90%);
}

.vignette-prepare {
    background: radial-gradient(circle, transparent 40%, rgba(234, 179, 8, 0.4) 90%);
}

@keyframes spin-reverse {
    from {
        transform: rotate(360deg);
    }

    to {
        transform: rotate(0deg);
    }
}

.animate-spin-reverse {
    animation: spin-reverse 1s linear infinite;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}