//     <style>
//         /* Стили кнопки */
//         .ai-float-btn {
//             position: fixed; bottom: 30px; right: 30px; z-index: 999999;
//             display: flex; align-items: center; gap: 10px;
//             background-color: #d14600; color: #fff; padding: 12px;
//             border-radius: 50px; 
//             /* Статичная тень (не анимированная) - это дешево */
//             box-shadow: 0 4px 15px rgba(209, 70, 0, 0.4);
//             cursor: pointer; transition: transform 0.3s ease, background-color 0.3s ease;
//         }
        
//         /* GPU Анимация пульсации через псевдо-элемент */
//         .ai-float-btn::before {
//             content: '';
//             position: absolute;
//             top: 0; left: 0; right: 0; bottom: 0;
//             border-radius: 50px;
//             background-color: rgba(209, 70, 0, 0.6);
//             z-index: -1; /* Кладем под кнопку */
//             animation: ai-pulse-gpu 2s infinite;
//         }

//         .ai-float-btn:hover { background-color: #b03a00; transform: translateY(-3px); }
//         .ai-float-icon svg { width: 24px; height: 24px; fill: #fff; display: block; }
//         .ai-float-text { font-family: sans-serif; font-weight: 600; font-size: 15px; padding-right: 8px; white-space: nowrap; }

//         /* Правильная анимация (Transform + Opacity) */
//         @keyframes ai-pulse-gpu {
//             0% { transform: scale(1); opacity: 0.8; }
//             100% { transform: scale(1.3); opacity: 0; }
//         }

//         /* Стили модального окна (без изменений) */
//         .ai-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999999; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; backdrop-filter: blur(3px); }
//         .ai-modal-overlay.active { display: flex; opacity: 1; }
//         .ai-modal-window { background: #fff; width: 90%; max-width: 600px; padding: 10px 10px; border-radius: 16px; position: relative; transform: translateY(20px); transition: transform 0.3s ease; max-height: 90vh; overflow-y: auto; }
//         .ai-modal-overlay.active .ai-modal-window { transform: translateY(0); }
//         .ai-modal-close { position: absolute; top: 15px; right: 15px; background: none; border: none; font-size: 28px; color: #999; cursor: pointer; z-index: 10; }
//         @media (max-width: 600px) { .ai-float-text { display: none; } .ai-float-btn { padding: 12px; bottom: 20px; right: 20px; } }
//     </style>

//     <div class="ai-floating-wrapper">
//         <div class="ai-float-btn" id="ai-float-trigger" title="ИИ Помощник">
//             <div class="ai-float-icon">
//                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path d="M0 208C0 104.4 75.7 18.5 174.9 2.6 184 1.2 192 8.6 192 17.9l0 63.3c0 8.4 6.5 15.3 14.7 16.5 100.3 14.9 177.3 101.3 177.3 205.7 0 103.6-75.7 189.5-174.9 205.4-9.2 1.5-17.1-5.9-17.1-15.2l0-63.3C192 421.9 185.5 415 177.3 413.7 77 398.9 0 312.4 0 208zm288 48a96 96 0 1 0 -192 0 96 96 0 1 0 192 0zm-96-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"/></svg>
//             </div>
//             <span class="ai-float-text">AI Помощник</span>
//         </div>
//     </div>

