.root {
    -fx-font-family: "Segoe UI", "Inter", "Roboto", "Arial";
    -fx-background-color: #121212;
}

.header {
    -fx-background-color: #181818;
    -fx-padding: 14 18 14 18;
    -fx-border-color: #242424;
    -fx-border-width: 0 0 1 0;
}

.h1 {
    -fx-text-fill: #FFFFFF;
    -fx-font-size: 20px;
    -fx-font-weight: 700;
}

.muted {
    -fx-text-fill: #B3B3B3;
}

.song-card {
    -fx-background-color: #181818;
    -fx-background-radius: 12;
    -fx-padding: 12 14 12 14;
    -fx-border-color: #242424;
    -fx-border-radius: 12;
}

.song-card:hover {
    -fx-background-color: #202020;
}

.song-title {
    -fx-text-fill: #FFFFFF;
    -fx-font-size: 14px;
    -fx-font-weight: 600;
}

.song-meta {
    -fx-text-fill: #B3B3B3;
    -fx-font-size: 12px;
}

.button {
    -fx-background-radius: 999;
    -fx-padding: 8 14 8 14;
    -fx-font-weight: 600;
    -fx-cursor: hand;
    -fx-background-color: #2A2A2A;
    -fx-text-fill: #FFFFFF;
}

.button:hover {
    -fx-background-color: #333333;
}

.btn-green {
    -fx-background-color: #1DB954;
    -fx-text-fill: #0B0B0B;
}

.btn-green:hover {
    -fx-background-color: #22C55E;
}

.btn-ghost {
    -fx-background-color: transparent;
    -fx-border-color: #2A2A2A;
    -fx-border-width: 1;
    -fx-text-fill: #FFFFFF;
}

.btn-ghost:hover {
    -fx-background-color: #1E1E1E;
}

.list-view {
    -fx-background-color: #121212;
    -fx-control-inner-background: #121212;
    -fx-background-insets: 0;
    -fx-padding: 0;
}

.list-cell {
    -fx-background-color: #181818;
    -fx-text-fill: #FFFFFF;
    -fx-padding: 10 12 10 12;
    -fx-border-color: #242424;
    -fx-border-width: 0 0 1 0;
}

.list-cell:filled:selected {
    -fx-background-color: #1F1F1F;
}
.btn-green-small {
    -fx-background-color: #1db954;
    -fx-text-fill: black;
    -fx-background-radius: 50;
    -fx-padding: 5 10;
    -fx-font-weight: bold;
}

.btn-green-small:hover {
    -fx-background-color: #1ed760;
    -fx-scale-x: 1.1;
    -fx-scale-y: 1.1;
}

.btn-heart-liked {
    -fx-text-fill: #ff4d6d !important;
}