/* ===== MSN Hover START ===== */
        .msn-icon { background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%); }
        .msn-bar { 
            background: linear-gradient(135deg, #0078d4 0%, #106ebe 100%); 
            left: var(--msn-position); 
            width: var(--msn-duration); 
        }
        .msn-animation-popup { 
            width: 350px; 
            height: 280px; 
            background: #ECE9D8; 
            border: 2px outset #ECE9D8; 
            font-family: 'Tahoma', 'MS Sans Serif', sans-serif; 
            font-size: 11px; 
            padding: 0; 
            display: block; 
            box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
            animation: msn-windowFloat 3s ease-in-out infinite;
        }
        @keyframes msn-windowFloat {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-2px); }
        }
        .msn-animation-popup .title-bar { 
            background: linear-gradient(to bottom, #0A246A 0%, #A6CAF0 3px, #A6CAF0 22px, #A6CAF0 100%); 
            color: white; 
            padding: 3px 6px; 
            font-size: 11px; 
            font-weight: bold; 
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #316AC5;
        }
        .msn-animation-popup .window-title {
            display: flex;
            align-items: center;
            gap: 6px;
            color: white;
        }
        .msn-animation-popup .msn-icon-small {
            width: 16px;
            height: 16px;
            background: linear-gradient(135deg, #0078d4, #106ebe);
            border-radius: 3px;
            position: relative;
            animation: msn-iconGlow 2s ease-in-out infinite;
        }
        @keyframes msn-iconGlow {
            0%, 100% { box-shadow: 0 0 3px rgba(0, 120, 212, 0.5); }
            50% { box-shadow: 0 0 8px rgba(0, 120, 212, 0.8); }
        }
        .msn-animation-popup .msn-icon-small::before {
            content: 'M';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 10px;
            font-weight: bold;
        }
        .msn-animation-popup .window-controls {
            display: flex;
            gap: 2px;
        }
        .msn-animation-popup .control-btn {
            width: 21px;
            height: 16px;
            background: linear-gradient(to bottom, #E1E7F3, #B8CDE8);
            border: 1px outset #B8CDE8;
            font-size: 9px;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: msn-controlHover 4s ease-in-out infinite;
        }
        @keyframes msn-controlHover {
            0%, 90%, 100% { background: linear-gradient(to bottom, #E1E7F3, #B8CDE8); }
            5%, 85% { background: linear-gradient(to bottom, #F1F5FA, #C8DDF8); }
        }
        .msn-animation-popup .main-content {
            background: white;
            height: 190px;
            margin: 4px;
            border: 1px inset #ECE9D8;
            display: flex;
            flex-direction: column;
        }
        .msn-animation-popup .contact-header {
            background: linear-gradient(to bottom, #316AC5, #C2E0FF);
            color: white;
            padding: 4px 8px;
            font-weight: bold;
            font-size: 10px;
            border-bottom: 1px solid #316AC5;
        }
        .msn-animation-popup .contact-list {
            flex: 1;
            padding: 8px;
            overflow-y: auto;
            background: white;
        }
        .msn-animation-popup .contact-group {
            color: #0078d4;
            font-weight: bold;
            margin: 6px 0 3px 0;
            font-size: 10px;
            animation: msn-groupPulse 3s ease-in-out infinite;
        }
        @keyframes msn-groupPulse {
            0%, 100% { color: #0078d4; }
            50% { color: #106ebe; }
        }
        .msn-animation-popup .contact-item {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 2px 4px;
            margin: 1px 0;
            border-radius: 2px;
            animation: msn-contactHover 5s ease-in-out infinite;
        }
        .msn-animation-popup .contact-item:nth-child(2) { animation-delay: 0.5s; }
        .msn-animation-popup .contact-item:nth-child(3) { animation-delay: 1s; }
        .msn-animation-popup .contact-item:nth-child(4) { animation-delay: 1.5s; }
        @keyframes msn-contactHover {
            0%, 90%, 100% { background: transparent; }
            5%, 85% { background: #E1E7F3; }
        }
        .msn-animation-popup .contact-status {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            position: relative;
        }
        .msn-animation-popup .contact-status.online {
            background: #00CC00;
            animation: msn-onlinePulse 2s ease-in-out infinite;
        }
        @keyframes msn-onlinePulse {
            0%, 100% { box-shadow: 0 0 3px rgba(0, 204, 0, 0.5); }
            50% { box-shadow: 0 0 6px rgba(0, 204, 0, 0.8); }
        }
        .msn-animation-popup .contact-status.away {
            background: #FFAA00;
            animation: msn-awayBlink 1.5s ease-in-out infinite;
        }
        @keyframes msn-awayBlink {
            0%, 100% { opacity: 1; }
            50% { opacity: 0.6; }
        }
        .msn-animation-popup .contact-status.offline { background: #999999; }
        .msn-animation-popup .contact-name {
            color: #333;
            font-size: 10px;
            flex: 1;
        }
        .msn-animation-popup .message-indicator {
            background: #FF6B35;
            color: white;
            font-size: 8px;
            font-weight: bold;
            padding: 1px 4px;
            border-radius: 8px;
            animation: msn-messageGlow 1s ease-in-out infinite;
        }
        @keyframes msn-messageGlow {
            0%, 100% { background: #FF6B35; transform: scale(1); }
            50% { background: #FF8C5A; transform: scale(1.1); }
        }
        .msn-animation-popup .status-bar {
            background: #ECE9D8;
            border-top: 1px solid #ACA899;
            padding: 2px 6px;
            font-size: 9px;
            color: #333;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .msn-animation-popup .user-status {
            display: flex;
            align-items: center;
            gap: 4px;
        }
        .msn-animation-popup .user-status-icon {
            width: 10px;
            height: 10px;
            background: #00CC00;
            border-radius: 50%;
            animation: msn-userStatusBlink 2s ease-in-out infinite;
        }
        @keyframes msn-userStatusBlink {
            0%, 100% { background: #00CC00; }
            50% { background: #00FF00; }
        }
        .msn-animation-popup .notification-sound {
            position: absolute;
            bottom: 8px;
            right: 8px;
            background: #FFFFCC;
            border: 2px solid #FFCC00;
            padding: 4px 6px;
            border-radius: 3px;
            color: #CC6600;
            font-weight: bold;
            font-size: 9px;
            animation: msn-soundPop 4s ease-in-out infinite;
        }
        @keyframes msn-soundPop {
            0%, 85%, 100% { opacity: 0; transform: scale(0.8); }
            5%, 80% { opacity: 1; transform: scale(1); }
        }
        /* ===== MSN Hover END ===== */