//     <div class="ai-modal-overlay" id="ai-modal-global">
//         <div class="ai-modal-window">
//             <button class="ai-modal-close" id="ai-modal-close-global">×</button>
//              <div data-calc-container="calc-ai-assistant-ru">
  <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>

  <style>
    /* Восстановленные и закрепленные стили */
    [data-calc-container="calc-ai-assistant-ru"] {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
      max-width: 600px !important;
      margin: 0 auto !important;
      background: white !important;
      box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
      border: 1px solid #e5e7eb !important;
      border-radius: 12px !important;
      overflow: hidden !important;
      display: flex !important;
      flex-direction: column !important;
      max-height: 500px !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-header {
      background: #d14600 !important;
      color: white !important;
      padding: 10px 15px !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-title {
      margin: 0 !important;
      font-size: 16px !important;
      font-weight: 700 !important;
      color: white !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-messages {
      height: 260px !important;
      overflow-y: auto !important;
      padding: 15px !important;
      background: #F9FAFB !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 10px !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-message {
      padding: 8px 12px !important;
      border-radius: 8px !important;
      font-size: 13.5px !important;
      line-height: 1.5 !important;
      max-width: 92% !important;
      word-wrap: break-word !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-message-user {
      background: #d14600 !important;
      color: white !important;
      align-self: flex-end !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-message-ai {
      background: white !important;
      border: 1px solid #e5e7eb !important;
      color: #1f2937 !important;
      align-self: flex-start !important;
      box-shadow: 0 1px 2px rgba(0,0,0,0.05) !important;
    }

    /* Форматирование Markdown */
    .calc-message-ai p { margin: 0 0 6px 0 !important; }
    .calc-message-ai ul, .calc-message-ai ol { margin: 4px 0 8px 15px !important; padding: 0 !important; }
    .calc-message-ai code { font-family: monospace !important; background: #f3f4f6 !important; padding: 2px 4px !important; border-radius: 4px !important; color: #d63384 !important; font-size: 12px !important; }

    [data-calc-container="calc-ai-assistant-ru"] .calc-input-area {
      padding: 10px 15px !important;
      background: white !important;
      border-top: 1px solid #e5e7eb !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 8px !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-textarea {
      width: 100% !important;
      padding: 8px 12px !important;
      border: 2px solid #e5e7eb !important;
      border-radius: 8px !important;
      font-size: 14px !important;
      color: #1f2937 !important;
      resize: none !important;
      height: 50px !important;
      font-family: inherit !important;
      box-sizing: border-box !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-button {
      width: 100% !important;
      padding: 10px !important;
      border: none !important;
      border-radius: 8px !important;
      font-size: 15px !important;
      font-weight: 600 !important;
      cursor: pointer !important;
      background-color: #d14600 !important;
      color: white !important;
    }

    [data-calc-container="calc-ai-assistant-ru"] .calc-button:disabled {
      background-color: #9CA3AF !important;
      cursor: not-allowed !important;
    }

    .typing-indicator { display: flex; align-items: center; gap: 4px; padding: 4px; }
    .typing-dot { width: 5px; height: 5px; background: #9CA3AF; border-radius: 50%; animation: typing 1.4s infinite ease-in-out; }
    @keyframes typing { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.5); opacity: 1; } }
  </style>

  <div class="calc-header">
    <h4 class="calc-title">ИИ Помощник</h4>
  </div>
  
  <div class="calc-messages" id="math-chat-messages">
    <div class="calc-message calc-message-ai">
      Привет! Напиши условие задачи, например:<br>
      <em>"Найди площадь круга с радиусом 5 см"</em> или <em>"Реши уравнение x^2 - 4 = 0"</em>.
    </div>
  </div>
  
  <div class="calc-input-area">
    <textarea class="calc-textarea" id="math-user-input" placeholder="Введите задачу..."></textarea>
    <button class="calc-button" id="math-send-btn">Решить</button>
  </div>

  <script>
    document.addEventListener('DOMContentLoaded', function() {
      const chatMessages = document.getElementById('math-chat-messages');
      const userInput = document.getElementById('math-user-input');
      const sendBtn = document.getElementById('math-send-btn');

      const MODELS = ['gemini-2.5-flash'];
      
      const MATH_KEYWORDS = ['реши', 'вычисли', 'найди', 'рассчитай', 'посчитай', 'определи', 'докажи', 'упрости', 'разложи', 'выведи', 'построй', 'измерь', 'умножь', 'подели', 'прибавь', 'вычти', 'плюс', 'минус', 'корень', 'степень', 'формула', 'алгебра', 'геометрия', 'тригонометрия', 'матанализ', 'статистика', 'физика', 'механика', 'скорость', 'сила', 'энергия', 'химия', 'уравнение', 'реакция', 'моль', 'площадь', 'объем', 'периметр', 'длина', 'ширина', 'высота', 'радиус', 'диаметр', 'конвертировать', 'перевести', 'метр', 'килограмм', 'литр', 'вольт', 'ампер', 'синус', 'косинус', 'производная', 'интеграл', 'задача', 'пример', 'дано', 'ответ', 'сколько', 'почему', 'как найти'];

      let countdownInterval = null;
      const countdownKey = 'aiCalcCountdown';

      function isScienceQuestion(text) {
        if (!text || text.length < 3) return false;
        const lowerText = text.toLowerCase();
        const hasKeyword = MATH_KEYWORDS.some(kw => lowerText.includes(kw));
        const hasNumber = /[0-9]/.test(text);
        const hasOperator = /[+\-*\/^=??]/.test(text);
        return hasKeyword || (hasNumber && hasOperator);
      }

      function addMessage(content, sender) {
        const msgDiv = document.createElement('div');
        msgDiv.className = `calc-message calc-message-${sender}`;
        if (sender === 'ai') {
          try { msgDiv.innerHTML = marked.parse(content); } 
          catch (e) { msgDiv.innerHTML = content.replace(/\n/g, '<br>'); }
        } else {
          msgDiv.textContent = content; 
        }
        chatMessages.appendChild(msgDiv);
        chatMessages.scrollTop = chatMessages.scrollHeight;
      }

      function addLoadingIndicator() {
        const loader = document.createElement('div');
        loader.id = 'math-loader';
        loader.className = 'calc-message calc-message-ai';
        loader.innerHTML = '<div class="typing-indicator"><div class="typing-dot"></div><div class="typing-dot"></div><div class="typing-dot"></div></div>';
        chatMessages.appendChild(loader);
        chatMessages.scrollTop = chatMessages.scrollHeight;
        return 'math-loader';
      }

      function removeLoadingIndicator() {
        const loader = document.getElementById('math-loader');
        if (loader) loader.remove();
      }

      function startCountdown(seconds) {
        sendBtn.disabled = true;
        const endTime = Date.now() + seconds * 1000;
        sessionStorage.setItem(countdownKey, endTime);
        updateCountdownDisplay();
        countdownInterval = setInterval(updateCountdownDisplay, 1000);
      }

      function updateCountdownDisplay() {
        const endTime = sessionStorage.getItem(countdownKey);
        if (!endTime) { resetButton(); return; }
        const remainingTime = Math.max(0, Math.ceil((endTime - Date.now()) / 1000));
        if (remainingTime <= 0) {
          clearInterval(countdownInterval);
          sessionStorage.removeItem(countdownKey);
          resetButton();
        } else {
          sendBtn.textContent = `Подождите ${remainingTime}с...`;
          sendBtn.disabled = true;
        }
      }

      function resetButton() {
        sendBtn.disabled = false;
        sendBtn.textContent = 'Решить';
        clearInterval(countdownInterval);
      }

      // Восстановление таймера при перезагрузке
      const storedEndTime = sessionStorage.getItem(countdownKey);
      if (storedEndTime) {
        const remaining = Math.ceil((storedEndTime - Date.now()) / 1000);
        if (remaining > 0) startCountdown(remaining);
        else sessionStorage.removeItem(countdownKey);
      }

      async function sendToGemini(message) {
        // Здесь используется ваш оригинальный путь к PHP
        const response = await fetch('/api-handler.php', {
          method: 'POST',
          headers: { 'Content-Type': 'application/json' },
          body: JSON.stringify({
            body: {
              model: MODELS[0],
              messages: [
                { role: "system", content: "Ты - ИИ-репетитор по точным наукам. Отвечай на русском. Используй Markdown. Формулы пиши в отдельной строке. В конце выделяй Ответ." },
                { role: "user", content: message }
              ],
              temperature: 0.1,
              max_tokens: 2000
            }
          })
        });
        if (!response.ok) throw new Error('Ошибка сети');
        const data = await response.json();
        return data.choices[0].message.content;
      }

      async function sendMessage() {
        const message = userInput.value.trim();
        if (!message) return;

        if (!isScienceQuestion(message)) {
          addMessage(message, 'user');
          userInput.value = '';
          setTimeout(() => {
            addMessage("Я могу помочь только с задачами по математике, физике или химии. Попробуйте переформулировать запрос, используя слова 'Реши', 'Найди', 'Посчитай'.", 'ai');
          }, 500);
          return;
        }

        sendBtn.disabled = true;
        addMessage(message, 'user');
        userInput.value = '';
        addLoadingIndicator();
        
        try {
          const response = await sendToGemini(message);
          removeLoadingIndicator();
          addMessage(response, 'ai');
          startCountdown(30); 
        } catch (error) {
          removeLoadingIndicator();
          addMessage("Ошибка. Попробуйте позже.", 'ai');
          startCountdown(5);
        }
      }

      sendBtn.addEventListener('click', sendMessage);
      userInput.addEventListener('keypress', function(e) {
        if (e.key === 'Enter' && !e.shiftKey) {
          e.preventDefault();
          if (!sendBtn.disabled) sendMessage();
        }
      });
    });
  </script>
</div>//         </div>
//     </div>

//     <script>
//     document.addEventListener('DOMContentLoaded', function() {
//         const t = document.getElementById('ai-float-trigger'), m = document.getElementById('ai-modal-global'), c = document.getElementById('ai-modal-close-global');
//         function open() { if(m){ m.style.display='flex'; document.body.style.overflow='hidden'; setTimeout(()=>{m.classList.add('active')},10); } }
//         function close() { if(m){ m.classList.remove('active'); setTimeout(()=>{m.style.display='none'; document.body.style.overflow=''},300); } }
//         if(t) t.addEventListener('click', function(e){ e.preventDefault(); open(); });
//         if(c) c.addEventListener('click', close);
//         if(m) m.addEventListener('click', function(e){ if(e.target===m) close(); });
//     });
//     </script>
//