:root{--background-color: #121212;--input-background: #2a2a40;--message-background-user: var(--input-background);--message-text-user: #ffffff;--message-background-assistant: #333333;--message-text-assistant: #e1e1e1;--avatar-size: 40px;--border-radius: 12px;--input-border: #444;--button-background: #007bff;--button-text-color: #fff;--button-hover-background: #0056b3}body{margin:0;font-family:Roboto,sans-serif;background-color:var(--background-color);color:#eaeaea;height:100vh;display:flex;flex-direction:column;overflow:hidden}.chat-container{display:flex;flex-direction:column;height:100vh;position:relative;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:20px 20px 120px;display:flex;flex-direction:column;background:linear-gradient(180deg,#181818,#121212)}.message-container{display:flex;margin-bottom:20px}.message-bubble-wrapper{display:flex;align-items:center;width:100%}.message-bubble-wrapper.user{justify-content:flex-end}.message-bubble-wrapper.assistant{justify-content:flex-start}.avatar-name{display:flex;flex-direction:column;align-items:center;margin-right:10px}.avatar{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;box-shadow:0 2px 6px #0000004d}.name{font-size:14px;color:#b0b0b0;margin-top:5px}.message-bubble{max-width:70%;padding:15px;font-size:15px;line-height:1.5;border-radius:var(--border-radius);box-shadow:0 2px 10px #0003;word-break:break-word}.message-bubble.user{background-color:var(--message-background-user);color:var(--message-text-user);border-bottom-right-radius:0;text-align:right}.message-bubble.assistant{background-color:var(--message-background-assistant);color:var(--message-text-assistant);border-bottom-left-radius:0;text-align:left}.message-bubble.assistant h1,.message-bubble.assistant h2,.message-bubble.assistant h3,.message-bubble.assistant h4,.message-bubble.assistant h5,.message-bubble.assistant h6{margin-top:0;margin-bottom:10px;font-weight:700}.message-bubble.assistant ul{padding-left:20px;margin:10px 0}.message-bubble.assistant li{margin-bottom:5px}.message-bubble.assistant strong{font-weight:700}.message-bubble.assistant em{font-style:italic}.loader{display:flex;align-items:center;justify-content:center;margin-top:20px}.loader .typing-indicator{display:flex;margin-right:10px}.loader .typing-indicator span{width:8px;height:8px;margin:0 3px;background-color:#888;border-radius:50%;animation:bounce 1.5s infinite ease-in-out}.loader .typing-indicator span:nth-child(2){animation-delay:.2s}.loader .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.chat-input{display:flex;align-items:center;background-color:var(--input-background);border-top:1px solid var(--input-border);position:fixed;bottom:0;width:100%;z-index:10;padding:10px;box-sizing:border-box}.chat-input textarea{flex:1;padding:10px;border:1px solid var(--input-border);border-radius:var(--border-radius);background-color:var(--input-background);color:#eaeaea;font-size:15px;outline:none;resize:none;line-height:1.5;min-height:60px}.chat-input textarea::placeholder{color:#aaa}.chat-input textarea:focus{border-color:var(--button-background)}.chat-input button{background-color:var(--button-background);color:var(--button-text-color);border:none;border-radius:var(--border-radius);padding:10px 20px;cursor:pointer;font-size:15px;margin-left:15px;margin-right:15px}.chat-input button:hover{background-color:var(--button-hover-background)}.chat-input button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 600px){.chat-messages{padding:10px 10px 120px}.message-bubble{font-size:14px;padding:10px}.chat-input{padding:8px}.chat-input textarea{font-size:14px;padding:8px}.chat-input button{font-size:14px;padding:8px 16px;margin-left:10px;margin-right:10px}}