:root{--primary:#6e8efb;--primary-dark:#5a7afa;--secondary:#a777e3;--bg-light:#f9f9f9;--bg-dark:#1e1f25;--sidebar-bg:#2a2b33;--sidebar-active:#3a3b45;--text-light:#ffffff;--text-dark:#333333;--text-gray:#a0a0a0;--message-ai-bg:#f0f0f0;--message-user-bg:#6e8efb;--border-radius:12px;--shadow:0 5px 25px rgba(0,0,0,0.1);--transition:all 0.3s ease}.cross-ai-container{display:flex;height:80vh;max-width:1200px;margin:20px auto;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);background:var(--bg-dark);color:var(--text-light)}.cross-ai-login-prompt{text-align:center;padding:30px;background:#f8f9fa;border-radius:var(--border-radius);max-width:500px;margin:30px auto;box-shadow:var(--shadow);font-size:18px}.cross-ai-sidebar{width:260px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;height:100%;border-right:1px solid #3a3b45;transition:var(--transition);overflow:hidden}.sidebar-header{padding:20px;display:flex;flex-direction:column;gap:15px;border-bottom:1px solid #3a3b45}.logo{display:flex;align-items:center;gap:10px;font-size:40px;font-weight:100;color:#fff}.logo i{color:#fff;font-size:24px}.new-chat-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;padding:10px 15px;cursor:pointer;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:var(--transition)}.new-chat-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(110 142 251 / .3)}.sessions-list{flex:1;overflow-y:auto;padding:15px;display:flex;flex-direction:column;gap:8px}.session{padding:12px 15px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:var(--transition);position:relative}.session:hover{background-color:#3a3b45}.session.active{background-color:var(--sidebar-active);border-left:3px solid var(--primary)}.session i{color:var(--text-gray)}.session-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.session-date{font-size:12px;color:var(--text-gray)}.session-delete{position:absolute;right:10px;opacity:0;transition:var(--transition);color:#ff6b6b;background:rgb(255 107 107 / .1);width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center}.session:hover .session-delete{opacity:1}.session-delete:hover{background:rgb(255 107 107 / .2)}.sidebar-footer{padding:15px;border-top:1px solid #3a3b45;display:flex;flex-direction:column;gap:10px}.user-info{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;cursor:pointer;transition:var(--transition)}.user-info:hover{background-color:#3a3b45}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff}.user-details{flex:1}.user-name{font-weight:600;font-size:14px}.user-status{font-size:12px;color:var(--text-gray)}.cross-ai-main{flex:1;display:flex;flex-direction:column;height:100%;position:relative;background:#1e1f25}.chat-header{padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3a3b45}.model-info{display:flex;align-items:center;gap:10px;font-size:14px}.model-badge{background:rgb(110 142 251 / .2);color:var(--primary);padding:5px 10px;border-radius:20px;font-size:13px;font-weight:600}.actions{display:flex;gap:15px}.action-btn{background:none;border:none;color:var(--text-gray);font-size:16px;cursor:pointer;transition:var(--transition);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center}.action-btn:hover{background:#3a3b45;color:var(--text-light)}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:30px}.message{display:flex;gap:15px;max-width:800px;animation:fadeIn 0.3s ease}.message-avatar{width:36px;height:36px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.ai-avatar{background:linear-gradient(135deg,#ff9a9e,#fad0c4);color:#333}.message-content{flex:1}.message-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.message-sender{font-weight:600;font-size:15px}.message-time{color:var(--text-gray);font-size:12px}.message-text{line-height:1.6;padding:15px;border-radius:12px;position:relative;font-size:15px}.user-message .message-text{background-color:var(--message-user-bg);color:var(--text-light);border-top-right-radius:4px}.ai-message .message-text{background-color:var(--message-ai-bg);color:var(--text-dark);border-top-left-radius:4px}.code-block{position:relative;margin:15px 0;border-radius:8px;overflow:hidden;background:#1e1f25;border:1px solid #3a3b45}.code-header{display:flex;justify-content:space-between;align-items:center;background:#2d2d2d;padding:8px 12px;font-size:14px;color:#ccc}.language-tag{font-family:monospace;font-size:13px}.copy-btn{background:none;border:none;color:#ccc;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:13px;transition:var(--transition)}.copy-btn:hover{color:#fff}pre{margin:0;padding:15px;overflow-x:auto}code{font-family:'Fira Code',monospace;font-size:14px;line-height:1.5;display:block;white-space:pre;tab-size:4}.typing-container{min-height:60px}.typing-text{display:inline}.typing-cursor{display:inline-block;width:8px;height:20px;background:var(--primary);margin-left:2px;animation:blink 1s infinite}.chat-input-area{padding:15px 20px 20px;background:#1e1f25;border-top:1px solid #3a3b45}.input-box{background-color:#2a2b33;border-radius:20px;padding:10px 15px;display:flex;align-items:center;border:1px solid #3a3b45;transition:var(--transition)}.input-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgb(110 142 251 / .2)}.input-box textarea{flex:1;background:none;border:none;color:var(--text-light);font-size:15px;resize:none;height:24px;max-height:200px;outline:none;padding:5px 10px;font-family:inherit}.input-box textarea::placeholder{color:var(--text-gray)}.input-actions{display:flex;align-items:center;gap:10px}.upload-btn{position:relative;background:none;border:none;color:var(--text-gray);font-size:18px;cursor:pointer;transition:var(--transition);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.upload-btn:hover{background:#3a3b45;color:var(--text-light)}.upload-btn input{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.send-btn{background:var(--primary);color:#fff;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:16px}.send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.input-footer{text-align:center;padding:10px 0 0;font-size:12px;color:var(--text-gray)}.upload-preview{display:flex;flex-wrap:wrap;gap:10px;padding:10px;margin-bottom:10px}.preview-image{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #3a3b45;position:relative}.remove-image{position:absolute;top:-8px;right:-8px;width:20px;height:20px;background:#ff6b6b;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;cursor:pointer;border:1px solid #fff}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}@media (max-width:768px){.cross-ai-container{flex-direction:column;height:90vh}.cross-ai-sidebar{width:100%;height:auto;max-height:200px}.sessions-list{max-height:120px}}@media (max-width:480px){.chat-header{flex-direction:column;gap:10px;align-items:flex-start}.model-info{flex-direction:column;align-items:flex-start;gap:5px}.actions{position:absolute;right:20px;top:15px}}