body{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}*{box-sizing:border-box}.chat-container{min-height:100vh;height:100vh;background-color:#111;color:#fff;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#111;flex-shrink:0}.header-left{display:flex;align-items:center;gap:.75rem;flex:1}.header-left h2{margin:0;font-size:1.25rem;font-weight:600}.header-btn{padding:.5rem;background:none;border:none;color:#fff;border-radius:.5rem;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center}.header-btn:hover{background-color:#1f2937}.header-icon-placeholder{width:1.25rem;height:1.25rem;background-color:#374151;border-radius:.25rem}.header-center{font-size:.875rem;color:#9ca3af;text-align:center;flex:1}.share-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#1f2937;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.share-btn:hover{background-color:#374151}.messages-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem;width:100%;font-family:Lato,sans-serif}.message-wrapper{margin-bottom:1.5rem;width:100%}.user-message-container{display:flex;justify-content:flex-end;width:100%}.user-message{background-color:#76a8f9;color:#000;padding:.75rem 1rem;border-radius:1rem .375rem 1rem 1rem;max-width:80%;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bot-message-container{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bot-avatar{width:2rem;height:2rem;background-color:#76a8f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;flex-shrink:0}.bot-message-content{flex:1;display:flex;flex-direction:column;gap:.5rem;min-width:0;max-width:calc(100% - 3rem)}.bot-message-text{color:#d1d5db;line-height:1.6;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.bot-message-text.loading{opacity:.6;font-style:italic}.message-status{font-size:.75rem;color:#6b7280}.input-area{padding:1rem;background-color:#111;flex-shrink:0}.input-container{width:100%;max-width:100%}.input-wrapper{position:relative;background-color:#1f2937;border-radius:1rem;border:1px solid #374151;transition:border-color .2s;width:100%}.input-wrapper:focus-within{border-color:#2563eb}.message-input{width:100%;background:transparent;padding:1rem 4.5rem 1rem 1rem;color:#fff;border:none;outline:none;font-size:1rem;resize:none;min-height:3rem}.message-input::placeholder{color:#9ca3af}.input-buttons{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.25rem}.input-btn{padding:.5rem;background:none;border:none;color:#9ca3af;border-radius:.5rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.input-btn:hover{background-color:#374151;color:#fff}.send-btn{padding:.5rem;background-color:#2563eb;border:none;color:#fff;border-radius:50%;cursor:pointer;transition:background-color .2s;width:2.5rem;height:2.5rem;display:flex;justify-content:center;align-items:center;flex-shrink:0}.send-btn:hover:not(:disabled){background-color:#1d4ed8}.send-btn:disabled{background-color:#4b5563;cursor:not-allowed}.powered-by{margin-top:.75rem;text-align:center}.powered-by span{font-size:.75rem;color:#6b7280}@media (min-width: 1024px){.chat-header{padding:1rem 2rem}.messages-area{padding:2rem;max-width:56rem;margin:0 auto}.input-area{padding:1.5rem 2rem}.input-container{max-width:56rem;margin:0 auto}.user-message{max-width:24rem}.bot-message-content{max-width:calc(100% - 3rem)}}@media (max-width: 1023px) and (min-width: 769px){.chat-header{padding:.75rem 1.5rem}.messages-area{padding:1.5rem;max-width:48rem;margin:0 auto}.input-area{padding:1.25rem 1.5rem}.input-container{max-width:48rem;margin:0 auto}.user-message{max-width:20rem}}@media (max-width: 768px){.chat-header{padding:.75rem 1rem;flex-wrap:nowrap;gap:.5rem}.header-left h2{font-size:1.125rem}.header-center,.share-btn span{display:none}.share-btn{padding:.5rem;gap:0;min-width:2.5rem;justify-content:center}.messages-area,.input-area{padding:1rem .75rem}.user-message{max-width:75%;padding:.75rem 1rem}.bot-message-container{gap:.5rem}.bot-avatar{width:1.75rem;height:1.75rem;font-size:.75rem}.bot-message-content{max-width:calc(100% - 2.5rem)}.message-input{font-size:1rem;padding:.875rem 4rem .875rem 1rem}.send-btn{width:2.25rem;height:2.25rem}}@media (max-width: 480px){.chat-header{padding:.5rem .75rem}.header-left h2{font-size:1rem}.messages-area,.input-area{padding:.75rem .5rem}.message-wrapper{margin-bottom:1rem}.user-message{max-width:85%;padding:.625rem .875rem;font-size:.875rem}.bot-message-text{font-size:.875rem}.bot-avatar{width:1.5rem;height:1.5rem;font-size:.625rem}.bot-message-content{max-width:calc(100% - 2rem)}.message-input{font-size:.875rem;padding:.75rem 3.5rem .75rem .875rem}.send-btn{width:2rem;height:2rem}.input-buttons{right:.375rem}}@media (max-width: 768px) and (orientation: landscape){.chat-container{height:100vh}.messages-area,.input-area{padding:.75rem}}::-webkit-scrollbar{display:none}html{scrollbar-width:none}