#app{width:100%;height:100vh;overflow:hidden;background:var(--bgBase);color:var(--textBase);transition:background-color .3s ease,color .3s ease}:root{--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .1)}html.dark-theme{--shadow-lg: 0 10px 25px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .4)}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:var(--un-default-border-color, #e5e7eb)}:before,:after{--un-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--primary: #0088cc;--primaryHover: #0077bb;--primaryPressed: #006699;--success: #18a058;--warning: #f0a020;--error: #d03050;--info: #2080f0;--bgBase: #ffffff;--bgContainer: #f5f5f5;--bgElevated: #ffffff;--bgSpotlight: #fafafa;--textBase: #333333;--textSecondary: #666666;--textTertiary: #999999;--textDisabled: #cccccc;--border: #e0e0e0;--borderHover: #d0d0d0;--messageIncoming: #ffffff;--messageOutgoing: #dcf8c6;--chatBg: #e5ddd5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.dark{--primary: #3b82f6;--primaryHover: #60a5fa;--primaryPressed: #2563eb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--bgBase: #0a0e1a;--bgContainer: #111827;--bgElevated: #1f2937;--bgSpotlight: #374151;--textBase: #f9fafb;--textSecondary: #d1d5db;--textTertiary: #9ca3af;--textDisabled: #6b7280;--border: #374151;--borderHover: #4b5563;--messageIncoming: #1f2937;--messageOutgoing: #3b82f6;--chatBg: #0a0e1a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--textBase);background-color:var(--bgBase);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--borderHover)}:root{--theme-transition: all .3s ease}*{transition:var(--theme-transition)}.n-button,.n-input,.n-card,.n-modal,.theme-card,.message-item,.chat-item,.sidebar-item{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease,transform .2s ease}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--border) transparent}@media (max-width: 768px){body{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}.slide-in-right{animation:slideInRight .3s ease-out}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.dark .n-icon{filter:brightness(1.2)}.dark .background-decoration{background:linear-gradient(135deg,#1e293b,#0f172a)}.dark .floating-shape{background:#60a5fa0d}.dark .mesh-gradient{background:radial-gradient(circle at 20% 80%,rgba(96,165,250,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(34,211,238,.1) 0%,transparent 50%)}.dark .sidebar-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3);box-shadow:0 20px 40px #0000004d}.dark .user-header{background:#0f172a80;border-bottom:1px solid rgba(71,85,105,.3)}.dark .user-avatar{border-color:#47556980!important}.dark .username{color:#f1f5f9}.dark .connection-status{color:#94a3b8}.dark .search-input{background:#0f172a80!important;border:1px solid rgba(71,85,105,.3)!important}.dark .search-input input{color:#f1f5f9!important}.dark .search-input input::placeholder{color:#64748b!important}.dark .filter-tabs .n-tabs-tab{background:#3341554d;color:#94a3b8}.dark .filter-tabs .n-tabs-tab:hover{background:#47556980;color:#e2e8f0}.dark .filter-tabs .n-tabs-tab.n-tabs-tab--active{background:#60a5fa33;color:#60a5fa}.dark .conversations-list{background:transparent}.dark .conversation-item{background:#1e293b80;border:1px solid transparent}.dark .online-indicator{border-color:#1e293bcc!important;box-shadow:0 2px 6px #34d39966}.dark .conversation-item:hover{background:#33415580;border-color:#60a5fa4d;box-shadow:0 8px 25px #0000004d}.dark .conversation-item.active{background:linear-gradient(135deg,#60a5fa33,#9333ea33);border:2px solid rgba(96,165,250,.4)}.dark .chat-area{background:transparent}.dark .chat-content{background:#1e293bf2;border:1px solid rgba(71,85,105,.3);box-shadow:0 20px 40px #0000004d}.dark .chat-header{background:#0f172acc;border-bottom:1px solid rgba(71,85,105,.3)}.dark .chat-area .n-icon{color:#cbd5e1!important}.dark .chat-area .tool-btn .n-icon{color:#60a5fa!important}.dark .chat-area .header-action-btn .n-icon{color:#94a3b8!important}.dark .chat-area .header-action-btn:hover .n-icon{color:#60a5fa!important;filter:drop-shadow(0 0 8px rgba(96,165,250,.5))}.dark .chat-name{color:#f1f5f9}.dark .chat-status{color:#94a3b8}.dark .messages-area{background:#0f172a4d}.dark .input-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3);box-shadow:0 -10px 30px #0003}.dark .input-tools .tool-btn{background:#60a5fa26!important;border:1px solid rgba(96,165,250,.3)!important}.dark .input-tools .tool-btn:hover{background:#60a5fa40!important;border-color:#60a5fa80!important;box-shadow:0 0 12px #60a5fa66!important}.dark .message-input{background:#0f172a4d!important;border:2px solid rgba(71,85,105,.2)!important}.dark .message-input:hover{background:#1e293b66!important;border-color:#60a5fa33!important}.dark .message-input:focus-within{background:#1e293b80!important;border-color:#60a5fa66!important;box-shadow:0 0 0 4px #60a5fa1a!important}.dark .message-input textarea{color:#f1f5f9!important}.dark .message-input textarea::placeholder{color:#94a3b899!important}.dark .tool-btn{color:#94a3b8!important}.dark .tool-btn:hover{background:#4755694d!important;color:#60a5fa!important}.dark .send-button{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.dark .send-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)!important}.dark .welcome-card{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}.dark .welcome-title{color:#f1f5f9}.dark .welcome-subtitle{color:#94a3b8}.dark .feature-card{background:#3341554d;border:1px solid rgba(71,85,105,.3)}.dark .feature-card:hover{background:#47556980;border-color:#60a5fa80}.dark .action-btn{color:#94a3b8!important}.dark .action-btn:hover{background:#4755694d!important;color:#60a5fa!important}.dark .header-action-btn{color:#94a3b8!important}.dark .header-action-btn:hover{background:#4755694d!important;color:#60a5fa!important}.dark ::-webkit-scrollbar{background:#0f172a4d}.dark ::-webkit-scrollbar-thumb{background:#47556980}.dark ::-webkit-scrollbar-thumb:hover{background:#475569cc}.dark .n-dropdown-menu{background:#1e293bf2!important;border:1px solid rgba(71,85,105,.3)!important}.dark .n-dropdown-option{color:#e2e8f0!important}.dark .n-dropdown-option:hover{background:#47556980!important}.dark .n-modal-mask{background:#0009!important}.dark .n-card{background:#1e293bf2!important;border:1px solid rgba(71,85,105,.3)!important}.dark .n-card-header{border-bottom:1px solid rgba(71,85,105,.3)!important}.dark .n-tabs-nav{background:#0f172a80!important}.dark .n-tabs-tab{color:#94a3b8!important}.dark .n-tabs-tab:hover{color:#e2e8f0!important}.dark .n-tabs-tab--active{color:#60a5fa!important}.dark .message-item .message-bubble.incoming{background:#1e293bcc;color:#e2e8f0;border:1px solid rgba(71,85,105,.3)}.dark .message-item .message-bubble.outgoing{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:1px solid rgba(59,130,246,.3)}.dark .message-item .message-time{color:#64748b}.dark .message-item .message-status{color:#94a3b8}:root{--icon-transition: color .3s ease, transform .2s ease, filter .3s ease}.n-icon{color:var(--iconDefault);transition:var(--icon-transition)}.n-button .n-icon{color:inherit}.action-btn .n-icon,.tool-btn .n-icon,.header-action-btn .n-icon{color:var(--iconDefault);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.action-btn:hover .n-icon,.tool-btn:hover .n-icon,.header-action-btn:hover .n-icon{color:var(--iconHover);transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.action-btn:active .n-icon,.tool-btn:active .n-icon,.header-action-btn:active .n-icon{color:var(--iconActive);transform:scale(.95)}.status-indicator.online{background:var(--iconSuccess);box-shadow:0 0 0 2px #10b98133}.status-indicator.offline{background:var(--iconDefault)}.status-indicator.busy{background:var(--iconWarning);box-shadow:0 0 0 2px #f59e0b33}.status-indicator.error{background:var(--iconError);box-shadow:0 0 0 2px #ef444433}.message-status-icon{color:var(--iconDefault)}.message-status-icon.delivered{color:var(--iconInfo)}.message-status-icon.read{color:var(--iconSuccess)}.message-status-icon.failed{color:var(--iconError)}.sidebar-card .n-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.05))}.search-input .n-icon{color:var(--iconDefault);opacity:.7}.search-input:focus-within .n-icon{color:var(--iconHover);opacity:1}.conversation-item .n-icon{color:var(--iconDefault)}.conversation-item:hover .n-icon{color:var(--iconHover)}.conversation-item.active .n-icon{color:var(--iconActive)}.input-tools .n-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.1));font-size:20px!important}.chat-header .n-icon{color:var(--iconDefault);font-size:20px!important}.chat-header .header-action-btn:hover .n-icon{color:var(--primary)!important;transform:scale(1.15)}.chat-area .n-button .n-icon{font-size:20px!important}.chat-area .tool-btn{padding:8px!important}.chat-area .tool-btn .n-icon{color:var(--primary)!important;opacity:.8}.chat-area .tool-btn:hover .n-icon{opacity:1;transform:scale(1.2)}.send-button .n-icon{color:#fff!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:18px!important}.send-button:hover:not(:disabled) .n-icon{transform:translate(2px) scale(1.1)}.send-button:disabled .n-icon{opacity:.5}.feature-card .n-icon{color:var(--iconDefault);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:var(--icon-transition)}.feature-card:hover .n-icon{color:var(--iconHover);transform:translateY(-2px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.15))}.n-dropdown-option .n-icon{color:var(--iconDefault);margin-right:8px}.n-dropdown-option:hover .n-icon{color:var(--iconHover)}.n-modal .n-icon,.n-tabs-tab .n-icon{color:var(--iconDefault)}.n-tabs-tab:hover .n-icon{color:var(--iconHover)}.n-tabs-tab--active .n-icon{color:var(--iconActive)}.n-badge .n-icon{color:var(--iconDefault)}.notification-icon.success{color:var(--iconSuccess)}.notification-icon.warning{color:var(--iconWarning)}.notification-icon.error{color:var(--iconError)}.notification-icon.info{color:var(--iconInfo)}.dark .action-btn .n-icon,.dark .tool-btn .n-icon,.dark .header-action-btn .n-icon{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3)) brightness(1.3)}.dark .action-btn:hover .n-icon,.dark .tool-btn:hover .n-icon,.dark .header-action-btn:hover .n-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(96,165,250,.6)) brightness(1.4)}.dark .chat-area .tool-btn .n-icon{color:#60a5fa!important;filter:brightness(1.4) drop-shadow(0 0 4px rgba(96,165,250,.5))}.dark .chat-area .header-action-btn .n-icon{color:#94a3b8!important;filter:brightness(1.3)}.dark .chat-area .tool-btn:hover .n-icon,.dark .chat-area .header-action-btn:hover .n-icon{color:#60a5fa!important;filter:brightness(1.5) drop-shadow(0 0 8px rgba(96,165,250,.8))}.dark .status-indicator.online{box-shadow:0 0 0 2px #34d3994d,0 0 8px #34d39966}.dark .status-indicator.busy{box-shadow:0 0 0 2px #fbbf244d,0 0 8px #fbbf2466}.dark .status-indicator.error{box-shadow:0 0 0 2px #f871714d,0 0 8px #f8717166}.dark .feature-card .n-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.dark .feature-card:hover .n-icon{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4)) drop-shadow(0 0 12px rgba(96,165,250,.4))}.purple-theme .action-btn:hover .n-icon,.purple-theme .tool-btn:hover .n-icon,.purple-theme .header-action-btn:hover .n-icon{filter:drop-shadow(0 2px 4px rgba(139,92,246,.3))}.purple-theme .feature-card:hover .n-icon{filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))}.ocean-theme .action-btn:hover .n-icon,.ocean-theme .tool-btn:hover .n-icon,.ocean-theme .header-action-btn:hover .n-icon{filter:drop-shadow(0 2px 4px rgba(6,182,212,.3))}.ocean-theme .feature-card:hover .n-icon{filter:drop-shadow(0 4px 8px rgba(6,182,212,.3))}@keyframes icon-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}50%{transform:scale(1.1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}}.icon-pulse{animation:icon-pulse 2s ease-in-out infinite}@media (max-width: 768px){.n-icon{padding:2px}.action-btn .n-icon,.tool-btn .n-icon,.header-action-btn .n-icon{font-size:20px!important}}.chat-area .header-action-btn:nth-child(1) .n-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(34,197,94,.2) 0%,transparent 70%);border-radius:50%;animation:pulse-effect 2s ease-in-out infinite}.chat-area .header-action-btn:nth-child(2) .n-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(59,130,246,.2) 0%,transparent 70%);border-radius:50%;animation:pulse-effect 2s ease-in-out infinite;animation-delay:.5s}.chat-area .header-action-btn:nth-child(3) .n-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(168,85,247,.2) 0%,transparent 70%);border-radius:50%;animation:pulse-effect 2s ease-in-out infinite;animation-delay:1s}.input-tools .tool-btn:nth-child(1) .n-icon{color:#f59e0b!important}.input-tools .tool-btn:nth-child(1):hover .n-icon{color:#fbbf24!important;filter:drop-shadow(0 0 8px rgba(245,158,11,.6))}.input-tools .tool-btn:nth-child(2) .n-icon{color:#10b981!important}.input-tools .tool-btn:nth-child(2):hover .n-icon{color:#34d399!important;filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.input-tools .tool-btn:nth-child(3) .n-icon{color:#8b5cf6!important}.input-tools .tool-btn:nth-child(3):hover .n-icon{color:#a78bfa!important;filter:drop-shadow(0 0 8px rgba(139,92,246,.6))}.dark .chat-area .header-action-btn{position:relative;overflow:visible}.dark .chat-area .header-action-btn:after{content:"";position:absolute;top:50%;left:50%;width:120%;height:120%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(96,165,250,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.dark .chat-area .header-action-btn:hover:after{opacity:1}.dark .chat-area .tool-btn{position:relative;overflow:visible}.dark .chat-area .tool-btn:before{content:"";position:absolute;top:50%;left:50%;width:150%;height:150%;transform:translate(-50%,-50%);background:inherit;filter:blur(8px);opacity:0;transition:opacity .3s ease;z-index:-1}.dark .chat-area .tool-btn:hover:before{opacity:.6}.light-theme .chat-area .header-action-btn{box-shadow:0 2px 8px #0000001a}.light-theme .chat-area .header-action-btn:hover{box-shadow:0 4px 16px #667eea4d}.light-theme .chat-area .tool-btn{box-shadow:0 2px 6px #00000014}.light-theme .chat-area .tool-btn:hover{box-shadow:0 4px 12px #667eea40}@keyframes pulse-effect{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.5}}.chat-area .header-action-btn.active .n-icon{animation:icon-active 1s ease-in-out infinite}@keyframes icon-active{0%,to{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}75%{transform:scale(1.1) rotate(5deg)}}.chat-area .header-action-btn:disabled,.chat-area .tool-btn:disabled{opacity:.4;cursor:not-allowed}.chat-area .header-action-btn:disabled .n-icon,.chat-area .tool-btn:disabled .n-icon{filter:grayscale(100%)!important}@media (max-width: 768px){.chat-area .header-action-btn,.chat-area .tool-btn{width:44px!important;height:44px!important}.chat-area .n-icon{font-size:24px!important}}.input-card{position:relative;overflow:visible}.input-container{position:relative;z-index:1}.message-input{position:relative;overflow:visible!important}.message-input:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#f093fb,#f5576c);border-radius:22px;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(4px)}.message-input:focus-within:before{opacity:.15;animation:gradient-rotate 3s linear infinite}@keyframes gradient-rotate{0%{filter:blur(4px) hue-rotate(0deg)}to{filter:blur(4px) hue-rotate(360deg)}}.message-input-area.typing .message-input{animation:typing-pulse 2s ease-in-out infinite}@keyframes typing-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.message-input-area:after{content:attr(data-char-count);position:absolute;bottom:-18px;right:16px;font-size:11px;color:#667eea80;opacity:0;transition:opacity .3s ease}.message-input:focus-within~:after{opacity:1}.input-hints{position:absolute;bottom:100%;left:0;right:0;padding:8px 16px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 -4px 16px #0000001a;margin-bottom:8px;opacity:0;transform:translateY(10px);transition:all .3s ease;pointer-events:none}.message-input:focus-within~.input-hints{opacity:1;transform:translateY(0)}.input-hints .hint-item{display:inline-flex;align-items:center;gap:4px;margin-right:16px;font-size:12px;color:#666}.input-hints .shortcut{padding:2px 6px;background:#667eea1a;border-radius:4px;font-family:monospace;color:#667eea}.send-button{position:relative;overflow:visible}.send-button:before{content:"";position:absolute;inset:-4px;background:inherit;border-radius:50%;opacity:0;filter:blur(8px);transition:all .3s ease}.send-button:hover:not(:disabled):before{opacity:.6;transform:scale(1.2)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:not(:disabled){animation:send-ready 2s ease-in-out infinite}@keyframes send-ready{0%,to{box-shadow:0 4px 12px #667eea66}50%{box-shadow:0 6px 20px #667eea99}}.dark .message-input:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(96,165,250,.05) 100%);border-radius:20px;pointer-events:none}.dark .input-hints{background:#1e293bf2;border:1px solid rgba(71,85,105,.3)}.dark .input-hints .hint-item{color:#94a3b8}.dark .input-hints .shortcut{background:#60a5fa33;color:#60a5fa}.dark .message-input:focus-within{box-shadow:0 0 0 4px #60a5fa26,0 0 20px #60a5fa33!important}.purple-theme .message-input{background:#8b5cf605!important}.purple-theme .message-input:hover{background:#8b5cf60a!important;border-color:#8b5cf626!important}.purple-theme .message-input:focus-within{background:#8b5cf60f!important;border-color:#8b5cf64d!important;box-shadow:0 0 0 3px #8b5cf614!important}.purple-theme .message-input::placeholder{color:#8b5cf666!important}.ocean-theme .message-input{background:#06b6d405!important}.ocean-theme .message-input:hover{background:#06b6d40a!important;border-color:#06b6d426!important}.ocean-theme .message-input:focus-within{background:#06b6d40f!important;border-color:#06b6d44d!important;box-shadow:0 0 0 3px #06b6d414!important}.ocean-theme .message-input::placeholder{color:#06b6d466!important}@media (max-width: 768px){.message-input{border-radius:16px}.message-input :deep(.n-input__textarea-el){padding:8px 12px!important;font-size:14px!important}.input-hints{display:none}}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.prose :where(h1,h2,h3,h4,h5,h6):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-headings);font-weight:600;line-height:1.25}.prose :where(a):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links);text-decoration:underline;font-weight:500}.prose :where(a code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-links)}.prose :where(p,ul,ol,pre):not(:where(.not-prose,.not-prose *)){margin:1em 0;line-height:1.75}.prose :where(blockquote):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding-left:1em;font-style:italic;border-left:.25em solid var(--un-prose-borders)}.prose :where(h1):not(:where(.not-prose,.not-prose *)){margin:1rem 0;font-size:2.25em}.prose :where(h2):not(:where(.not-prose,.not-prose *)){margin:1.75em 0 .5em;font-size:1.75em}.prose :where(h3):not(:where(.not-prose,.not-prose *)){margin:1.5em 0 .5em;font-size:1.375em}.prose :where(h4):not(:where(.not-prose,.not-prose *)){margin:1em 0;font-size:1.125em}.prose :where(img,video):not(:where(.not-prose,.not-prose *)){max-width:100%}.prose :where(figure,picture):not(:where(.not-prose,.not-prose *)){margin:1em 0}.prose :where(figcaption):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-captions);font-size:.875em}.prose :where(code):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);font-size:.875em;font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):before,.prose :where(:not(pre)>code):not(:where(.not-prose,.not-prose *)):after{content:"`"}.prose :where(pre):not(:where(.not-prose,.not-prose *)){padding:1.25rem 1.5rem;overflow-x:auto;border-radius:.375rem}.prose :where(pre,code):not(:where(.not-prose,.not-prose *)){white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;hyphens:none;background:transparent}.prose :where(pre code):not(:where(.not-prose,.not-prose *)){font-weight:inherit}.prose :where(ol,ul):not(:where(.not-prose,.not-prose *)){padding-left:1.25em}.prose :where(ol):not(:where(.not-prose,.not-prose *)){list-style-type:decimal}.prose :where(ol[type=A]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where(.not-prose,.not-prose *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where(.not-prose,.not-prose *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where(.not-prose,.not-prose *)){list-style-type:decimal}.prose :where(ul):not(:where(.not-prose,.not-prose *)){list-style-type:disc}.prose :where(ol>li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(ul>li):not(:where(.not-prose,.not-prose *))::marker,.prose :where(summary):not(:where(.not-prose,.not-prose *))::marker{color:var(--un-prose-lists)}.prose :where(hr):not(:where(.not-prose,.not-prose *)){margin:2em 0;border:1px solid var(--un-prose-hr)}.prose :where(table):not(:where(.not-prose,.not-prose *)){display:block;margin:1em 0;border-collapse:collapse;overflow-x:auto}.prose :where(tr):not(:where(.not-prose,.not-prose *)):nth-child(2n){background:var(--un-prose-bg-soft)}.prose :where(td,th):not(:where(.not-prose,.not-prose *)){border:1px solid var(--un-prose-borders);padding:.625em 1em}.prose :where(abbr):not(:where(.not-prose,.not-prose *)){cursor:help}.prose :where(kbd):not(:where(.not-prose,.not-prose *)){color:var(--un-prose-code);border:1px solid;padding:.25rem .5rem;font-size:.875em;border-radius:.25rem}.prose :where(details):not(:where(.not-prose,.not-prose *)){margin:1em 0;padding:1.25rem 1.5rem;background:var(--un-prose-bg-soft)}.prose :where(summary):not(:where(.not-prose,.not-prose *)){cursor:pointer;font-weight:600}.prose{color:var(--un-prose-body);max-width:65ch}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.grid{display:grid}[rows~="2"]{grid-template-rows:repeat(2,minmax(0,1fr))}[rows~="4"]{grid-template-rows:repeat(4,minmax(0,1fr))}.m-auto{margin:auto}.me{margin-inline-end:1rem}.block,[block=""]{display:block}.inline-block{display:inline-block}.contents{display:contents}.hidden{display:none}[size~="12"]{width:3rem;height:3rem}[size~="14"]{width:3.5rem;height:3.5rem}[size~="16"]{width:4rem;height:4rem}[size~="18"]{width:4.5rem;height:4.5rem}[size~="20"]{width:5rem;height:5rem}[size~="24"]{width:6rem;height:6rem}[size~="30"]{width:7.5rem;height:7.5rem}[size~="32"]{width:8rem;height:8rem}[size~="36"]{width:9rem;height:9rem}[size~="40"]{width:10rem;height:10rem}[size~="44"]{width:11rem;height:11rem}[size~="48"]{width:12rem;height:12rem}[size~="60"]{width:15rem;height:15rem}[size~="80"]{width:20rem;height:20rem}.h3{height:.75rem}.h4{height:1rem}.flex{display:flex}.flex-shrink{flex-shrink:1}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.resize,[resize=""]{resize:both}.border{border-width:1px}[fill-opacity~="1"]{--un-fill-opacity:.01}[stroke-width~="2"]{stroke-width:2px}[stroke~="#fff"]{--un-stroke-opacity:1;stroke:rgb(255 255 255 / var(--un-stroke-opacity))}.px{padding-left:1rem;padding-right:1rem}.text-left{text-align:left}[color~="#1890ff"]{--un-text-opacity:1;color:rgb(24 144 255 / var(--un-text-opacity))}[color~="#999"]{--un-text-opacity:1;color:rgb(153 153 153 / var(--un-text-opacity))}[color~="#f39c12"]{--un-text-opacity:1;color:rgb(243 156 18 / var(--un-text-opacity))}[color~="#fff"],[color~=white]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity))}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / .2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / .1));text-shadow:var(--un-text-shadow)}.outline{outline-style:solid}.blur{--un-blur:blur(8px);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia);backdrop-filter:var(--un-backdrop-blur) var(--un-backdrop-brightness) var(--un-backdrop-contrast) var(--un-backdrop-grayscale) var(--un-backdrop-hue-rotate) var(--un-backdrop-invert) var(--un-backdrop-opacity) var(--un-backdrop-saturate) var(--un-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease,.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}