feat: aprendizado contínuo, presets temperatura e tabs na configuração

- Sistema de aprendizado contínuo: [KNOWLEDGE: ...] no system prompt
- 3 presets de temperatura: Técnico(0.2), Equilibrado(0.6), Detalhista(1.0)
- Tabs na configuração: Identidade, Estilo, Conhecimento
- CRUD de conhecimento adquirido (lista + adicionar manual)
- knowledge_adquirido.json persistido no servidor
- GET/POST/DELETE /api/conhecimento + POST /api/conhecimento/extrair
- CSS: modal grande, tabs, opções temperatura, lista conhecimento

public/style.css

@@ -2377,6 +2377,162 @@ code {
   opacity: 0.9;
 }
 
+/* Modal de Configurações - Tamanho grande para abas */
+.settings-modal-large .settings-modal-content {
+  max-width: 680px;
+  max-height: 85vh;
+}
+
+/* Tabs de navegação */
+.settings-tabs {
+  display: flex;
+  gap: 4px;
+  padding: 12px 20px 0;
+  border-bottom: 1px solid var(--border-light, #262626);
+}
+
+.settings-tab {
+  padding: 10px 16px;
+  border: none;
+  background: transparent;
+  color: var(--text-secondary, #a3a3a3);
+  font-size: 0.9rem;
+  font-weight: 500;
+  cursor: pointer;
+  border-radius: 8px 8px 0 0;
+  transition: all 0.2s;
+}
+
+.settings-tab:hover {
+  color: var(--text-primary, #ffffff);
+  background: rgba(255,255,255,0.05);
+}
+
+.settings-tab.active {
+  color: var(--brand-green, #10a37f);
+  background: rgba(16, 163, 127, 0.1);
+  border-bottom: 2px solid var(--brand-green, #10a37f);
+}
+
+/* Tab content */
+.settings-tab-content {
+  display: none;
+  padding: 20px 0;
+}
+
+.settings-tab-content.active {
+  display: block;
+}
+
+/* Opções de temperatura */
+.temperature-options {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.temperature-option {
+  display: flex;
+  align-items: flex-start;
+  gap: 12px;
+  padding: 14px 16px;
+  border: 1px solid var(--border-light, #262626);
+  border-radius: 10px;
+  cursor: pointer;
+  transition: all 0.2s;
+  background: var(--bg-secondary, #1a1a1a);
+}
+
+.temperature-option:hover {
+  border-color: var(--brand-green, #10a37f);
+  background: rgba(16, 163, 127, 0.05);
+}
+
+.temperature-option.selected {
+  border-color: var(--brand-green, #10a37f);
+  background: rgba(16, 163, 127, 0.1);
+}
+
+.temperature-option input[type="radio"] {
+  margin-top: 4px;
+  accent-color: var(--brand-green, #10a37f);
+}
+
+.temperature-option-content {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+}
+
+.temperature-option-content strong {
+  color: var(--text-primary, #ffffff);
+  font-size: 0.95rem;
+}
+
+.temperature-option-content span {
+  color: var(--text-secondary, #a3a3a3);
+  font-size: 0.8rem;
+}
+
+/* Lista de conhecimento */
+.knowledge-list {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.knowledge-item {
+  display: flex;
+  align-items: flex-start;
+  gap: 10px;
+  padding: 12px 14px;
+  background: var(--bg-secondary, #1a1a1a);
+  border: 1px solid var(--border-light, #262626);
+  border-radius: 10px;
+}
+
+.knowledge-item-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.knowledge-source {
+  font-size: 0.7rem;
+  text-transform: uppercase;
+  color: var(--brand-green, #10a37f);
+  font-weight: 600;
+  letter-spacing: 0.5px;
+}
+
+.knowledge-item-content p {
+  margin: 0;
+  color: var(--text-primary, #ffffff);
+  font-size: 0.9rem;
+  line-height: 1.4;
+}
+
+.knowledge-item-content small {
+  color: var(--text-muted, #666);
+  font-size: 0.75rem;
+}
+
+.knowledge-delete-btn {
+  background: transparent;
+  border: none;
+  color: var(--text-muted, #666);
+  font-size: 1.2rem;
+  cursor: pointer;
+  padding: 0 4px;
+  line-height: 1;
+  transition: color 0.2s;
+}
+
+.knowledge-delete-btn:hover {
+  color: #ef4444;
+}
+
 @keyframes fadeIn {
   from { opacity: 0; }
   to { opacity: 1; }