@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap";
:is(body:has(.bot-page-wrapper) header,body:has(.bot-page-wrapper) footer){display:none!important}*{box-sizing:border-box;margin:0;padding:0}.bot-page-wrapper{background:radial-gradient(circle at 50% 10%,#1a1a2e 0%,#000 100%);justify-content:center;align-items:center;width:100%;height:100dvh;font-family:Outfit,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.bot-page-wrapper:before{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#0a84ff26,#0000 70%);width:50vw;height:50vw;animation:10s ease-in-out infinite float;position:absolute;top:-10%;left:-10%}.bot-page-wrapper:after{content:"";filter:blur(80px);z-index:0;background:radial-gradient(circle,#7b2cbf26,#0000 70%);width:50vw;height:50vw;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-10%;right:-10%}@keyframes float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-20px)scale(1.05)}}.bot-container{z-index:1;background:#ffffff08;flex-direction:column;width:100%;max-width:900px;height:100%;display:flex;position:relative;overflow:hidden}@media (min-width:769px){.bot-container{-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:24px;height:90vh;max-height:800px;box-shadow:0 20px 50px #00000080}}.chat-header{-webkit-backdrop-filter:blur(10px);z-index:10;background:#141419f2;border-bottom:1px solid #ffffff1a;flex-shrink:0;align-items:center;gap:15px;padding:15px 20px;display:flex}.back-button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.back-button:hover{background:#ffffff1a;border-color:#fff3;transform:translate(-2px)}.back-button svg{width:24px;height:24px}.chat-profile-img{object-fit:cover;border:2px solid #ffffff1a;border-radius:50%;width:45px;height:45px}.chat-title{color:#fff;margin:0;font-size:1.1rem;font-weight:600}.chat-status{color:#fff9;align-items:center;gap:5px;font-size:.8rem;display:flex}.status-dot{background-color:#0f8;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #0f89}.chat-window{background:0 0;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.chat-history{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.chat-history::-webkit-scrollbar-track{background:0 0}.message{word-wrap:break-word;max-width:80%;padding:10px 14px;font-size:.95rem;line-height:1.5;position:relative}.user-message{color:#fff;background-color:#005c4b;border-radius:10px 0 10px 10px;align-self:flex-end;box-shadow:0 1px 2px #0000004d}.model-message{color:#fff;background-color:#202c33;border-radius:0 10px 10px;align-self:flex-start;box-shadow:0 1px 2px #0000004d}.input-area{z-index:10;padding:10px 15px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:#202c33;flex-shrink:0;align-items:center;gap:10px;display:flex}.input-wrapper{background:#2a3942;border-radius:20px;flex-grow:1;align-items:center;padding:0 15px;display:flex}input{color:#fff;background:0 0;border:none;width:100%;padding:12px 0;font-family:inherit;font-size:1rem}input:focus{outline:none}input::placeholder{color:#8696a0}.send-button{color:#fff;cursor:pointer;background:#00a884;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;transition:transform .2s;display:flex}.send-button:hover:not(:disabled){transform:scale(1.05)}.send-button:disabled{color:#8696a0;cursor:default;background:#2a3942}.send-button svg{width:22px;height:22px}.typing-dots:after{content:" .";animation:1.5s steps(5,end) infinite typing}@keyframes typing{0%,20%{content:" ."}40%{content:" .."}60%{content:" ..."}80%,to{content:""}}@media (max-width:768px){.bot-page-wrapper{height:100dvh}.bot-container{border-radius:0;max-width:100%;height:100%}.chat-header{padding:10px 15px}.chat-profile-img{width:40px;height:40px}.message{max-width:85%;font-size:.9rem}.input-area{padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.send-button{width:40px;height:40px}}