/* ==========================================================================
   THEME: THE DIFFERENTS - NORWEGIAN BLIZZARD & GOLD STREET-LUXURY
   ========================================================================== */

.differents-blizzard-theme {
    --bg-primary: #040405;
    --bg-secondary: #0d0e12;
    --accent: #d4af37;
    --accent-glow: #ffd700;
    --coke-white: #f8f9fa;
    --ice-blue: #00e5ff;
    --text-primary: #ffffff;
    --text-secondary: #a0a5b5;
    background: var(--bg-primary) !important;
    font-family: 'Impact', 'Arial Black', sans-serif !important;
    letter-spacing: 0.05em;
}

.differents-blizzard-theme .room-name,
.differents-blizzard-theme #room-title {
    color: var(--coke-white) !important;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.5), 0 0 20px var(--accent);
    letter-spacing: 0.15em;
}

.differents-blizzard-theme .list {
    list-style: none !important;
}

.differents-blizzard-theme .list li::before {
    content: "$ " !important;
    color: var(--accent) !important;
    font-weight: bold;
    margin-right: 5px;
}

.differents-blizzard-theme .bar {
    background: linear-gradient(135deg, #111318 0%, #060709 100%) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    border-left: 4px solid var(--accent) !important;
    transition: all 0.3s ease;
}

.differents-blizzard-theme .bar:hover {
    border-color: var(--accent-glow) !important;
    box-shadow: 0 0 12px rgba(212, 175, 55, 0.3);
    transform: translateX(3px);
}

.differents-blizzard-theme .role.owner {
    background: linear-gradient(45deg, #d4af37, #ffd700) !important;
    color: #000 !important;
    text-shadow: none !important;
    font-weight: 900;
    box-shadow: 0 0 8px var(--accent-glow);
}

.differents-blizzard-theme sc-chat {
    background: var(--bg-secondary) !important;
    border-left: 2px solid var(--accent) !important;
}

.differents-blizzard-theme .message.user {
    background: rgba(255, 255, 255, 0.03) !important;
    border-left: 3px solid var(--coke-white) !important;
    border-radius: 4px;
}

.differents-blizzard-theme .message.system {
    background: rgba(0, 229, 255, 0.05) !important;
    border-left: 3px solid var(--ice-blue) !important;
    color: var(--ice-blue) !important;
}

.differents-blizzard-theme #textarea {
    background: #000000 !important;
    border: 1px solid rgba(212, 175, 55, 0.4) !important;
    color: var(--coke-white) !important;
}

.differents-blizzard-theme #textarea:focus {
    border-color: var(--accent-glow) !important;
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

.differents-blizzard-theme .video-stream,
.differents-blizzard-theme .local-video,
.differents-blizzard-theme #youtube-panel,
.differents-blizzard-theme #soundcloud-panel {
    border: 2px solid var(--accent) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.9), 0 0 15px rgba(212, 175, 55, 0.2) !important;
    background: #000000 !important;
}

.differents-blizzard-theme .yt-drag-handle {
    background: linear-gradient(90deg, #d4af37 0%, #5a4500 100%) !important;
}

.differents-blizzard-theme .sc-drag-handle {
    background: linear-gradient(90deg, #ffd700 0%, #000000 100%) !important;
}

.differents-blizzard-theme sc-taskbar button,
.differents-blizzard-theme .dropbtn {
    background: linear-gradient(135deg, #222 0%, #000 100%) !important;
    border: 1px solid var(--accent) !important;
    color: var(--accent) !important;
    transition: all 0.2s ease;
}

.differents-blizzard-theme sc-taskbar button:hover,
.differents-blizzard-theme .dropbtn:hover {
    background: var(--accent) !important;
    color: #000 !important;
    box-shadow: 0 0 10px var(--accent-glow);
    font-weight: bold;
}

.differents-blizzard-theme #token-btn {
    background: linear-gradient(45deg, #ffd700, #d4af37) !important;
    color: #000 !important;
    box-shadow: 0 0 10px rgba(255, 215, 0, 0.4);
}

.differents-blizzard-theme ::-webkit-scrollbar-thumb {
    background: var(--accent) !important;
    border-radius: 2px;
}

.differents-blizzard-theme ::-webkit-scrollbar-track {
    background: var(--bg-primary) !important;
}