/* --- (Mantive o CSS original intacto para preservar o visual) --- */
    :root {
      --bg: radial-gradient(circle at 20% 20%, #121926, #050811 60%, #000000 100%);
      --text: #e4ecff;
      --accent: #00f5ff;
      --accent-soft: rgba(0, 245, 255, .18);
      --danger: #ff4b6b;
      --shadow-soft: 0 18px 40px rgba(0,0,0,.65);
      --fast: .25s; --med: .6s; --slow: 1.4s;
    }
    * { box-sizing:border-box; margin:0; padding:0; }
    html, body { width:100%; height:100%; margin:0; padding:0 1px 16px; background:var(--bg); color:var(--text); font-family: system-ui, -apple-system, sans-serif; }
    
    .dual-chat-module { position: fixed; left: 50%; transform: translateX(-50%); bottom: calc(78px + env(safe-area-inset-bottom)); width: min(520px, calc(100% - 32px)); max-width: 520px; display:flex; flex-direction:column; gap:10px; z-index: 2; transition: transform .22s ease; }
    .dual-chat-module.collapsed { transform: translateX(-50%) translateY(26px); }

    .response-container { border-radius:20px; background: radial-gradient(circle at 0 0, rgba(0,255,255,.14), rgba(0,0,0,.86)); backdrop-filter: blur(14px) saturate(160%); box-shadow: var(--shadow-soft); padding:12px; display:flex; flex-direction:column; gap:8px; max-height:60vh; overflow-y:auto; animation: fadeInUp var(--slow) ease forwards; }
    @keyframes fadeInUp { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }

    .pages-wrapper { width:100%; display:flex; flex-direction:column; gap:10px; }
    .page { display:none; opacity:0; transition:opacity var(--med) ease; }
    .page.active { display:block; opacity:1; }
    .page.initial { min-height:90px; display:flex; align-items:center; justify-content:center; text-align:center; }

    #bootText { font-weight:700; position:relative; letter-spacing:.03em; }
    #bootText.pulse::after { content: attr(data-text); position:absolute; inset:0; background:linear-gradient(42deg,#0ff,#f0f); -webkit-background-clip:text; -webkit-text-fill-color:transparent; filter:blur(4px); opacity:.45; animation:pulseGlow 3s ease-in-out infinite; }
    @keyframes pulseGlow { 0%,100% { opacity:0.4; } 50% { opacity:0.9; } }

    .response-block { margin:.35rem 0; padding:1rem 1.1rem; border-radius:14px; line-height:1.7; font-size:.9rem; border:1px solid rgba(255,255,255,.04); background: linear-gradient(135deg, rgba(255,255,255,.02), rgba(6,10,28,.95)); }
    .response-block.intro { background:linear-gradient(135deg, rgba(0,255,255,.18), rgba(0,40,70,.9)); }
    .response-block.ending { background:linear-gradient(135deg, rgba(255,0,255,.18), rgba(40,0,60,.95)); }
    .response-block h1, .response-block h2, .response-block h3 { margin-bottom:.2rem; }
    .response-block code { font-family:monospace; font-size:.8rem; padding:.15rem .32rem; border-radius:6px; background:rgba(0,0,0,.5); }
    .response-block ul { padding-left:18px; margin:.35rem 0; }
    
    .lv-callout { border-radius:12px; padding:6px 8px; margin:4px 0; font-size:.8rem; line-height:1.5; }
    .lv-callout.info { border:1px solid rgba(0,255,255,.45); background:rgba(0,255,255,.06); }
    
    .footer-text { margin-top:4px; padding:6px 10px; font-size:.78rem; text-align:center; opacity:.8; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(0,0,0,.65); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:6px; }
    .footer-dot { width:6px; height:6px; border-radius:50%; background:linear-gradient(45deg,#0ff,#f0f); box-shadow:0 0 12px rgba(0,255,255,.7); }

    .response-controls { margin-top:6px; padding-top:6px; border-top:1px solid rgba(255,255,255,.12); display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:.8rem; }
    .control-buttons, .pagination { display:flex; align-items:center; gap:8px; }
    .icon-btn { width:30px; height:30px; border-radius:50%; border:none; background:rgba(0,0,0,.7); color:var(--accent); cursor:pointer; display:flex; align-items:center; justify-content:center; }
    .pagination button { border:none; background:none; font-size:1.1rem; cursor:pointer; background:linear-gradient(45deg,#0ff,#f0f); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

    #iaConfigPanel { margin-top:6px; padding:8px 10px; border-radius:16px; background:rgba(0, 8, 20, .96); border:1px solid rgba(0,255,255,.24); display:none; flex-direction:column; gap:6px; }
    #iaConfigPanel.active { display:flex; }
    #iaConfigHeader { display:flex; align-items:center; justify-content:space-between; }
    .ia-close-btn { border:none; border-radius:50%; background:rgba(0,0,0,.7); color:white; width:24px; height:24px; cursor:pointer; }
    .ia-field { display:flex; flex-direction:column; gap:3px; }
    .ia-field input, .ia-field select { width:100%; border-radius:8px; border:1px solid rgba(0,255,255,.3); background:rgba(0,0,0,.7); color:inherit; padding:5px 7px; font-size:.78rem; outline:none; }
    .ia-actions { display:flex; gap:6px; margin-top:4px; }
    .pill-btn { flex:1; border-radius:999px; border:1px solid rgba(0,255,255,.6); background:transparent; padding:5px 0; font-size:.78rem; cursor:pointer; color:var(--accent); }
    .pill-btn:hover { background:var(--accent); color:#050515; }
    .ia-status { font-size:.7rem; opacity:.8; }
    .ia-status.ok { color:#63f8ba; } .ia-status.warn { color:#ffd480; }

    .input-container { display:flex; gap:8px; align-items:center; }
    #userInput { flex:1; padding:11px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(0,0,0,.7); color:inherit; font-size:.95rem; outline:none; }
    #sendBtn { width:50px; height:50px; border-radius:50%; border:none; background:conic-gradient(from 120deg,#0ff,#f0f,#0ff); font-size:1.4rem; cursor:pointer; }
    #voiceBtn { width:46px; height:46px; border-radius:50%; border:none; background:rgba(0,0,0,.75); color:var(--accent); font-size:1rem; cursor:pointer; }
    #voiceBtn.recording { box-shadow:0 0 22px rgba(0,255,180,.8); background:radial-gradient(circle at 30% 0, rgba(0,255,180,.7), rgba(0,0,0,.9)); }

    .dual-chat-module.collapsed .pages-wrapper, 
    .dual-chat-module.collapsed .response-controls, 
    .dual-chat-module.collapsed #iaConfigPanel,
    .dual-chat-module.collapsed .input-container { display:none; }
  

        :root {
          --z-base: 0;
          --z-content: 100;
          --z-widget: 500;
          --z-overlay: 1000;
          --z-system: 5000;
        }
      

    body {
      margin: 0;
      height: 100vh;
      overflow: auto;
      background: radial-gradient(circle at center, #0a0a0a, #000000);
      color: white;
      font-family: 'Segoe UI', sans-serif;
      transition: background 0.6s ease;
    }

    body.light-mode {
      background: radial-gradient(circle at center, #f0f0f0, #dcdcdc);
      color: #111;
    }

    .content {
      width: 100%;
      height: 100%;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    iframe {
      width: 100%;
      height: 100%;
      border: none;
      opacity: 0;
      transition: opacity 0.6s ease;
      position: absolute;
      z-index: 1;
    }

    iframe.active {
      opacity: 1;
    }

    .theme-toggle {
      position: fixed;
      top: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 40px;
      height: 6px;
      border-radius: 3px;
      background: rgba(255, 255, 255, 0.3);
      cursor: pointer;
      transition: all 0.4s ease;
      z-index: 30;
    }

    body.light-mode .theme-toggle {
      background: rgba(0, 0, 0, 0.3);
    }

    .symbol-bar {
      position: fixed;
      top: 55%;
      right: 20px;
      transform: translateY(-50%);
      display: flex;
      flex-direction: column;
      gap: 12px;
      z-index: 40;
      opacity: 1;
      transition: opacity 0.3s ease, transform 0.3s ease;
    }

    .symbol-bar.hidden {
      opacity: 0;
      transform: translateY(-50%) translateX(100%);
      pointer-events: none;
    }

    .symbol-button {
      width: 24px;
      height: 24px;
      font-size: 12px;
      color: white;
      background: rgba(255,255,255,0.05);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(4px);
      transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
      opacity: 0.6;
    }

    .symbol-button:hover {
      background: rgba(255,255,255,0.15);
      transform: scale(1.1);
      box-shadow: 0 0 8px rgba(255,255,255,0.3);
      opacity: 1;
    }

    body.light-mode .symbol-button {
      background: rgba(0,0,0,0.05);
      color: #111;
    }

    .lock-button {
      position: fixed;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      width: 28px;
      height: 28px;
      background: transparent;
      border: 2px solid rgba(255,255,255,0.5);
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(4px);
      transition: background 0.3s ease, border-color 0.3s ease;
      z-index: 50;
    }

    .lock-button:hover {
      background: rgba(255,255,255,0.1);
      border-color: rgba(255,255,255,0.8);
    }

    body.light-mode .lock-button {
      border-color: rgba(0,0,0,0.5);
    }

    .menu-toggle {
      position: fixed;
      top: 20px;
      right: 20px;
      width: 28px;
      height: 28px;
      background: rgba(255,255,255,0.05);
      border: none;
      border-radius: 50%;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      backdrop-filter: blur(4px);
      transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
      z-index: 50;
    }

    .menu-toggle:hover {
      background: rgba(255,255,255,0.15);
      transform: scale(1.1);
    }

    body.light-mode .menu-toggle {
      background: rgba(0,0,0,0.05);
      color: #111;
    }

    .menu-toggle-line {
  p    width: 2px;
      height: 16px;
      background-color: white;
    }

    body.light-mode .menu-toggle-line {
      background-color: #111;
    }

    .menu-toggle.active {
      opacity: 0.4;
    }