body,header{background:#000}#chat-body,header{gap:12px;display:flex}#chat-title,.user-message .message-bubble{font-weight:500}*{box-sizing:border-box}body{font-family:'Kantumruy Pro';margin:0;padding:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}header{padding:16px 20px;align-items:center;border-bottom:1px solid #0a0a0a;flex-shrink:0}header img{max-width:100px;height:auto}#chat-title{font-size:16px;letter-spacing:-.01em;color:#fff;margin:0}#chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}#chat-body{flex:1;padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex-direction:column;min-height:0}#chat-body::-webkit-scrollbar{width:4px}#chat-body::-webkit-scrollbar-track{background:0 0}#chat-body::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:10px}#chat-body::-webkit-scrollbar-thumb:hover{background:#2a2a2a}.message{display:flex;gap:8px;animation:.3s ease-out forwards slideIn;opacity:0;align-items:flex-start}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.bot-avatar{background:linear-gradient(164deg,#10cb99 0,#20c8ff 100%)}#chat-input,.typing-indicator,.user-avatar{background:#0a0a0a}.message-content{flex:1;display:flex;flex-direction:column;gap:4px;max-width:85%}.user-message{justify-content:flex-end}.user-message .message-content{align-items:flex-end;max-width:100%}.message-bubble{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.bot-message .message-bubble{background:#0a0a0a;color:#fff;border:1px solid #1a1a1a}#chat-send,.user-message .message-bubble{background:linear-gradient(164deg,#10cb99 0,#20c8ff 100%);color:#000}.typing-indicator{display:none;gap:4px;padding:10px 14px;border:1px solid #1a1a1a;border-radius:12px;width:fit-content}.typing-indicator span{width:6px;height:6px;border-radius:50%;background:#10cb99;animation:1.4s infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-6px)}}#chat-footer{padding:12px 16px 16px;background:#000;display:flex;gap:8px;align-items:flex-end;flex-shrink:0}#chat-input-wrapper{flex:1;position:relative;display:flex;min-width:0}#chat-input{flex:1;padding:10px 12px;border:1px solid #1a1a1a;border-radius:10px;outline:0;font-size:14px;font-family:inherit;transition:.2s;color:#fff;resize:none;max-height:80px;min-height:40px}#chat-input::placeholder{color:#666}#chat-input:focus{border-color:#10cb99;box-shadow:0 0 0 2px rgba(16,203,153,.1)}#chat-send{border:none;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;font-weight:600;min-width:40px;touch-action:manipulation}#chat-send:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,203,153,.3)}#chat-send:active{transform:translateY(0)}#chat-send:disabled{opacity:.5;cursor:not-allowed}.copyright{display:none;flex-direction:column;justify-content:center;text-align:center;color:grey;font-size:9px;padding:8px 16px;margin:0;background:#000}.copyright a{color:#fff;text-decoration:none}.copyright p{margin:2px 0}@media (min-width:769px){#chat-body,#chat-footer{max-width:800px;margin:0 auto;width:100%}header{padding:24px 40px;gap:16px}header img{max-width:120px}#chat-body{padding:32px 40px 24px;gap:16px}#chat-footer{padding:16px 40px 24px;gap:12px}.message-avatar{width:32px;height:32px;border-radius:8px;font-size:18px}.message-bubble,.typing-indicator{border-radius:14px}#chat-input,.message-bubble{padding:12px 16px;font-size:14px}.message-content{max-width:75%}.typing-indicator{padding:12px 16px}.typing-indicator span{width:8px;height:8px}@keyframes typing{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-8px)}}#chat-input{min-height:44px;max-height:100px}#chat-send{width:44px;height:44px;min-width:44px;border-radius:10px}.copyright{display:flex;font-size:10px;padding:0;margin-bottom:20px}.copyright a{padding-bottom:40px}.copyright p{margin-top:0;margin-bottom:5px}}@supports (padding:max(0px)){#chat-input{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}