(function() {
    'use strict';
    
    // Создаем элемент style
    const styleElement = document.createElement('style');
    styleElement.id = 'holiday-widget-styles';
    
    // Добавляем CSS
    styleElement.textContent = `
        /* Стили для десктопной версии виджета */
        #holidayWidgetDesktop {
            position: fixed;
            top: 20px;
            right: 20px;
            z-index: 10000;
            background: white;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.12);
            width: 280px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            overflow: hidden;
            border: 1px solid #e1e8ed;
            transition: all 0.3s ease;
            cursor: pointer;
            animation: slideInRight 0.4s ease-out;
        }

        #holidayWidgetDesktop:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
        }

        #widgetHeaderDesktop {
            padding: 15px 20px;
            text-align: center;
            position: relative;
        }

        .widget-header-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 10px;
            width: 100% !important;
        }

        #holidayIconDesktop {
            display: none;
            font-size: 24px;
            margin-right: 10px;
            min-width: 24px;
        }

        #eventTextDesktop {
            margin: 10px auto 0;
            max-width: 150px;
            font-size: 16px;
            line-height: 1;
            font-weight: 600;
            color: #fff;
            flex-grow: 1;
            text-align: center !important;
        }

        .days-container {
            display: flex;
            align-items: baseline;
            justify-content: center;
        }

        #daysCountDesktop {
            font-size: 48px;
            font-weight: 800;
            line-height: 1;
            color: #fff;
        }

        #daysLabelDesktop {
            font-size: 16px;
            color: #fff;
            margin-left: 5px;
        }

        .widget-body {
            padding: 0 20px 15px 20px;
            border-top: 1px solid #f0f0f0;
        }

        #motivationQuoteDesktop {
            color: #5d6d7e;
            font-size: 12px;
            line-height: 1.4;
            margin-top: 12px;
            font-style: italic;
            text-align: center;
            padding: 8px;
            background: #f8f9fa;
            border-radius: 6px;
            transition: opacity 0.3s ease;
        }

        /* Стили для мобильной версии виджета */
        #holidayWidgetMobile {
            position: fixed;
            bottom: 20px;
            right: 20px;
            z-index: 10000;
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
            min-width: 100px;
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
            overflow: hidden;
            border: 1px solid #e1e8ed;
            cursor: pointer;
            transition: all 0.3s ease;
            animation: slideInUp 0.4s ease-out;
        }

        #holidayWidgetMobile:active {
            transform: scale(0.95);
        }

        .mobile-widget-content {
            display: flex;
            align-items: center;
            padding: 10px 15px;
            justify-content: center;
        }

        #holidayIconMobile {
            font-size: 20px;
            margin-right: 10px;
            min-width: 20px;
        }

        .mobile-days-container {
            text-align: center;
        }

        #daysCountMobile {
            font-size: 28px;
            font-weight: 800;
            line-height: 1;
            color: #fff;
        }

        #daysLabelMobile {
            font-size: 12px;
            color: #fff;
            margin-top: 2px;
        }

        /* Цветовые темы для разных периодов */
        .new-year-theme {
            background: linear-gradient(135deg, #ff1d1d 0%, #d01a1a 100%) !important;
            color: white !important;
        }

        .holidays-theme {
            background: linear-gradient(135deg, #4ecd5a 0%, #45a045 100%) !important;
            color: white !important;
        }

        .work-theme {
            background: linear-gradient(135deg, #3498db 0%, #2c3e50 100%) !important;
            color: white !important;
        }

        .future-theme {
            background: linear-gradient(135deg, #9b59b6 0%, #34495e 100%) !important;
            color: white !important;
        }

        /* Цвета текста для мобильной версии с градиентом */
        .themed-text-white {
            color: white !important;
        }

        .themed-text-light {
            color: rgba(255, 255, 255, 0.9) !important;
        }

        /* Модальное окно */
        #holidayModal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10001;
            display: none;
            animation: fadeIn 0.3s ease-out;
        }

        .modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(3px);
        }

        .modal-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: white;
            border-radius: 20px;
            width: 90%;
            max-width: 400px;
            max-height: 80vh;
            overflow-y: auto;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            animation: modalSlideUp 0.4s ease-out;
        }

        .modal-header {
            padding: 25px 25px 15px;
            text-align: center;
            border-bottom: 1px solid #f0f0f0;
        }

        .modal-title {
            font-size: 20px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 5px;
        }

        .modal-subtitle {
            font-size: 14px;
            color: #fff;
        }

        .modal-body {
            padding: 20px 25px;
        }

        .modal-icon {
            font-size: 48px;
            text-align: center;
            margin-bottom: 20px;
        }

        .modal-days-container {
            text-align: center;
            margin-bottom: 25px;
        }

        .modal-days-count {
            font-size: 64px;
            font-weight: 800;
            line-height: 1;
            color: #fff;
        }

        .modal-days-label {
            font-size: 20px;
            color: #fff;
            margin-top: 5px;
        }

        .modal-event-text {
            font-size: 18px;
            font-weight: 600;
            color: #fff;
            text-align: center;
            margin-bottom: 20px;
        }

        .modal-quote {
            color: #5d6d7e;
            font-size: 15px;
            line-height: 1.5;
            font-style: italic;
            text-align: center;
            padding: 15px;
            background: #f8f9fa;
            border-radius: 10px;
            margin-bottom: 20px;
            border-left: 4px solid #4ECDC4;
        }

        .modal-close-btn {
            position: absolute;
            top: 15px;
            right: 15px;
            background: none;
            border: none;
            font-size: 24px;
            color: #fff;
            cursor: pointer;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .modal-close-btn:hover {
            background: #000;
            color: #fff;
        }

        .modal-footer {
            padding: 15px 25px 25px;
            text-align: center;
            border-top: 1px solid #f0f0f0;
            color: #fff;
            font-size: 13px;
        }

        /* Анимации */
        @keyframes slideInRight {
            from {
                transform: translateX(100%);
                opacity: 0;
            }
            to {
                transform: translateX(0);
                opacity: 1;
            }
        }

        @keyframes slideInUp {
            from {
                transform: translateY(100%);
                opacity: 0;
            }
            to {
                transform: translateY(0);
                opacity: 1;
            }
        }

        @keyframes fadeIn {
            from {
                opacity: 0;
            }
            to {
                opacity: 1;
            }
        }

        @keyframes modalSlideUp {
            from {
                transform: translate(-50%, -40%);
                opacity: 0;
            }
            to {
                transform: translate(-50%, -50%);
                opacity: 1;
            }
        }

        /* Адаптивные медиа-запросы */
        @media (max-width: 1200px) {
            #holidayWidgetDesktop {
                display: none !important;
            }
            
            #holidayWidgetMobile {
                display: block !important;
            }
        }

        @media (min-width: 1201px) {
            #holidayWidgetDesktop {
                display: block !important;
            }
            
            #holidayWidgetMobile {
                display: none !important;
            }
        }

        @media (max-width: 768px) {
            #holidayWidgetMobile {
                bottom: 15px;
                right: 15px;
                border-radius: 10px;
            }
            
            .modal-content {
                width: 95%;
                max-height: 85vh;
            }
        }

        @media (max-width: 480px) {
            #holidayWidgetMobile {
                bottom: 10px;
                right: 10px;
                min-width: 70px;
            }
            
            .mobile-widget-content {
                padding: 10px 12px;
            }
            
            #daysCountMobile {
                font-size: 20px;
            }
            
            #daysLabelMobile {
                font-size: 10px;
            }
            
            .modal-content {
                border-radius: 15px;
            }
            
            .modal-days-count {
                font-size: 56px;
            }
        }
    `;
    
    // Добавляем стили в head документа
    function addStyles() {
        // Проверяем, не добавлены ли уже стили
        if (document.getElementById('holiday-widget-styles')) {
            console.log('Стили виджета уже добавлены');
            return;
        }
        
        // Добавляем стили в head
        document.head.appendChild(styleElement);
        console.log('Стили виджета успешно добавлены');
    }
    
    // Добавляем стили при загрузке страницы
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', addStyles);
    } else {
        addStyles();
    }
    
    // Экспортируем функцию для ручного добавления стилей
    window.addHolidayWidgetStyles = addStyles;
    

    // Конфигурация виджета
    const CONFIG = {
        NEW_YEAR: new Date('2026-01-01'),
        HOLIDAYS_END: new Date('2026-01-09'),
        WORK_START: new Date('2026-01-12'),
        CURRENT_YEAR: 2026
    };

    // База мотивирующих цитат
    const MOTIVATION_QUOTES = [
        "Образование — это самое мощное оружие, которое вы можете использовать, чтобы изменить мир.",
        "Учитесь так, будто вы будете жить вечно. Живите так, будто вы умрете завтра.",
        "Знания, которые не пополняются ежедневно, убывают с каждым днем.",
        "Ваше будущее создается тем, что вы делаете сегодня, а не завтра.",
        "Каждый эксперт когда-то был новичком.",
        "Инвестиции в знания всегда дают наибольшую прибыль.",
        "Не бойтесь совершенствоваться медленно, бойтесь оставаться на месте.",
        "Образование — это пропуск в будущее, ибо завтра принадлежит тем, кто готовится к нему сегодня.",
        "Лучшее время, чтобы посадить дерево, было 20 лет назад. Следующее лучшее время — сейчас.",
        "Чем больше я узнаю, тем больше понимаю, как мало я знаю.",
        "Успех — это сумма небольших усилий, повторяющихся изо дня в день.",
        "Ваши мечты не работают, пока вы не работаете над ними.",
        "Сегодняшний читатель — завтрашний лидер.",
        "Никогда не прекращайте учиться, потому что жизнь никогда не прекращает преподавать.",
        "Единственное, что стоит между вами и вашей целью — это история, которую вы продолжаете рассказывать себе о том, почему вы не можете ее достичь.",
        "Каждый день — это новая возможность изменить свою жизнь.",
        "Не ждите идеальных условий, они никогда не наступят. Начинайте сейчас с того, что у вас есть.",
        "Знания — это единственный актив, который невозможно отнять.",
        "Маленькие ежедневные улучшения со временем приводят к ошеломляющим результатам.",
        "Будущее принадлежит тем, кто верит в красоту своей мечты."
    ];

    // Состояние приложения
    const state = {
        currentPeriod: null,
        isMobile: window.innerWidth < 1200,
        modalOpen: false,
        currentQuoteIndex: 0
    };

    // DOM элементы
    const elements = {};

    // Утилиты
    const utils = {
        // Получить случайную цитату
        getRandomQuote() {
            const randomIndex = Math.floor(Math.random() * MOTIVATION_QUOTES.length);
            state.currentQuoteIndex = randomIndex;
            return MOTIVATION_QUOTES[randomIndex];
        },

        // Получить следующую цитату
        getNextQuote() {
            state.currentQuoteIndex = (state.currentQuoteIndex + 1) % MOTIVATION_QUOTES.length;
            return MOTIVATION_QUOTES[state.currentQuoteIndex];
        },

        // Расчет разницы в днях
        getDaysDiff(targetDate) {
            const today = new Date();
            today.setHours(0, 0, 0, 0);
            const target = new Date(targetDate);
            target.setHours(0, 0, 0, 0);
            const diff = target - today;
            return Math.max(0, Math.ceil(diff / (1000 * 60 * 60 * 24)));
        },

        // Правильное склонение слова "день"
        getDaysLabel(days) {
            const lastDigit = days % 10;
            const lastTwoDigits = days % 100;
            
            if (lastTwoDigits >= 11 && lastTwoDigits <= 19) return 'дней';
            if (lastDigit === 1) return 'день';
            if (lastDigit >= 2 && lastDigit <= 4) return 'дня';
            return 'дней';
        },

        // Определение текущего периода
        getCurrentPeriod() {
            const today = new Date();
            let periodData;

            if (today < CONFIG.NEW_YEAR) {
                periodData = {
                    days: utils.getDaysDiff(CONFIG.NEW_YEAR),
                    event: 'до Нового 2026 года',
                    icon: '',
                    theme: 'new-year-theme',
                    description: 'Время готовиться к празднику!'
                };
            } else if (today < CONFIG.HOLIDAYS_END) {
                periodData = {
                    days: utils.getDaysDiff(CONFIG.HOLIDAYS_END),
                    event: 'до конца праздников',
                    icon: '',
                    theme: 'holidays-theme',
                    description: 'Наслаждайтесь праздничными днями!'
                };
            } else if (today < CONFIG.WORK_START) {
                periodData = {
                    days: utils.getDaysDiff(CONFIG.WORK_START),
                    event: 'до выхода на работу',
                    icon: '',
                    theme: 'work-theme',
                    description: 'Последние дни отдыха перед работой'
                };
            } else {
                const nextNewYear = new Date(`${CONFIG.CURRENT_YEAR + 1}-01-01`);
                periodData = {
                    days: utils.getDaysDiff(nextNewYear),
                    event: 'до следующего Нового года',
                    icon: '',
                    theme: 'future-theme',
                    description: 'Время строить планы на будущий год!'
                };
            }

            state.currentPeriod = periodData;
            return periodData;
        }
    };

    // Создание элементов
    const domBuilder = {
        // Создать десктопный виджет
        createDesktopWidget() {
            return `
                <div id="holidayWidgetDesktop">
                    <div id="widgetHeaderDesktop">
                        
                        <div class="days-container">
                            <div id="daysCountDesktop"></div>
                            <div id="daysLabelDesktop"></div>
                        </div>
                        <div class="widget-header-content">
                            <div id="eventTextDesktop"></div>
                        </div>
                    </div>
                    <div class="widget-body">
                        <div id="motivationQuoteDesktop"></div>
                    </div>
                </div>
            `;
        },

        // Создать мобильный виджет
        createMobileWidget() {
            return `
                <div id="holidayWidgetMobile">
                    <div class="mobile-widget-content">
                        <div class="mobile-days-container">
                            <div id="daysCountMobile"></div>
                            <div id="daysLabelMobile"></div>
                        </div>
                    </div>
                </div>
            `;
        },

        // Создать модальное окно
        createModal() {
            return `
                <div id="holidayModal" style="display: none;">
                    <div class="modal-overlay"></div>
                    <div class="modal-content">
                        <button class="modal-close-btn" id="modalCloseBtn">×</button>
                        <div class="modal-header">
                            <div class="modal-title">Отсчет праздников</div>
                            <div class="modal-subtitle" id="modalSubtitle"></div>
                        </div>
                        <div class="modal-body">
                            <div class="modal-icon" id="modalIcon"></div>
                            <div class="modal-days-container">
                                <div class="modal-days-count" id="modalDaysCount"></div>
                                <div class="modal-days-label" id="modalDaysLabel"></div>
                            </div>
                            <div class="modal-event-text" id="modalEventText"></div>
                            <div class="modal-quote" id="modalQuote"></div>
                        </div>
                    </div>
                </div>
            `;
        }
    };

    // Работа с DOM
    const domManager = {
        // Инициализация элементов
        initElements() {
            elements.desktopWidget = document.getElementById('holidayWidgetDesktop');
            elements.mobileWidget = document.getElementById('holidayWidgetMobile');
            elements.modal = document.getElementById('holidayModal');
            
            if (elements.desktopWidget) {
                elements.iconDesktop = document.getElementById('holidayIconDesktop');
                elements.eventDesktop = document.getElementById('eventTextDesktop');
                elements.daysCountDesktop = document.getElementById('daysCountDesktop');
                elements.daysLabelDesktop = document.getElementById('daysLabelDesktop');
                elements.quoteDesktop = document.getElementById('motivationQuoteDesktop');
                elements.widgetHeaderDesktop = document.getElementById('widgetHeaderDesktop');
            }

            if (elements.mobileWidget) {
                elements.iconMobile = document.getElementById('holidayIconMobile');
                elements.daysCountMobile = document.getElementById('daysCountMobile');
                elements.daysLabelMobile = document.getElementById('daysLabelMobile');
            }

            if (elements.modal) {
                elements.modalOverlay = elements.modal.querySelector('.modal-overlay');
                elements.modalContent = elements.modal.querySelector('.modal-content');
                elements.modalCloseBtn = document.getElementById('modalCloseBtn');
                elements.modalSubtitle = document.getElementById('modalSubtitle');
                elements.modalIcon = document.getElementById('modalIcon');
                elements.modalDaysCount = document.getElementById('modalDaysCount');
                elements.modalDaysLabel = document.getElementById('modalDaysLabel');
                elements.modalEventText = document.getElementById('modalEventText');
                elements.modalQuote = document.getElementById('modalQuote');
            }
        },

        // Обновить десктопный виджет
        updateDesktopWidget() {
            const period = utils.getCurrentPeriod();
            
            if (elements.iconDesktop) elements.iconDesktop.textContent = period.icon;
            if (elements.eventDesktop) elements.eventDesktop.textContent = `Осталось ${period.event}`;
            if (elements.daysCountDesktop) elements.daysCountDesktop.textContent = period.days;
            if (elements.daysLabelDesktop) elements.daysLabelDesktop.textContent = utils.getDaysLabel(period.days);
            if (elements.quoteDesktop && !elements.quoteDesktop.dataset.initialized) {
                elements.quoteDesktop.textContent = utils.getRandomQuote();
                elements.quoteDesktop.dataset.initialized = 'true';
            }
            
            // Применить тему
            if (elements.widgetHeaderDesktop) {
                elements.widgetHeaderDesktop.className = '';
                elements.widgetHeaderDesktop.classList.add(period.theme);
            }
        },

        // Обновить мобильный виджет
        updateMobileWidget() {
            const period = utils.getCurrentPeriod();
            
            if (elements.iconMobile) elements.iconMobile.textContent = period.icon;
            if (elements.daysCountMobile) elements.daysCountMobile.textContent = period.days;
            if (elements.daysLabelMobile) elements.daysLabelMobile.textContent = utils.getDaysLabel(period.days);
            
            // Применить тему
            if (elements.mobileWidget) {
                elements.mobileWidget.className = '';
                elements.mobileWidget.classList.add(period.theme);
                
                if (elements.daysCountMobile) elements.daysCountMobile.classList.add('themed-text-white');
                if (elements.daysLabelMobile) elements.daysLabelMobile.classList.add('themed-text-light');
                if (elements.iconMobile) elements.iconMobile.classList.add('themed-text-white');
            }
        },

        // Обновить модальное окно
        updateModal() {
            const period = utils.getCurrentPeriod();
            
            if (elements.modalSubtitle) elements.modalSubtitle.textContent = period.description;
            if (elements.modalIcon) elements.modalIcon.textContent = period.icon;
            if (elements.modalDaysCount) elements.modalDaysCount.textContent = period.days;
            if (elements.modalDaysLabel) elements.modalDaysLabel.textContent = utils.getDaysLabel(period.days);
            if (elements.modalEventText) elements.modalEventText.textContent = `Осталось ${period.event}`;
            if (elements.modalQuote) {
                elements.modalQuote.textContent = utils.getRandomQuote();
            }
            
            // Применить тему к модальному окну
            if (elements.modalContent) {
                elements.modalContent.className = 'modal-content';
                elements.modalContent.classList.add(period.theme);
            }
        },

        // Показать модальное окно
        showModal() {
            if (!elements.modal) return;
            
            state.modalOpen = true;
            elements.modal.style.display = 'block';
            document.body.style.overflow = 'hidden';
            domManager.updateModal();
            
            // Анимация появления
            setTimeout(() => {
                if (elements.modalContent) {
                    elements.modalContent.style.opacity = '1';
                    elements.modalContent.style.transform = 'translate(-50%, -50%)';
                }
            }, 10);
        },

        // Скрыть модальное окно
        hideModal() {
            if (!elements.modal) return;
            
            state.modalOpen = false;
            document.body.style.overflow = '';
            
            // Анимация скрытия
            if (elements.modalContent) {
                elements.modalContent.style.opacity = '0';
                elements.modalContent.style.transform = 'translate(-50%, -40%)';
            }
            
            setTimeout(() => {
                elements.modal.style.display = 'none';
            }, 300);
        },

        // Сменить цитату
        changeQuote() {
            const newQuote = utils.getNextQuote();
            
            // В десктопном виджете
            if (elements.quoteDesktop) {
                elements.quoteDesktop.style.opacity = '0.5';
                setTimeout(() => {
                    elements.quoteDesktop.textContent = newQuote;
                    elements.quoteDesktop.style.opacity = '1';
                }, 200);
            }
            
            // В модальном окне
            if (elements.modalQuote && state.modalOpen) {
                elements.modalQuote.style.opacity = '0.5';
                setTimeout(() => {
                    elements.modalQuote.textContent = newQuote;
                    elements.modalQuote.style.opacity = '1';
                }, 200);
            }
        }
    };

    // Обработчики событий
    const eventHandlers = {
        // Инициализация всех обработчиков
        init() {
            // Клик по десктопному виджету
            if (elements.desktopWidget) {
                elements.desktopWidget.addEventListener('click', (e) => {
                    if (e.target.closest('#motivationQuoteDesktop') || 
                        e.target.closest('#holidayWidgetDesktop')) {
                        domManager.changeQuote();
                    }
                });
            }

            // Клик по мобильному виджету
            if (elements.mobileWidget) {
                elements.mobileWidget.addEventListener('click', () => {
                    // Анимация нажатия
                    elements.mobileWidget.style.transform = 'scale(0.95)';
                    setTimeout(() => {
                        elements.mobileWidget.style.transform = 'scale(1)';
                    }, 150);
                    
                    // Открываем модальное окно
                    setTimeout(() => {
                        domManager.showModal();
                    }, 200);
                });

                // Тач-события для мобильных устройств
                let touchStartY = 0;
                let touchStartX = 0;
                
                elements.mobileWidget.addEventListener('touchstart', (e) => {
                    touchStartY = e.touches[0].clientY;
                    touchStartX = e.touches[0].clientX;
                    e.preventDefault();
                });
                
                elements.mobileWidget.addEventListener('touchend', (e) => {
                    const touchEndY = e.changedTouches[0].clientY;
                    const touchEndX = e.changedTouches[0].clientX;
                    
                    // Проверяем, был ли это короткий тап
                    if (Math.abs(touchEndX - touchStartX) < 10 && 
                        Math.abs(touchEndY - touchStartY) < 10) {
                        domManager.showModal();
                    }
                    e.preventDefault();
                });
            }

            // Закрытие модального окна
            if (elements.modalCloseBtn) {
                elements.modalCloseBtn.addEventListener('click', () => {
                    domManager.hideModal();
                });
            }

            if (elements.modalOverlay) {
                elements.modalOverlay.addEventListener('click', () => {
                    domManager.hideModal();
                });
            }

            // Клик по цитате в модальном окне
            if (elements.modalQuote) {
                elements.modalQuote.addEventListener('click', () => {
                    domManager.changeQuote();
                });
            }

            // Закрытие по клавише Esc
            document.addEventListener('keydown', (e) => {
                if (e.key === 'Escape' && state.modalOpen) {
                    domManager.hideModal();
                }
            });

            // Обработчик изменения размера окна
            window.addEventListener('resize', () => {
                const wasMobile = state.isMobile;
                state.isMobile = window.innerWidth < 1200;
                
                // Если изменился тип устройства, пересоздаем виджеты
                if (wasMobile !== state.isMobile) {
                    domManager.recreateWidgets();
                }
            });
        }
    };

    // Основная логика приложения
    const app = {
        // Инициализация
        init() {
            // Создаем элементы на странице
            this.createElements();
            
            // Инициализируем DOM элементы
            domManager.initElements();
            
            // Обновляем виджеты
            domManager.updateDesktopWidget();
            domManager.updateMobileWidget();
            
            // Инициализируем обработчики событий
            eventHandlers.init();
            
            // Настраиваем автообновление
            this.setupAutoUpdate();
            
            console.log('Holiday Countdown Widget initialized');
        },

        // Создание всех элементов
        createElements() {
            // Удаляем существующие элементы
            this.removeExistingElements();
            
            // Создаем новые элементы
            const desktopContainer = document.createElement('div');
            desktopContainer.innerHTML = domBuilder.createDesktopWidget();
            document.body.appendChild(desktopContainer.firstElementChild);
            
            const mobileContainer = document.createElement('div');
            mobileContainer.innerHTML = domBuilder.createMobileWidget();
            document.body.appendChild(mobileContainer.firstElementChild);
            
            const modalContainer = document.createElement('div');
            modalContainer.innerHTML = domBuilder.createModal();
            document.body.appendChild(modalContainer.firstElementChild);
        },

        // Удаление существующих элементов
        removeExistingElements() {
            const elementsToRemove = [
                'holidayWidgetDesktop',
                'holidayWidgetMobile',
                'holidayModal'
            ];
            
            elementsToRemove.forEach(id => {
                const element = document.getElementById(id);
                if (element) element.remove();
            });
        },

        // Настройка автообновления
        setupAutoUpdate() {
            // Обновление каждую минуту
            setInterval(() => {
                domManager.updateDesktopWidget();
                domManager.updateMobileWidget();
                if (state.modalOpen) {
                    domManager.updateModal();
                }
            }, 60000); // 1 минута
            
            // Смена цитаты каждые 30 секунд
            setInterval(() => {
                if (!state.modalOpen) {
                    domManager.changeQuote();
                }
            }, 30000);
            
            // Обновление в полночь
            const now = new Date();
            const tomorrow = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 1);
            const timeUntilMidnight = tomorrow - now;
            
            setTimeout(() => {
                domManager.updateDesktopWidget();
                domManager.updateMobileWidget();
                setInterval(() => {
                    domManager.updateDesktopWidget();
                    domManager.updateMobileWidget();
                }, 24 * 60 * 60 * 1000);
            }, timeUntilMidnight);
        },

        // Публичные методы
        refresh() {
            domManager.updateDesktopWidget();
            domManager.updateMobileWidget();
            if (state.modalOpen) {
                domManager.updateModal();
            }
        },

        showModal() {
            domManager.showModal();
        },

        hideModal() {
            domManager.hideModal();
        },

        changeQuote() {
            domManager.changeQuote();
        },

        getCurrentQuote() {
            return MOTIVATION_QUOTES[state.currentQuoteIndex];
        },

        getDaysRemaining() {
            const period = utils.getCurrentPeriod();
            return period.days;
        }
    };

    // Метод для пересоздания виджетов
    domManager.recreateWidgets = () => {
        app.createElements();
        domManager.initElements();
        domManager.updateDesktopWidget();
        domManager.updateMobileWidget();
        eventHandlers.init();
    };

    // Запуск при загрузке страницы
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', () => app.init());
    } else {
        app.init();
    }

    // Экспорт публичных методов
    window.HolidayCountdownWidget = {
        init: () => app.init(),
        refresh: () => app.refresh(),
        showModal: () => app.showModal(),
        hideModal: () => app.hideModal(),
        changeQuote: () => app.changeQuote(),
        getCurrentQuote: () => app.getCurrentQuote(),
        getDaysRemaining: () => app.getDaysRemaining()
    };

})();