:root{--bg-dark:#0a0a0c;--card-bg:#1c1c23b3;--input-bg:#141419cc;--text-primary:#fff;--text-secondary:#949ba4;--accent-purple:#5865f2;--accent-glow:#5865f226;--status-green:#23a559;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.auth-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;text-align:center;background:#0a0a0ce6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.auth-overlay.hidden{display:none}.auth-content{background:var(--card-bg);border:1px solid #ffffff1a;border-radius:24px;max-width:400px;padding:40px;animation:.5s ease-out fadeIn;box-shadow:0 10px 40px #00000080}.auth-icon{margin-bottom:20px;font-size:50px}.auth-content h1{margin-bottom:12px;font-size:24px}.auth-content p{color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.auth-status{color:var(--text-secondary);margin-top:15px;font-size:15px;font-weight:500}#auth-timer{color:#ff4747;margin:0 4px;font-size:18px;font-weight:700}.retry-button{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 30px;font-size:16px;font-weight:600;transition:all .2s}.retry-button:hover{background:#4752c4;transform:scale(1.05)}#app{background:radial-gradient(circle at 80% 20%,#5865f21a 0%,#0000 40%),radial-gradient(circle at 10% 80%,#ff00800d 0%,#0000 40%);flex-direction:column;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:relative}.background-glow{pointer-events:none;z-index:-1;background:linear-gradient(135deg,#0a0a0c00 0%,#5865f20d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.top-nav{z-index:100;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:20px;right:20px}.user-card{-webkit-backdrop-filter:blur(12px);background:#5865f21a;border:1px solid #5865f24d;border-radius:20px;align-items:center;gap:12px;padding:8px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out slideInRight;display:flex;box-shadow:0 4px 20px #5865f226}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.user-card:hover{background:#5865f226;transform:translateY(-2px);box-shadow:0 6px 25px #5865f240}.user-card.hidden{display:none}.user-card img{border:2px solid var(--accent-purple);border-radius:50%;width:28px;height:28px;box-shadow:0 0 10px #5865f280}.user-card span{color:var(--text-primary);text-shadow:0 2px 4px #0000004d;font-size:14px;font-weight:600}.agent-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0003}.agent-card:hover{background:#ffffff14;transform:scale(1.05)}.status-dot{border-radius:50%;width:10px;height:10px;transition:all .5s cubic-bezier(.4,0,.2,1)}.status-dot.loading{background:#f1c40f;animation:2s ease-in-out infinite breathe;box-shadow:0 0 12px #f1c40f99}.status-dot.ready{background:#2ecc71;box-shadow:0 0 15px #2ecc71cc,0 0 5px #2ecc71}@keyframes breathe{0%{opacity:.6;transform:scale(1);box-shadow:0 0 8px #f1c40f66}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 18px #f1c40fcc}to{opacity:.6;transform:scale(1);box-shadow:0 0 8px #f1c40f66}}.chat-container{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:20px;display:flex;overflow-y:auto}.messages-area{flex-direction:column;gap:16px;width:100%;display:flex}.message{border-radius:18px;max-width:85%;padding:14px 18px;font-size:15px;line-height:1.6;animation:.3s ease-out fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-message{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #ffffff0d;border-bottom-left-radius:4px;align-self:flex-start}.user-message{background:var(--accent-purple);box-shadow:0 4px 15px var(--accent-glow);border-bottom-right-radius:4px;align-self:flex-end}.chat-input-wrapper{width:100%;max-width:800px;margin:0 auto;padding:20px 0 40px}#chat-form{background:var(--input-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff1a;border-radius:25px;align-items:center;gap:12px;padding:8px 8px 8px 24px;transition:border-color .3s,box-shadow .3s;display:flex}#chat-form:focus-within{border-color:#5865f280;box-shadow:0 0 20px #5865f21a}#message-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}#message-input::placeholder{color:var(--text-secondary)}#send-button{background:var(--accent-purple);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s,background .2s;display:flex}#send-button:hover:not(:disabled){background:#4752c4;transform:scale(1.05)}#send-button:disabled{opacity:.5;cursor:not-allowed;background:#383a40}#send-button svg{width:20px;height:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.typing-indicator{justify-content:center;gap:4px;min-width:60px;display:flex;padding:12px 16px!important}.typing-indicator span{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite typing-bounce}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.message .content h1,.message .content h2,.message .content h3{margin:12px 0 8px;font-weight:700;line-height:1.3}.message .content h1{font-size:1.25rem}.message .content h2{font-size:1.15rem}.message .content h3{font-size:1.05rem}.message .content p{margin-bottom:10px}.message .content p:last-child{margin-bottom:0}.message .content ul,.message .content ol{margin:8px 0 12px 20px}.message .content li{margin-bottom:4px}.message .content strong{color:#fff;font-weight:700}.message .content a{color:#00aff4;text-decoration:none}.message .content a:hover{text-decoration:underline}.message .content code{background:#0000004d;border-radius:4px;padding:2px 6px;font-family:Fira Code,monospace;font-size:.9em}.message .content pre{background:#0006;border-radius:8px;margin:10px 0;padding:12px;overflow-x:auto}.message .content pre code{background:0 0;padding:0}.message .content blockquote{border-left:4px solid var(--accent-purple);color:var(--text-secondary);margin:10px 0;padding-left:12px}.history-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(16px);z-index:90;border:1px solid #ffffff1a;border-radius:24px;flex-direction:column;width:240px;max-height:70vh;animation:.6s cubic-bezier(.4,0,.2,1) slideInLeft;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 10px 40px #0000004d}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px,-50%)}to{opacity:1;transform:translateY(-50%)}}.history-header{border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;padding:15px;display:flex}.new-chat-btn{background:linear-gradient(135deg, var(--accent-purple), #4752c4);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #5865f233}.new-chat-btn:hover{background:linear-gradient(135deg, #4752c4, var(--accent-purple));transform:translateY(-2px);box-shadow:0 6px 20px #5865f266}.new-chat-btn:active{transform:translateY(0)}.new-chat-btn svg{width:18px;height:18px}.history-icon{width:18px;height:18px;color:var(--accent-purple)}.history-list{flex-direction:column;flex:1;gap:4px;padding:10px;display:flex;overflow-y:auto}.history-item{cursor:pointer;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .2s;display:flex;position:relative}.history-item-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.history-item:hover,.history-item.active{background:#5865f226;border:1px solid #5865f24d;transform:translate(4px)}.delete-context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#202225f2;border:1px solid #ffffff1a;border-radius:12px;padding:10px;animation:.2s ease-out slideDown;display:none;box-shadow:0 4px 15px #0000004d}.delete-action-trigger{color:#ff4747;text-align:center;cursor:pointer;border-radius:6px;padding:6px;font-size:13px;font-weight:600;transition:all .2s}.delete-action-trigger:hover{background:#ff47471a}.confirm-wrapper{flex-direction:column;align-items:center;gap:10px;padding:4px;display:flex}.confirm-text{color:#fff;font-size:12px;font-weight:600}.confirm-actions{gap:8px;width:100%;display:flex}.confirm-btn{cursor:pointer;color:#fff;text-transform:uppercase;border:none;border-radius:6px;flex:1;padding:6px 0;font-size:11px;font-weight:700;transition:all .2s}.confirm-btn.yes{background:#43b581}.confirm-btn.yes:hover{background:#3ca374;transform:scale(1.05)}.confirm-btn.no{background:#f04747}.confirm-btn.no:hover{background:#d84040;transform:scale(1.05)}.history-item.show-menu .delete-context-menu{display:block}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.history-item.active .history-query{color:var(--accent-purple)}.history-query{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:500;overflow:hidden}.history-time{color:var(--text-secondary);font-size:11px}.history-empty{text-align:center;color:var(--text-secondary);opacity:.6;padding:40px 20px;font-size:13px;font-style:italic}.history-query-wrapper{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.sidebar-typing{gap:2px;padding-right:4px;display:flex}.sidebar-typing span{background-color:var(--accent-purple);border-radius:50%;width:4px;height:4px;animation:1s ease-in-out infinite typing-bounce}.sidebar-typing span:nth-child(2){animation-delay:.2s}.sidebar-typing span:nth-child(3){animation-delay:.4s}.history-alert{color:var(--accent-purple);background:#5865f21a;border:1px solid #5865f24d;border-radius:12px;justify-content:center;align-items:center;gap:12px;margin:10px;padding:16px;font-size:13px;font-weight:500;animation:1.5s ease-in-out infinite pulseOpacity;display:flex}.spinner-icon{border:2px solid #5865f24d;border-top-color:var(--accent-purple);border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseOpacity{0%,to{opacity:.5}50%{opacity:1}}.history-list::-webkit-scrollbar{width:4px}@media (width<=1200px){.history-panel{display:none}}.global-loading{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#0a0a0cd9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s ease-out;animation:.4s ease-out fadeIn;display:flex;position:absolute;top:0;left:0}.loader-content{text-align:center;background:#5865f21a;border:1px solid #5865f24d;border-radius:24px;flex-direction:column;align-items:center;gap:20px;padding:40px 50px;animation:.5s cubic-bezier(.4,0,.2,1) slideInRight;display:flex;box-shadow:0 10px 40px #0009,0 0 30px #5865f226}.large-spinner{border:4px solid #5865f233;border-top-color:var(--accent-purple);border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin;box-shadow:0 0 15px #5865f266}.loader-content h2{color:#fff;text-shadow:0 2px 8px #00000080;letter-spacing:.5px;margin:0;font-size:24px;font-weight:700}.loader-content p{color:var(--text-secondary);margin:0;font-size:15px;font-weight:500}