body.light{background-color:#fff;color:#000}body.light .sidebar{background-color:#f0f0f0}body.light .chat-item:hover{background-color:#ddd}body.light .chat-item.selected{background-color:#bbb}body.light .ai-message{background-color:#f0f0f0}body.light .user-message{background-color:#e2f7cb}body.dark{background-color:#121212;color:#fff}body.dark .sidebar{background-color:#212121}body.dark .chat-item:hover{background-color:#333}body.dark .chat-item.selected{background-color:#555}body.dark .ai-message{background-color:#424242;color:#fff}body.dark .user-message{background-color:#4caf50;color:#fff}.App{display:flex;height:100vh}.sidebar{width:200px;padding:20px;display:flex;flex-direction:column}.new-chat-button{padding:10px;margin-bottom:10px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.new-chat-button:hover{background-color:#367c39}.chat-list{flex-grow:1}.chat-item{padding:10px;margin-bottom:5px;border-radius:5px;cursor:pointer}.chat-item.selected{background-color:#bbb}.main-content{flex-grow:1;padding:20px;display:flex;flex-direction:column}.chat-container{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;padding:10px}.message{max-width:80%;padding:10px;margin-bottom:10px;border-radius:8px;clear:both}.user-message{align-self:flex-end;float:right}.ai-message{align-self:flex-start;float:left}.input-area{display:flex;width:100%;margin-top:10px;border-radius:24px;overflow:hidden;border:1px solid #ccc}.input-area input{flex-grow:1;padding:10px 16px;border:none;outline:none;border-radius:0}.input-area .send-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:0;cursor:pointer;transition:background-color .3s}.input-area .send-button:hover{background-color:#367c39}body.dark .input-area{border-color:#555;background-color:#333}body.dark .input-area input{background-color:#333;color:#fff}.error{color:red}.theme-toggle-button{padding:10px;background-color:#4285f4;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.theme-toggle-button:hover{background-color:#1a73e8}.donate-button{padding:10px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.donate-button:hover{background-color:#d32f2f}.donate-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.donate-modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center;position:relative}.close-button{position:absolute;top:10px;right:10px;font-size:20px;cursor:pointer}.donate-image{width:100px;margin-bottom:10px}body.dark .donate-modal-content{background-color:#333;color:#fff}@media (max-width: 768px){.App{flex-direction:column}.sidebar{width:100%;padding:10px}.chat-list{margin-top:10px}.chat-item{padding:8px;margin-bottom:3px}.main-content{padding:10px}.message{max-width:90%}.input-area input{padding:8px 12px}.input-area .send-button{padding:8px 15px}}body{margin:0;font-family:sans-serif}