body,html{margin:0;padding:0;height:100%;font-family:Poppins,sans-serif;background-color:#0f1119;background-image:url(/_next/static/media/bg5.107d96b4.png);background-position-y:35rem}.bg-blurr{background-color:#0e14217f!important;-webkit-backdrop-filter:blur(80px)!important;backdrop-filter:blur(80px)!important}.container{display:flex;flex-direction:column;height:100vh}.header{background:teal;text-align:center;padding:1rem;font-weight:700}.chat-container{flex:1 1;overflow-y:auto;padding:1rem 1rem 2rem;scrollbar-width:none;-ms-overflow-style:none}.chat-area,.chat-container{display:flex;flex-direction:column;gap:1rem}.chat-area{flex:none!important}.message-row{display:flex}.user-row{justify-content:flex-end}.agent-row{justify-content:flex-start}.message{max-width:70%;padding:.75rem 1rem;border-radius:1rem;word-wrap:break-word}.message.user{background:linear-gradient(90deg,#4f9ef8,#1976d2);color:#fff;border-bottom-right-radius:0}.message.agent{background:linear-gradient(90deg,#9b57cb,#6f42c1);color:#f5f5f5;border-bottom-left-radius:0;white-space:pre-wrap}.loader{font-weight:700;display:inline-flex;align-items:center;gap:.3rem}.spin{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.input-area-div{width:100%;justify-content:center;padding-bottom:1rem;box-sizing:border-box}.input-area{display:flex;gap:.5rem;width:min(1150px,95%)}.input-area input{flex:1 1;padding:.75rem 1rem;outline:none;background-color:#222;font-size:1rem}.input-area button,.input-area input{border-radius:.5rem;border:none;color:#fff}.input-area button{padding:.75rem 1.5rem;font-weight:700;cursor:pointer}.input-area button,.text-grad{background:linear-gradient(19deg,#b721ff,#21d4fd)}.text-grad{-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}.gr-text-1{font-size:calc(1rem + 1.5vw)!important}.text-center{text-align:center}.pt-5{padding-top:3rem}.pb-5{padding-bottom:3rem}.pb-3{padding-bottom:1rem}.text-white{color:#fff}.text-black{color:#000}.spacer-x{flex:1 1;padding:.5vw 12vw!important}@media only screen and (min-width:400px){.spacer-x{padding:.5vw 12vw!important;display:flex;justify-content:center}}@media only screen and (max-width:1000px){.spacer-x{padding:1rem!important}}.custom-dropdown-container{position:relative;margin-right:10px}.dropdown-toggle{background-color:#2a2a2a;color:#fff;border:none;border-radius:8px;padding:10px 15px;font-size:14px;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.dropdown-toggle:hover{background-color:#3b3b3b}.dropdown-menu{position:absolute;bottom:100%;justify-self:anchor-center;list-style:none;padding:0;margin:0;background-color:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);z-index:10;width:max-content;max-height:200px;overflow-y:auto}.dropdown-item{padding:10px 15px;cursor:pointer;color:#fff;font-size:14px;transition:background-color .2s ease}.dropdown-item.selected,.dropdown-item:hover{background-color:#444}.input-area-div{display:flex;align-items:flex-end}.guide-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.08);font-family:Arial,sans-serif}h1{font-size:2rem;text-align:center;margin-bottom:1rem;color:#2c3e50}h2{font-size:1.4rem;margin-top:1.5rem;color:#1a73e8}p{color:#444}ol,p,ul{margin-bottom:1rem}ol,ul{margin-left:1.5rem}.examples{background:#f5f9ff;padding:1rem;border-left:4px solid #1a73e8;border-radius:6px}code{background:#f0f0f0;padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:#d6336c}footer{margin-top:2rem;font-size:.9rem;color:#666}.float-header{width:-webkit-fill-available;background:#0a2540;padding:2vh 2vw;display:flex;justify-content:center;z-index:1000;box-shadow:0 .5vh 1vh rgba(0,0,0,.3)}.nav{display:flex;gap:3vw;flex-wrap:wrap}.nav-link{color:#fff;font-weight:600;font-size:1.8vh;text-decoration:none}.nav-link:hover{text-decoration:underline}.guide-container{margin-top:12vh;padding:3vh 4vw;max-width:90vw;margin-left:auto;margin-right:auto;line-height:1.6;font-size:2vh}h1{font-size:3.5vh;margin-bottom:2vh}h2{font-size:2.5vh;margin-top:4vh}h2,li,p{margin-bottom:1vh}li,p{font-size:2vh}code{background:#f4f4f4;padding:.5vh .5vw;border-radius:.5vh;font-size:1.8vh}footer{margin-top:6vh;padding:2vh 2vw;text-align:center;font-size:1.6vh;background:#f9f9f9;border-top:.2vh solid #ddd}