.app{display:flex;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.error-message{position:fixed;top:10px;right:10px;padding:10px 15px;background-color:#ff6b6b;color:#fff;border-radius:5px;z-index:1000;display:flex;align-items:center;justify-content:space-between;min-width:300px}.error-message button{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0 0 0 10px}.chat-container{flex:3;display:flex;flex-direction:column;border-right:1px solid #e1e1e1}.messages{flex:1;padding:20px;overflow-y:auto;background-color:#f9f9f9}.message{margin-bottom:15px;padding:10px 15px;border-radius:18px;max-width:70%;word-wrap:break-word;transition:opacity .3s ease}.message.loading{opacity:.7}.typing-indicator{color:#666;font-style:italic}.message:nth-child(odd){background-color:#e3f2fd;margin-right:auto}.message:nth-child(2n){background-color:#f1f1f1;margin-left:auto}.input-area{display:flex;padding:15px;background-color:#fff;border-top:1px solid #e1e1e1}.input-area input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:20px;outline:none}.input-area input:disabled{background-color:#f5f5f5}.input-area button{margin-left:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:20px;cursor:pointer;min-width:80px}.input-area button:disabled{background-color:#ccc;cursor:not-allowed}.sidebar{flex:1;padding:20px;background-color:#fff;overflow-y:auto}.settings-btn{width:100%;padding:10px;margin-bottom:20px;background-color:#6c757d;color:#fff;border:none;border-radius:5px;cursor:pointer}.settings-panel{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:5px}.setting{margin-bottom:15px}.setting label{display:block;margin-bottom:5px;font-weight:700}.setting input[type=range],.setting input[type=text],.setting input[type=password],.setting select,.setting textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px}.setting textarea{resize:vertical;min-height:60px}.setting .error{color:#dc3545;font-size:.8rem;margin-top:5px;display:block}.task-list h3{margin-top:0;padding-bottom:10px;border-bottom:1px solid #e1e1e1}.task-list ul{list-style:none;padding:0}.task-list li{padding:8px 12px;margin-bottom:5px;background-color:#f1f1f1;border-radius:4px;display:flex;justify-content:space-between;align-items:center}.task-list .remove-task{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:700;padding:0 5px}.save-btn{width:100%;padding:10px;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}.save-btn:disabled{background-color:#ccc;cursor:not-allowed}.reset-btn{width:100%;padding:10px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:10px}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}#app{height:100vh}