:root{--background-color: #1e1e1e;--chat-background-color: #efefef;--role-color: #0f0f0f;--header-background: linear-gradient(to right, #17a954, #ff8787);--footer-background: #efefef;--chat-bubble-user: #58bcff;--chat-bubble-model: #ffffff;--text-color: #000000;--border-color: #000000;--button-background: #000000;--button-text-color: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}body,html{width:100%;height:100%;margin:0;font-family:var(--font-family);background-color:var(--background-color)}.chat-app{display:flex;flex-direction:column;height:100vh;margin:0 auto;background-color:var(--chat-background-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:var(--header-background);border-bottom:1px solid var(--border-color);flex-shrink:0}.header-title{font-size:1.5rem;font-weight:600;color:var(--text-color)}.clear-history-button{background:none;border:none;cursor:pointer;padding:5px}.chat-history-container{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}.message-row{display:flex;max-width:70%}.user-row{justify-content:flex-end;margin-left:auto}.model-row{justify-content:flex-start;margin-right:auto}.chat-message{padding:10px 15px;border-radius:18px;word-wrap:break-word;min-width:15rem}.chat-message.user{background-color:var(--chat-bubble-user);color:var(--text-color);border-bottom-right-radius:4px}.chat-message.model{background-color:var(--chat-bubble-model);color:var(--text-color);border:1px solid var(--border-color);border-bottom-left-radius:4px}.message-role{font-weight:600;font-size:.8rem;margin-bottom:5px;color:var(--role-color)}.message-content{font-size:1rem;line-height:1.4}.app-footer{padding:10px 20px;background-color:var(--footer-background);border-top:1px solid var(--border-color);flex-shrink:0}.prompt-form{display:flex;gap:10px}.prompt-input{flex-grow:1;padding:10px 15px;border:1px solid var(--border-color);border-radius:18px;font-size:1rem}.send-button{padding:10px 20px;border:none;border-radius:18px;background-color:var(--button-background);color:var(--button-text-color);font-size:1rem;cursor:pointer}.send-button:disabled{background-color:#fff;cursor:not-allowed}.system-message{text-align:center;padding:10px;margin:10px 20px;border-radius:8px}.system-message.warning{background-color:#fffbe6;border:1px solid #ffe58f;color:#ad8b00}.system-message.error{background-color:#fff1f0;border:1px solid #ffa39e;color:#cf1322}.loading-animation{display:flex;align-items:center;gap:10px;padding:10px}.spinner{width:24px;height:24px;animation:spin 1s linear infinite;color:var(--footer-background)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){body,html{width:100%;height:100%;margin:0;font-family:var(--font-family);background-color:var(--background-color)}.chat-app{border-left:none;border-right:none}.app-header,.app-footer{padding:10px 15px}.chat-history-container{padding:15px}.header-title{font-size:1.3rem}.prompt-input,.send-button{font-size:.95rem;padding:8px 15px}.message-row{max-width:90%}}