body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#2a2a2a!important;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.chat-container{display:flex;height:100vh;width:100vw;background:#2a2a2a;position:fixed;top:0;left:0;overflow:hidden}.chat-sidebar{width:260px;background:#1e1e1e;color:#d1d5db;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;transition:transform .2s ease-in-out}.chat-sidebar.open{transform:translate(0)}@media (max-width: 768px){.chat-sidebar{position:fixed;top:0;left:0;height:100%;transform:translate(-100%);z-index:20}}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chat-sidebar h2{font-size:18px;font-weight:600}.sidebar-toggle{background:none;border:none;color:#d1d5db;font-size:20px;cursor:pointer;display:none}@media (max-width: 768px){.sidebar-toggle{display:block}}.model-select{margin-bottom:16px;padding:8px;border-radius:6px;background:#2d2d2d;color:#d1d5db;border:1px solid #3a3a3a;font-size:14px}.new-chat-btn{padding:10px;background:#4b5563;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s;margin-bottom:16px}.new-chat-btn:hover{background:#6b7280}.chat-list{flex:1;overflow-y:auto;margin-top:8px}.chat-item{padding:10px;border-radius:6px;display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;cursor:pointer;font-size:14px;transition:background .2s}.chat-item:hover{background:#2d2d2d}.chat-item.active{background:#4b5563}.delete-btn{background:none;color:#ef4444;border:none;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.chat-item:hover .delete-btn{opacity:1}.chat-main{flex:1;display:flex;flex-direction:column;background:#2a2a2a}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.message{max-width:80%;padding:12px 16px;border-radius:12px;line-height:1.6;font-size:15px;word-break:break-word}.user-message{align-self:flex-end;background:#2d2d2d;color:#fff}.ai-message{align-self:flex-start;background:#3a3a3a;color:#d1d5db}.loading{color:#6b7280;background:#3a3a3a}.chat-input{display:flex;align-items:center;gap:8px;padding:16px 24px;background:#2a2a2a;border-top:1px solid #3a3a3a;max-width:960px;margin:0 auto;width:100%}.sidebar-toggle-mobile{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;display:none}@media (max-width: 768px){.sidebar-toggle-mobile{display:block}}.input-field{flex:1;padding:12px;border-radius:8px;border:1px solid #3a3a3a;font-size:15px;background:#2d2d2d;color:#d1d5db;box-shadow:0 2px 4px #0000001a}.input-field:focus{outline:none;border-color:#4b5563;box-shadow:0 0 0 3px #4b55631a}.input-field:disabled{background:#3a3a3a;cursor:not-allowed}.send-btn{padding:12px 20px;background:#4b5563;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s}.send-btn:hover{background:#6b7280}.send-btn:disabled{background:#4b5563;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#2a2a2a;padding:24px;border-radius:12px;width:320px;max-width:90%;text-align:center}.modal h3{font-size:18px;font-weight:600;margin-bottom:12px;color:#d1d5db}.modal p{color:#9ca3af;font-size:14px;margin-bottom:24px}.modal-buttons{display:flex;justify-content:flex-end;gap:8px}.modal-btn{padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .3s}.modal-btn.confirm{background:#ef4444;color:#fff}.modal-btn.confirm:hover{background:#dc2626}.modal-btn.cancel{background:#4b5563;color:#d1d5db}.modal-btn.cancel:hover{background:#6b7280}.chat-messages::-webkit-scrollbar,.chat-list::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-thumb,.chat-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:4px}.chat-messages::-webkit-scrollbar-track,.chat-list::-webkit-scrollbar-track{background:transparent}.App{min-height:100vh;background-color:#f0f2f5;padding:20px}