:root{--bg-dark: #0f172a;--bg-light: #f1f5f9;--card-bg: rgba(30, 41, 59, .7);--card-bg-light: rgba(255, 255, 255, .8);--accent: #38bdf8;--accent-hover: #0ea5e9;--text-main: #f8fafc;--text-main-light: #1e293b;--text-muted: #94a3b8;--text-muted-light: #64748b;--gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--glass-border: rgba(255, 255, 255, .1);--glass-border-light: rgba(0, 0, 0, .1);--current-bg: var(--bg-dark);--current-card: var(--card-bg);--current-text: var(--text-main);--current-text-muted: var(--text-muted);--current-border: var(--glass-border)}.light-mode{--current-bg: var(--bg-light);--current-card: var(--card-bg-light);--current-text: var(--text-main-light);--current-text-muted: var(--text-muted-light);--current-border: var(--glass-border-light)}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:var(--current-bg);color:var(--current-text);height:100vh;width:100vw;margin:0;padding:0;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top right,var(--current-card),var(--current-bg));overflow:hidden;transition:background-color .3s,color .3s}#app{width:100%;max-width:500px;height:90vh;background:var(--current-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--current-border);border-radius:28px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000080;position:relative;z-index:10}header{padding:20px 24px;border-bottom:1px solid var(--current-border);display:flex;justify-content:space-between;align-items:center}.header-actions{display:flex;align-items:center;gap:16px}#theme-toggle{background:transparent;border:none;color:var(--current-text-muted);cursor:pointer;display:flex;align-items:center;padding:4px;border-radius:8px;transition:all .2s}#theme-toggle:hover{background:#ffffff1a;color:var(--accent)}.light-mode #theme-toggle:hover{background:#0000000d}#theme-toggle svg{width:20px;height:20px}.sun{display:none}.light-mode .sun{display:block}.light-mode .moon{display:none}.logo{font-size:1.25rem;font-weight:600}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.status{font-size:.85rem;color:var(--current-text-muted);display:flex;align-items:center;gap:6px}.dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;box-shadow:0 0 10px #22c55e;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(1);box-shadow:0 0 #22c55e00}}#chat-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;scrollbar-width:thin;scrollbar-color:var(--glass-border) transparent}#chat-container::-webkit-scrollbar{width:6px}#chat-container::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.message{max-width:85%;padding:12px 16px;border-radius:16px;font-size:.95rem;line-height:1.5;position:relative;word-wrap:break-word}.bot{align-self:flex-start;background:#ffffff0d;border:1px solid var(--current-border);border-bottom-left-radius:4px}.light-mode .bot{background:#fff;box-shadow:0 4px 12px #0000000d}.user{align-self:flex-end;background:var(--gradient);color:#fff;border-bottom-right-radius:4px}footer{padding:20px;border-top:1px solid var(--glass-border)}#chat-form{display:flex;gap:12px}#user-input{flex:1;background:#ffffff0d;border:1px solid var(--current-border);border-radius:12px;padding:12px 16px;color:var(--current-text);outline:none;transition:all .3s}.light-mode #user-input{background:#fff}#user-input:focus{border-color:var(--accent)}#clear-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--text-muted);cursor:pointer;transition:all .2s}#clear-btn:hover{background:#ef44441a;color:#ef4444;border-color:#ef4444}#mic-btn{background:#ffffff0d;border:1px solid var(--glass-border);border-radius:12px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:var(--text-muted);cursor:pointer;transition:all .2s}#mic-btn:hover{background:#38bdf81a;color:var(--accent)}#mic-btn.recording{background:#ef444433;color:#ef4444;border-color:#ef4444;animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.1);box-shadow:0 0 0 10px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}#clear-btn svg,#mic-btn svg{width:20px;height:20px}.suggestions-container{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px;margin-bottom:8px;scrollbar-width:none}.suggestions-container::-webkit-scrollbar{display:none}.suggestion-pill{background:#ffffff0d;border:1px solid var(--glass-border);padding:6px 14px;border-radius:100px;font-size:.8rem;white-space:nowrap;cursor:pointer;transition:all .2s;color:var(--text-muted)}.suggestion-pill:hover{background:#38bdf81a;border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}#send-btn{background:var(--gradient);border:none;border-radius:12px;width:48px;height:48px;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s}#send-btn:hover{transform:scale(1.05);opacity:.9}#send-btn svg{width:20px;height:20px}@media (max-width: 640px){body{align-items:stretch}#app{height:100vh;height:100dvh;max-width:100%;border-radius:0;border:none;box-shadow:none}header{padding:16px 20px;background:#0f172acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.logo{font-size:1.1rem}#chat-container{padding:16px;gap:20px}.message{font-size:.95rem;max-width:92%;padding:14px 18px}footer{padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#0f172ae6;border-top:1px solid var(--current-border)}#chat-form{gap:8px}#user-input{padding:12px 14px;font-size:1rem}#mic-btn,#send-btn,#clear-btn{width:44px;height:44px;min-width:44px}.suggestions-container{padding:4px 0 12px}.suggestion-pill{padding:8px 16px;font-size:.85rem;background:#ffffff1a}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .4s ease forwards}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#ffffff0d;border-radius:16px;width:fit-content}.typing-indicator span{width:6px;height:6px;background:var(--text-muted);border-radius:50%;animation:bounce 1.4s infinite ease-in-out}.typing-indicator span:nth-child(1){animation-delay:-.32s}.video-card{background:#0003;border-radius:12px;overflow:hidden;margin-top:12px;border:1px solid var(--glass-border);transition:transform .3s}.video-card:hover{transform:translateY(-2px);border-color:var(--accent)}.video-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.video-info{padding:10px 12px;display:flex;justify-content:space-between;align-items:center}.video-title{font-size:.85rem;font-weight:600;color:#fff}.video-link-icon{background:var(--accent);color:#fff;width:32px;height:32px;border-radius:8px;display:flex;justify-content:center;align-items:center}.message-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.05)}.feedback-container{display:flex;gap:8px}.feedback-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center}.feedback-btn:hover{color:var(--accent);background:#38bdf81a}.feedback-btn.active{color:var(--accent)}.whatsapp-btn{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600;font-size:.9rem;margin-top:10px;transition:all .3s;box-shadow:0 4px 12px #25d3664d}.whatsapp-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #25d36666;filter:brightness(1.1)}.whatsapp-btn svg{width:20px;height:20px}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.video-link{display:inline-block;background:#ffffff1a;border:1px solid var(--accent);color:var(--accent);padding:8px 16px;border-radius:10px;text-decoration:none;font-weight:600;font-size:.85rem;transition:all .3s}.video-link:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}