html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh}body.iframe tio-header,body.iframe tio-footer{display:none}body>.wrapper{margin-bottom:0;flex:1;display:flex;flex-direction:column;min-height:0}tio-footer{margin-top:0 !important;flex-shrink:0}#main{flex:1;display:flex;flex-direction:column;min-height:0;max-width:800px;margin:0 auto;width:100%;padding:0 24px;box-sizing:border-box}@media(max-width: 440px){#main{padding:0 16px}}.chat-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;margin:24px 0 15px 0}.chat-container::before,.chat-container::after{content:"";position:absolute;left:0;right:0;height:40px;pointer-events:none;z-index:1}.chat-container::before{top:0;background:linear-gradient(to bottom, #131318 0%, transparent 100%)}.chat-container::after{bottom:100px;background:linear-gradient(to top, #131318 0%, transparent 100%)}.chat-container #response{flex:1;color:#e4e1e9;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto;position:relative;padding-top:20px;min-height:0;display:flex;flex-direction:column}.chat-container #response::-webkit-scrollbar{width:6px}.chat-container #response::-webkit-scrollbar-track{background:#131318;border-radius:3px}.chat-container #response::-webkit-scrollbar-thumb{background:#918f9a;border-radius:3px}.chat-container #response::-webkit-scrollbar-thumb:hover{background:#c8c5d0}.chat-container #response #welcome{display:none}.chat-container #response #welcome:only-child{display:block}.chat-container #response:has(#welcome:only-child){align-items:center;justify-content:center}.chat-container #response .message{opacity:0;animation:fadeIn .5s ease forwards;margin-bottom:16px;padding:12px 16px;border-radius:18px;width:-moz-max-content;width:max-content;max-width:70%;word-wrap:break-word;position:relative}.chat-container #response .message.user-message{background-color:#c1c1ff;color:#2a2a60;margin-left:auto;margin-right:0;border-bottom-right-radius:6px;text-align:left}.chat-container #response .message.bot-message{background-color:#1f1f25;color:#e4e1e9;margin-right:auto;margin-left:0;border-bottom-left-radius:6px;text-align:left}.chat-container #response .message.bot-message>p:first-child{margin-top:0;margin-block-start:0}.chat-container #response .message.bot-message>p:last-child{margin-bottom:0;margin-block-end:0}.chat-container #response .message.bot-message code{background-color:rgba(145,143,154,.2);padding:2px 4px;border-radius:4px;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:.9em}.chat-container #response .message.bot-message pre{background-color:rgba(145,143,154,.1);padding:8px 12px;border-radius:6px;margin:8px 0;overflow-x:auto}.chat-container #response .message.bot-message pre code{background:none;padding:0}.chat-container #response .message.bot-message strong,.chat-container #response .message.bot-message b{font-weight:600}.chat-container #response .message.bot-message em,.chat-container #response .message.bot-message i{font-style:italic}.chat-container #response .message.bot-message ul,.chat-container #response .message.bot-message ol{margin:8px 0;padding-left:20px}.chat-container #response .message.bot-message li{margin:4px 0}.chat-container #response .message.bot-message blockquote{border-left:3px solid #c1c1ff;margin:8px 0;padding-left:12px;color:#c8c5d0}.chat-container #response .message.bot-message h1,.chat-container #response .message.bot-message h2,.chat-container #response .message.bot-message h3,.chat-container #response .message.bot-message h4,.chat-container #response .message.bot-message h5,.chat-container #response .message.bot-message h6{margin:12px 0 8px 0;font-weight:600}.chat-container #response .message.bot-message h1{font-size:1.4em}.chat-container #response .message.bot-message h2{font-size:1.3em}.chat-container #response .message.bot-message h3{font-size:1.2em}.chat-container #response .message.bot-message h4{font-size:1.1em}.chat-container #response .message.bot-message h5,.chat-container #response .message.bot-message h6{font-size:1em}.chat-container .input-container{display:flex;gap:12px;background-color:#1f1f25;border-radius:80px;padding:10px;position:relative;z-index:2;flex-shrink:0}.chat-container .input-container #messageInput{flex:1;padding:10px 0 10px 20px;background-color:rgba(0,0,0,0);border:none;border-radius:25px;color:#e4e1e9;font-family:inherit;font-size:16px;transition:all .3s ease;outline:none !important;min-width:0}.chat-container .input-container #messageInput::-moz-placeholder{color:#c8c5d0}.chat-container .input-container #messageInput::placeholder{color:#c8c5d0}.chat-container .input-container #sendButton{padding:16px;color:#2a2a60;border:none;border-radius:50%;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;transition:background-color .3s ease;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:#c1c1ff}.chat-container .input-container #sendButton:hover{background-color:rgb(180.92,180.92,242.28)}.chat-container .input-container #sendButton:disabled{background:#47464f;color:#c8c5d0;cursor:not-allowed;transform:none}.chat-container .note{color:#c8c5d0;text-align:center;margin-top:15px;font-size:small}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}