:root{--brand-blue:#0d0d0d;--brand-sky:#1f1b24;--brand-teal:#0d0d0d;--brand-light:#1f1b24;--brand-surface:#0d0d0de6;--text-primary:#fffffff0;--text-secondary:#f8fafcb8;--divider:#ffffff1f;--accent-gold:#0add90;--accent-blue:#00ae6e;--accent-mint:#00d084;--accent-glow:#0add9059}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);background:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:0 0;height:100vh;overflow:hidden}.widget-stage{background:linear-gradient(135deg,#0d0d0d 0%,#1f1b24 55%,#0d0d0d 100%);height:100vh;position:relative}.widget-blank{background:radial-gradient(circle at 18% 18%,#0add901f,#0000 45%),radial-gradient(circle at 82% 12%,#00ae6e1f,#0000 40%),#0d0d0d;position:absolute;inset:0}.widget-overlay{pointer-events:none;z-index:1100;position:fixed;inset:0}.widget-overlay.open{pointer-events:auto}.widget-overlay-backdrop{opacity:0;background:#05070ac7;transition:opacity .26s;position:absolute;inset:0}.widget-overlay.open .widget-overlay-backdrop{opacity:1}.widget-panel{opacity:0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#0d0d0df5 0%,#1f1b24fa 100%);border:1px solid #ffffff14;border-radius:22px 0 0 22px;flex-direction:column;width:min(980px,100vw - 84px);min-height:0;transition:transform .32s,opacity .22s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(22px);box-shadow:0 32px 64px #0305078c,0 0 40px #0add901f}.widget-panel.open{opacity:1;transform:translate(0)}.widget-panel-header{background:0 0;grid-template-columns:1fr auto;align-items:center;gap:14px;height:68px;padding:0 14px;display:grid;position:relative}.widget-panel-header:after{content:"";background:#ffffff0f;height:1px;position:absolute;bottom:0;left:0;right:0}.widget-header-text{align-items:center;gap:12px;min-width:0;display:flex}.widget-header-title{color:var(--text-primary);white-space:nowrap;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:700}.widget-header-sep{color:#e2e8f066;font-weight:600}.widget-header-subtitle{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;font-weight:500;overflow:hidden}.widget-header-actions{flex:none;align-items:center;gap:10px;display:flex}.widget-new-chat{color:#fff;cursor:pointer;background:#111827f0;border:1px solid #1118271f;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 14px 0 12px;font-size:14px;font-weight:600;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex;box-shadow:0 10px 16px #1118271f}.widget-new-chat:hover{background:#111827e0;transform:translateY(-1px);box-shadow:0 14px 20px #11182729}.widget-new-chat:active{transform:translateY(0)}.widget-new-chat-icon{background:#ffffff24;border-radius:999px;justify-content:center;align-items:center;width:20px;height:20px;font-size:18px;line-height:1;display:inline-flex}.widget-close{color:#111827bf;cursor:pointer;background:#fff;border:1px solid #1118271f;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;line-height:1;transition:background .16s,transform .16s,box-shadow .16s;display:inline-flex}.widget-close:hover{background:#1118270a;transform:translateY(-1px);box-shadow:0 10px 16px #1118271a}.widget-close:active{transform:translateY(0)}.widget-panel-body{flex-direction:column;flex:1;min-height:0;display:flex}.widget-chat-shell{background:0 0;border-right:none;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:visible}.widget-chat-rail{background:#0d0d0df0;border-right:1px solid #0add901f;flex-direction:column;align-items:center;gap:12px;width:56px;padding:14px 8px;display:flex}.widget-rail-btn{color:#111827c7;cursor:pointer;background:#ffffffeb;border:1px solid #11182724;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .16s,background .16s,color .16s,box-shadow .16s;display:inline-flex}.widget-rail-btn:hover{background:#1118270a;transform:translateY(-1px)}.widget-rail-btn:active{transform:translateY(0)}.widget-rail-btn.active{color:#fff;background:#111827eb;border-color:#111827eb;box-shadow:0 10px 18px #0000002e}.icon-chat{color:#f8fafc9e;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .16s;display:inline-flex}.icon-chat:hover{color:#fffffff2;background:#0add9024;box-shadow:0 10px 18px #00000059}.icon-chat.selected{color:#fff;background:#0add9033}.icon-new-chat{color:#11182766;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .16s;display:inline-flex}.icon-new-chat:hover{color:#111827eb;background:#fff;box-shadow:0 2px 8px #0000001a}.icon-new-chat.selected{color:#fff;background:#111827eb}.widget-chat-panel{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:visible}@media (max-width:980px){.widget-panel{width:min(860px,100vw - 96px)}}@media (max-width:768px){.widget-panel{border-radius:0;width:auto;inset:0}.widget-panel-body{grid-template-columns:1fr}}.widget-left-brand{pointer-events:none;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;inset:0 min(980px,100vw - 84px) 0 0;overflow:hidden}.widget-brand-wordmark{-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;align-items:center;font-family:Poppins,system-ui,sans-serif;font-weight:800;line-height:1.05;display:flex}.widget-brand-vitti{color:#0add9038;letter-spacing:.08em;text-shadow:0 0 48px #0add902e,0 0 8px #0add9014;font-size:clamp(26px,3.4vw,58px)}.widget-brand-sync{color:#0add9024;letter-spacing:.42em;text-shadow:0 0 32px #0add901a;padding-left:.42em;font-size:clamp(13px,1.7vw,29px)}.messages-container{flex-direction:column;gap:16px;display:flex}.message{margin-bottom:8px;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:12px;max-width:70%;padding:12px 16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;line-height:1.5;box-shadow:0 14px 28px #00000014}.message.user .message-content{color:#e2e8f0f2;background:#0d131099;border:1px solid #0add9040;border-bottom-right-radius:4px;box-shadow:0 12px 26px #02061766}.message.assistant .message-content{color:#f8fafceb;background:linear-gradient(135deg,#0a100ce6 0%,#0d1611d1 55%,#0a100ce0 100%);border:1px solid #0add9038;border-bottom-left-radius:4px;padding-top:36px;position:relative;box-shadow:0 18px 30px #02061766,0 0 18px #0add901f}.message.assistant .message-content:before{content:"vitti sync";letter-spacing:.08em;text-transform:uppercase;color:#0add90f2;opacity:.95;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:6px;left:12px}.message.assistant .message-content:after{content:"";background:linear-gradient(90deg,#0add90e6,#0000);border-radius:999px;width:28px;height:2px;position:absolute;top:24px;left:12px}.message.assistant .message-content p{margin:0 0 12px}
.chat-interface{background:linear-gradient(#0a100ceb 0%,#07140efa 100%);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.chat-header{color:#fff;background:linear-gradient(135deg,#0a1a12 0%,#0f2a1d 55%,#0a1a12 100%);border-bottom:1px solid #0add902e;border-radius:0 0 24px 24px;align-items:center;gap:15px;padding:20px;display:flex;box-shadow:0 16px 34px #0006}.menu-toggle{cursor:pointer;color:#fff;background:#ffffff2e;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:none}.menu-toggle:hover{background:#ffffff42}.menu-toggle:active{transform:scale(.95)}.header-content{text-align:left;flex:1;align-items:center;gap:16px;display:flex}.brand-logo{background:#ffffffeb;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;padding:10px;display:inline-flex;overflow:hidden;box-shadow:0 12px 20px #00000024}.brand-logo img{object-fit:contain;width:100%;height:auto;display:block}.header-text{flex-direction:column;gap:4px;display:flex}.chat-header h1{letter-spacing:.01em;margin-bottom:4px;font-size:22px;font-weight:600}.chat-header p{opacity:.9;color:#ffffffd9;font-size:13px}.messages-container{background:linear-gradient(#080c1259 0%,#06080cb3 100%);flex-direction:column;flex:1;gap:16px;min-height:0;padding:26px 22px;display:flex;overflow:hidden auto}.welcome{color:#111827;padding:8px 6px 18px}.welcome-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:10px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:28px;font-weight:700}.welcome-text{color:var(--text-secondary);max-width:520px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.message{margin-bottom:8px;animation:.3s messageSlideIn;display:flex}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{justify-content:flex-end}.message.assistant{justify-content:flex-start}.message-content{word-wrap:break-word;border-radius:12px;max-width:70%;padding:12px 16px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;font-weight:500;line-height:1.5;box-shadow:0 14px 28px #00000014}.message.user .message-content{color:#e2e8f0f2;background:#0d131099;border:1px solid #0add9040;border-bottom-right-radius:4px;box-shadow:0 12px 26px #02061766}.message.assistant .message-content{color:#f8fafceb;background:linear-gradient(135deg,#0a100ce6 0%,#0d1611d1 55%,#0a100ce0 100%);border:1px solid #0add9038;border-bottom-left-radius:4px;padding-top:36px;position:relative;box-shadow:0 18px 30px #02061766,0 0 18px #0add901f}.message.assistant .message-content:before{content:"vitti sync";letter-spacing:.08em;text-transform:uppercase;color:#0add90f2;opacity:.95;white-space:nowrap;font-size:11px;font-weight:700;position:absolute;top:6px;left:12px}.message.assistant .message-content:after{content:"";background:linear-gradient(90deg,#0add90e6,#0000);border-radius:999px;width:28px;height:2px;position:absolute;top:24px;left:12px}.message.assistant .message-content p{margin:0 0 12px}.message.assistant .message-content p:last-child{margin-bottom:0}.message.assistant .message-content strong{color:#0add90f2;font-weight:600}.message.assistant .message-content ul,.message.assistant .message-content ol{color:var(--text-secondary);margin:8px 0;padding-left:20px}.message.assistant .message-content li{margin:4px 0}.message.error .message-content{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.typing-indicator{align-items:center;gap:6px;min-width:110px;padding:6px 16px 12px;display:flex}.typing-indicator span{background:#f8fafcd9;border-radius:50%;width:6px;height:6px;margin-top:4px;animation:1.4s infinite typing;box-shadow:0 0 6px #0add9059}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.7;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.input-container{background:#09120dd1;border:1px solid #0add902e;border-radius:18px;gap:12px;margin:0 18px 10px;padding:10px;display:flex;box-shadow:0 18px 30px #00000061,0 0 26px #0add902e}.mui-input-shell .MuiInputBase-input{line-height:24px}.mui-input-shell .MuiInputBase-input::placeholder,.mui-input-shell textarea::placeholder{color:#11182773;opacity:1;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.recording-bar{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:2px solid #ef44444d;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;animation:2s ease-in-out infinite pulseRecording;display:flex}@keyframes pulseRecording{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 8px #ef444400}}.recording-indicator{flex:1;align-items:center;gap:8px;display:flex}.recording-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;animation:1.5s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-text{color:#dc2626;font-size:15px;font-weight:600}.recording-wave{align-items:center;gap:3px;margin-left:auto;display:flex}.recording-wave span{background:#ef4444;border-radius:2px;width:3px;animation:1.2s ease-in-out infinite wave}.recording-wave span:first-child{height:8px;animation-delay:0s}.recording-wave span:nth-child(2){height:16px;animation-delay:.1s}.recording-wave span:nth-child(3){height:24px;animation-delay:.2s}.recording-wave span:nth-child(4){height:16px;animation-delay:.3s}.recording-wave span:nth-child(5){height:12px;animation-delay:.4s}@keyframes wave{0%,to{opacity:.5;height:8px}50%{opacity:1;height:24px}}.cancel-recording-btn,.stop-recording-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.cancel-recording-btn{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}.cancel-recording-btn:hover{background:#ef444440;transform:translateY(-1px)}.stop-recording-btn{color:#fff;background:#111827eb;box-shadow:0 8px 16px #0000002e}.stop-recording-btn:hover{background:#111827db;transform:translateY(-1px);box-shadow:0 12px 20px #00000038}.transcribing-indicator{animation:1s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-banner .message-content{color:var(--text-secondary);align-items:center;gap:12px;display:flex}.restoring-message{background:#1118270a;border:1px solid #1118271f}.restoring-indicator{border:2px solid #11182738;border-top-color:#111827b8;border-radius:50%;width:14px;height:14px;animation:.9s linear infinite restoring-spin}@keyframes restoring-spin{to{transform:rotate(360deg)}}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:#11182738;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#11182752}.messages-container{scrollbar-width:thin;scrollbar-color:#11182738 transparent}@media (max-width:768px){.menu-toggle{display:flex}.chat-header{text-align:left;padding:16px}.header-content{text-align:left;gap:12px}.chat-header h1{font-size:18px}.chat-header p{font-size:12px}.brand-logo{width:48px;height:48px;padding:8px}.message-content{max-width:85%;font-size:14px}.messages-container{gap:12px;padding:18px 16px}.input-container{gap:8px;margin:0 12px 10px;padding:10px}.input-container input{font-size:14px}.input-container button,.input-container .audio-btn{width:42px;height:42px}.recording-bar{flex-wrap:wrap;gap:8px}.recording-indicator{justify-content:space-between;width:100%}.cancel-recording-btn,.stop-recording-btn{flex:1;padding:10px 16px;font-size:13px}}@media (min-width:769px) and (max-width:1024px){.message-content{max-width:80%}}.messages-container:empty:before{content:"Iniciá una conversación sobre vitti sync";color:#11182773;justify-content:center;align-items:center;height:100%;font-size:16px;display:flex}.chat-disclaimer{color:#f8fafc99;text-align:center;padding:0 18px 14px;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:500}.chat-disclaimer-link{color:#f8fafc99;text-underline-offset:2px;opacity:.95;text-decoration:underline}.chat-disclaimer-link:visited,.chat-disclaimer-link:hover,.chat-disclaimer-link:active,.chat-disclaimer-link:focus-visible{color:#f8fafc99}.icon-send{color:#11182766;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .16s;display:inline-flex}.icon-send.inactive{color:#11182766;background:0 0}.icon-send:hover:not(.inactive){color:#111827eb;background:#fff;box-shadow:0 2px 8px #0000001a}.icon-send.active{color:#fff;background:#111827eb}.icon-voice{color:#11182766;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .16s;display:inline-flex}.icon-voice:hover{color:#111827eb;background:#fff;box-shadow:0 2px 8px #0000001a}.icon-voice.selected{color:#111827eb;background:0 0}.icon-voice.active{color:#fff;background:#111827eb}