:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes sparkle{0%,to{opacity:0;transform:scale(.8)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}}.ai-chat-item{margin-left:20px}.ai-chat-link{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#feca57 75%,#ff6b6b 100%) 0 0/400% 400%;border:none;border-radius:50px;padding:12px 24px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);animation:8s infinite gradientShift;display:inline-block;position:relative;overflow:hidden;box-shadow:0 10px 30px #667eea66}.ai-chat-link:before{content:"";z-index:-1;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:100%;height:100%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.ai-chat-link:after{content:"✨";font-size:20px;animation:2s ease-in-out infinite sparkle;position:absolute;top:-5px;right:-5px}.ai-chat-link:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 40px #667eea99}.ai-chat-link:hover:before{transform:translate(-50%,-50%)scale(2)}.ai-chat-link:active{transform:translateY(-1px)scale(1.02)}.ai-chat-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0006;justify-content:center;align-items:center;padding:20px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.ai-chat-modal{-webkit-backdrop-filter:blur(20px);color:#fff;background:#141423fa padding-box padding-box;border:2px solid #0000;border-radius:30px;width:min(600px,95vw);padding:40px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalSlideIn;position:relative;overflow:hidden;box-shadow:0 50px 100px #00000080,0 0 100px #667eea4d,inset 0 0 50px #ffffff0d}.ai-chat-modal:before{content:"";-webkit-mask-composite:xor;z-index:-1;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#ff6b6b) 0 0/300% 300%;border-radius:30px;padding:2px;animation:4s ease-in-out infinite borderAnimation;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderAnimation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chat-close{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ff8787 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 5px 15px #ff6b6b4d}.ai-chat-close:hover{transform:rotate(90deg)scale(1.1);box-shadow:0 8px 20px #ff6b6b80}.ai-chat-header{border-bottom:2px solid #ffffff1a;align-items:center;gap:20px;margin-bottom:35px;padding-bottom:25px;display:flex;position:relative}.ai-chat-header:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);width:100px;height:2px;animation:3s ease-in-out infinite borderSlide;position:absolute;bottom:-2px;left:0}@keyframes borderSlide{0%,to{left:0}50%{left:calc(100% - 100px)}}.ai-chat-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;font-size:28px;font-weight:800;animation:3s ease-in-out infinite avatarFloat;display:flex;position:relative;box-shadow:0 10px 30px #667eea66}.ai-chat-avatar:after{content:"";background:#4ade80;border:2px solid #1a1a2e;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse;position:absolute;bottom:5px;right:5px}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ai-chat-title{flex:1}.ai-chat-title h2{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:28px;font-weight:700}.ai-chat-title p{opacity:.8;color:#a0a0a0;font-size:14px}.ai-chat-body{gap:20px;margin-bottom:35px;display:grid}.ai-chat-option{text-align:left;cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.ai-chat-option:before{content:"";background:linear-gradient(90deg,#0000,#667eea33,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.ai-chat-option:hover{background:#667eea1a;border-color:#667eea80;transform:translateY(-5px)scale(1.02);box-shadow:0 10px 30px #667eea4d}.ai-chat-option:hover:before{left:100%}.ai-chat-option h3{color:#fff;margin-bottom:8px;font-size:20px;font-weight:600}.ai-chat-option p{opacity:.7;color:#b0b0b0;font-size:14px;line-height:1.5}.ai-chat-pill{letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50px;padding:8px 18px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite alternate pillGlow;box-shadow:0 5px 15px #667eea4d}@keyframes pillGlow{0%{box-shadow:0 5px 15px #667eea4d}to{box-shadow:0 5px 25px #667eea80}}.ai-chat-footer{border-top:2px solid #ffffff1a;flex-direction:column;gap:20px;padding-top:25px;display:flex}.ai-chat-note{opacity:.6;color:#b0b0b0;text-align:center;font-size:14px;line-height:1.6}.ai-chat-primary{letter-spacing:.5px;text-transform:uppercase;color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50px;align-self:center;padding:15px 35px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 15px 35px #667eea66}.ai-chat-primary:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-chat-primary:hover{transform:translateY(-3px);box-shadow:0 20px 40px #667eea80}.ai-chat-primary:hover:before{width:300px;height:300px}.ai-chat-primary:active{transform:translateY(-1px)}@media (max-width:600px){.ai-chat-modal{border-radius:25px;padding:30px 20px}.ai-chat-header{flex-direction:column;align-items:flex-start;gap:15px}.ai-chat-avatar{width:60px;height:60px;font-size:24px}.ai-chat-title h2{font-size:24px}.ai-chat-body{gap:15px}.ai-chat-option{text-align:center;flex-direction:column;padding:20px}.ai-chat-option h3{font-size:18px}.ai-chat-pill{padding:6px 14px;font-size:11px}.ai-chat-primary{padding:12px 28px;font-size:14px}}.ai-workspace{color:#fff;background:linear-gradient(135deg,#0f0f1e 0%,#1a1a2e 100%);flex-direction:column;height:100vh;display:flex}.ai-workspace-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141423f2;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.back-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;font-size:14px;transition:all .3s;display:flex}.back-button:hover{background:#ffffff1a;transform:translate(-5px)}.settings-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:40px;height:40px;transition:all .3s}.settings-button:hover{background:#ffffff1a;transform:rotate(45deg)}.ai-workspace-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.messages-container{flex-direction:column;flex:1;gap:20px;padding:30px;display:flex;overflow-y:auto}.message{gap:15px;animation:.3s messageSlide;display:flex}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message--user{flex-direction:row-reverse}.message-avatar{background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.message-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;max-width:70%;padding:15px 20px}.message--user .message-content{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.message-time{opacity:.5;margin-top:5px;font-size:11px;display:block}.typing-indicator{gap:5px;padding:10px;display:flex}.typing-indicator span{background:#667eea;border-radius:50%;width:10px;height:10px;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.3;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.input-area{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141423f2;border-top:1px solid #ffffff1a;padding:20px 30px}.input-container{align-items:flex-end;gap:15px;display:flex}.message-input{color:#fff;resize:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;flex:1;min-height:50px;max-height:150px;padding:15px 20px;font-size:15px;transition:all .3s}.message-input:focus{background:#ffffff14;border-color:#667eea;outline:none}.message-input::placeholder{color:#fff6}.attach-button,.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:15px;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;transition:all .3s;display:flex}.attach-button{background:#ffffff1a}.send-button:hover:not(:disabled),.attach-button:hover{transform:scale(1.1);box-shadow:0 5px 20px #667eea66}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.messages-container::-webkit-scrollbar-thumb{background:#667eea80;border-radius:10px}.messages-container::-webkit-scrollbar-thumb:hover{background:#667eeab3}@media (max-width:768px){.ai-workspace-header{padding:15px}.back-button span{display:none}.messages-container{padding:20px 15px}.message-content{max-width:85%}.input-area{padding:15px}}.ai-chat-option--selected{transform:scale(1.02);box-shadow:0 5px 25px #667eea4d;background:#667eea26!important;border-color:#667eea99!important}.ai-chat-option--selected:after{content:"✓";color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;font-weight:700;animation:.3s cubic-bezier(.68,-.55,.265,1.55) checkmarkPop;display:flex;position:absolute;top:15px;right:15px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ai-chat-option{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.ai-chat-note strong{color:#667eea;text-transform:capitalize;font-weight:700}.token-counter{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:5px;margin-right:10px;padding:6px 12px;font-size:12px;display:flex}.clear-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.clear-button:hover{background:#ffffff1a;transform:scale(1.1)}.input-actions{align-items:center;gap:10px;display:flex}.char-counter{color:#fff6;white-space:nowrap;font-size:11px}.input-info{color:#fff6;justify-content:space-between;padding:8px 15px 0;font-size:11px;display:flex}.message-text p{margin:0 0 8px}.message-text p:last-child{margin-bottom:0}.message-avatar i{color:#fffc;font-size:18px}.message--user .message-avatar{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.message--assistant .message-avatar{background:linear-gradient(135deg,#4285f4 0%,#34a853 100%)}.error-banner{color:#ff6b6b;background:linear-gradient(135deg,#f443361a,#f443360d);border-left:4px solid #f44336;align-items:center;gap:10px;padding:12px 20px;font-size:14px;animation:.3s slideDown;display:flex}.error-banner button{color:#ff6b6b;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0 5px;font-size:24px}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.model-badge{color:#4285f4;background:linear-gradient(135deg,#4285f433,#34a85333);border:1px solid #4285f466;border-radius:20px;align-items:center;gap:5px;margin-left:10px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.message-input{resize:none;min-height:50px;max-height:200px;line-height:1.5;overflow-y:auto}.send-button:disabled{opacity:.5;cursor:not-allowed}.fa-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-center{justify-content:center;align-items:center;display:flex}.badges-container{align-items:center;gap:12px;display:flex}.mode-badge{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:8px 20px;font-size:14px;font-weight:600}.model-badge{color:#4285f4;background:linear-gradient(135deg,#4285f433,#34a85333);border:1px solid #4285f466;border-radius:20px;align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.model-badge i{color:#fbbc04;animation:2s ease-in-out infinite sparkle}.header-right{white-space:nowrap;align-items:center;gap:10px;display:flex}