/* Dark Mode Toggle Button */
.dark-mode-toggle {
    position: absolute;
    right: 20px;
    top: 20px;
    background: rgba(255, 255, 255, 0.2);
    border: 2px solid #fff;
    color: white;
    font-size: 1.5em;
    cursor: pointer;
    padding: 8px 12px;
    border-radius: 5px;
    transition: all 0.3s ease;
}

.dark-mode-toggle i {
    color: black;
}

.dark-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: scale(1.1);
}

/* Dark Mode Theme */
body.dark-mode {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    color: #e0e0e0;
}

body.dark-mode .header {
    background: linear-gradient(135deg, #0f3460 0%, #16213e 100%);
}

body.dark-mode .background::after {
    background: linear-gradient(135deg, rgba(15, 52, 96, 0.7) 0%, rgba(22, 33, 62, 0.6) 50%, rgba(26, 26, 46, 0.75) 100%);
}

body.dark-mode .box {
    background: #1f1f2e;
    border-color: #444;
    color: #e0e0e0;
}

body.dark-mode .box h3 {
    color: #6cabde;
}

body.dark-mode .profile-box {
    background: #1f1f2e;
    border-color: #444;
}

body.dark-mode .profile-box h2 {
    color: #6cabde;
}

body.dark-mode .profile-box p {
    color: #b0b0b0;
}

body.dark-mode .status-fun {
    color: #87ceeb;
}

body.dark-mode .track {
    background: #16213e;
    color: #e0e0e0;
}

body.dark-mode .timestamp {
    color: #999;
}

body.dark-mode .friend-box {
    background: #1f1f2e;
    border-color: #444;
}

body.dark-mode .friend-box a p {
    color: #e0e0e0;
}

body.dark-mode .friends-list li {
    color: #b0b0b0;
}

body.dark-mode .footer {
    background: rgba(15, 52, 96, 0.5);
    color: #b0b0b0;
    border-top-color: #444;
}

body.dark-mode .footer a {
    color: #6cabde;
}

body.dark-mode a {
    color: #6cabde;
}

body.dark-mode a:hover {
    color: #87ceeb;
}

body.dark-mode .last-fm {
    color: #6cabde;
}

body.dark-mode .last-fm:hover {
    color: #87ceeb;
}

body.dark-mode #lastFmTracks p,
body.dark-mode #lastFmTopAlbums p,
body.dark-mode #lastFmTopArtistsGrid p {
    color: #6cabde;
}

body.dark-mode .intro-row p {
    color: #e0e0e0;
}

body.dark-mode .container {
    background: #1f1f2e;
    border-color: #444;
}

body.dark-mode .main-wrapper {
    background: #16213e;
}

body.dark-mode #friends-list-box {
    background: #1f1f2e;
    border-color: #444;
}

body.dark-mode #friends-list-box h3 {
    border-bottom-color: #444;
}

body.dark-mode .track strong {
    color: #6caabd;
}

/* Status */

body.dark-mode .status-fun {
    background: #aab72a;
}

body.dark-mode .status-fun {
    color: #044863;
}