.left-sidebar{background:#020617;border-right:1px solid #1f2937;padding:16px;display:flex;flex-direction:column;gap:16px}.sidebar-section h2{margin:0 0 6px;font-size:14px}.new-conv-btn{width:100%;background:#0ea5e9;border:none;padding:8px;margin-bottom:12px;font-size:13px;border-radius:8px;cursor:pointer;color:#fff}.new-conv-btn:hover{background:#0284c7}.conversation-list{list-style:none;padding:0;margin:0}.conversation-item{padding:10px;border-radius:6px;margin-bottom:6px;background:#111827;border:1px solid #1f2937;cursor:pointer;font-size:14px}.conversation-item:hover{background:#1f2937}.conversation-item.active{background:#777;border-color:#1e40af}.conv-title{color:#e5e7eb;font-weight:500}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#050816;color:#e5e7eb}.app-root{height:100vh;display:flex}.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);width:100%;max-width:1400px;margin:0 auto;gap:1px;background:#111827;border-left:1px solid #1f2937;border-right:1px solid #1f2937}.main-chat{display:flex;flex-direction:column;background:radial-gradient(circle at top left,#1f2937 0,#020617 55%)}.main-chat-header{padding:16px 20px;border-bottom:1px solid #1f2937;display:flex;align-items:center;justify-content:space-between}.main-chat-header h1{margin:0;font-size:18px}.main-chat-subtitle{font-size:12px;color:#9ca3af}.main-chat-content{flex:1;overflow-y:auto;padding:16px}.message-list{display:flex;flex-direction:column;gap:12px}.message-row{display:flex;gap:8px;max-width:80%}.message-row-user{margin-left:auto;flex-direction:row-reverse}.avatar{width:28px;height:28px;border-radius:999px;background:#111827;display:flex;align-items:center;justify-content:center;font-size:14px}.message-bubble{border-radius:12px;padding:8px 12px;background:#111827;border:1px solid #1f2937;font-size:14px}.bubble-user{background:#0369a1;border-color:#0ea5e9}.bubble-assistant{background:#020617}.message-role{font-size:11px;color:#9ca3af;margin-bottom:4px}.message-content{white-space:pre-wrap}.main-chat-footer{border-top:1px solid #1f2937;padding:10px 16px 16px}.message-input-container{display:flex;gap:8px;background:#020617;border-radius:12px;padding:8px;border:1px solid #1f2937}.message-input{flex:1;border:none;outline:none;resize:none;background:transparent;color:#e5e7eb;font-size:14px}.send-button{border:none;background:#22c55e;color:#052e16;font-weight:600;border-radius:999px;padding:6px 14px;cursor:pointer;font-size:13px}.send-button:hover{filter:brightness(1.1)}.right-sidebar{background:#020617;border-left:1px solid #1f2937;padding:16px;display:flex;flex-direction:column;gap:16px}.sidebar-section h2,.sidebar-section h3{margin:0 0 6px;font-size:14px}.sidebar-section p{margin:0;font-size:12px;color:#9ca3af}.sidebar-list{list-style:none;padding:0;margin:0;font-size:12px;color:#d1d5db}.sidebar-list li+li{margin-top:4px}.sidebar-tips{list-style:disc;padding-left:18px;margin:4px 0 0;font-size:12px;color:#9ca3af}.badge{display:inline-block;font-size:11px;padding:2px 8px;border-radius:999px}.badge-online{background:#16a34a33;color:#4ade80}.typing-indicator{display:inline-flex;align-items:center;gap:4px;height:16px}.typing-indicator span{width:6px;height:6px;border-radius:999px;background:#9ca3af;opacity:.6;animation:typing-bounce 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.right-sidebar{display:none}}