pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#1E1E1E;color:#DCDCDC}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569CD6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4EC9B0}.hljs-class,.hljs-number{color:#B8D7A3}.hljs-meta .hljs-string,.hljs-string{color:#D69D85}.hljs-regexp,.hljs-template-tag{color:#9A5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#DCDCDC}.hljs-comment,.hljs-quote{color:#57A64A;font-style:italic}.hljs-doctag{color:#608B4E}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-tag{color:#9B9B9B}.hljs-template-variable,.hljs-variable{color:#BD63C5}.hljs-attr,.hljs-attribute{color:#9CDCFE}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#D7BA7D}.hljs-addition{background-color:#144212}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-deletion{background-color:#600}@font-face{font-family:natasans;src:url(/fonts/NataSans-Regular.ttf) format("truetype")}body{font-family:natasans}.box{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:rgb(20,20,20)}.container{background-color:rgb(40,40,40);padding:2rem;border-radius:.5rem;text-align:center;width:400px}.head{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;align-content:center;grid-gap:5px;gap:5px}.head img{width:40px;height:40px}.container .p{text-align:left;font-size:50px}.cont-2{display:grid;grid-template-rows:auto auto;width:100%}.sub-cont{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;grid-gap:15px;gap:15px;background-color:rgb(25,30,25);padding:10px;margin:5px 0;border-radius:25px}.sub-cont p{text-align:left}.sub-cont #logicon{background-color:rgb(10,20,10);width:80px;height:80px;padding:20px;border-radius:25px}.load{min-height:100vh;display:flex;background-color:rgb(20,20,20)}.load,.load div{align-items:center;justify-content:center}.load div{color:white;display:grid}#badge-icon{width:100px;height:100px}.head{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.p{color:#d1d5db;margin-bottom:1.5rem}.btn{background-color:white;color:black;border:transparent;padding:20px;margin:10px 0;width:100%;font-size:20px;border-radius:20px;cursor:pointer;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.app{display:flex;height:100vh;background-color:rgb(10,10,10);color:#fff}.sidebar{padding:10px;background-color:rgb(15,20,15)}.ro-side{width:16rem;display:flex;height:100%;border-radius:20px;flex-direction:column;background-color:rgb(12,15,12);border:1px solid rgba(255,255,255,.2)}.sidebar-header{padding:1rem;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:start;align-content:center;grid-gap:10px;gap:10px}.sub-sidebar-header img{background-color:transparent;width:40px;height:40px;border-radius:30px;padding:3px}.sidebar-title{font-size:1.25rem;font-weight:700}.sidebar-subtitle{font-size:.875rem;color:#9ca3af}.new-chat-btn{margin:1rem;padding:.5rem;border:1px solid white;background-color:white;border-radius:20px;color:black;cursor:pointer}.new-chat-btn:hover{background-color:rgb(240,240,240)}.chat-history{flex:1 1;overflow-y:auto}.chat-history-title{padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#9ca3af}.chat-item{padding:.5rem 1rem;cursor:pointer;transition:background .2s;margin:0 10px;list-style-type:none;border-radius:15px}.chat-item:hover{background-color:rgb(20,20,20)}.chat-item.active{background-color:rgb(30,30,30)}.chat-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-date{font-size:.75rem;color:rgb(100,100,100)}.sidebar-footer{padding:1rem}.user-info{display:flex;align-items:center}.user-avatar{width:2rem;height:2rem;border-radius:9999px;margin-right:.5rem}.user-name{font-size:.875rem;font-weight:500}.signout-btn{font-size:.75rem;color:black;padding:1px 5px;border-radius:20px;transition:color .2s;background-color:white;border:none;cursor:pointer}.signout-btn:hover{color:white;background-color:black}.chat-area{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:rgb(17,20,17)}.messages{flex:1 1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:1rem;width:850px}.messages::-webkit-scrollbar{display:none}.welcome{text-align:center;padding:3rem 0;height:550px;display:flex;align-items:center;align-content:center;justify-content:center;flex-direction:column}.welcome-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:#9ca3af}.welcome img{width:50px;heigth:50px;margin:10px;background-color:transparent;border-radius:20px;padding:5px}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-bubble{border-radius:.5rem;padding:.75rem}.message-bubble.user{background-color:white;color:black}.message-bubble.assistant{background-color:transparent;padding:10px;margin:20px 0;width:auto}.message-text blockquote,.message-text code,.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6,.message-text li,.message-text ol,.message-text p,.message-text pre,.message-text ul{padding:0;line-height:1.6;word-wrap:break-word}.copy-code-btn{position:absolute;top:8px;right:8px;background-color:rgb(40,40,40);color:white;font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer;border:1px solid rgb(30,30,30);transition:background .2s}.copy-code-btn:hover{background-color:#4b5563}.message-text ol,.message-text ul{padding-left:50px}.message-text li{margin:5px}.message-text strong{font-weight:700;color:#ffcc00}.message-text code{background-color:white;border:none;padding:3px 5px;border-radius:5px;overflow-x:auto;font-family:Monaco,Menlo,Consolas,Roboto Mono,monospace;font-size:14px;line-height:1.5;color:black}.message-text pre{background-color:#1e1e1e;color:red;padding:12px;border-radius:20px;overflow-x:auto;font-size:14px;margin:30px 0}.message-text pre code .keyword{color:#d73a49}.message-text pre code .type{color:#6f42c1}.message-text pre code .include{color:#e36209}.message-text pre code .string{color:#032f62}.message-text pre code .comment{color:#6a737d}.message-text pre code .function{color:#6f42c1}.message-text pre code{display:block;background:rgb(30,30,30);padding:10px;color:white;border-radius:8px;overflow-x:auto;font-family:monospace}.message-text blockquote{border-left:4px solid #999;padding-left:10px;color:#666;font-style:italic}.message-text>:last-child{margin-bottom:0}.message-text table{width:100%;border-collapse:collapse;margin-top:12px}.message-text td,.message-text th{border:1px solid #ccc;padding:8px;text-align:left}.message-content p{white-space:pre-wrap}.message-time{font-size:.75rem;opacity:.7;margin-top:.25rem}.message-actions{display:flex;gap:.5rem;margin:20px 0}.message-actions button{font-size:.875rem;color:#9ca3af;transition:color .2s;background-color:transparent;border:none;cursor:pointer}#icon{width:15px;height:15px}.message-actions button:hover{color:#fff}.like-btn.liked{color:#34d399}.dislike-btn.disliked{color:#f87171}.typing .dots{display:flex;gap:.5rem}.typing .dots div{width:.5rem;height:.5rem;border-radius:9999px;background:#9ca3af;animation:bounce 1.2s infinite}.typing .dots div:nth-child(2){animation-delay:.2s}.typing .dots div:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(.8);opacity:.7}40%{transform:scale(1);opacity:1}}.chat-input{padding:1rem;display:grid;justify-content:center}.input-form{display:flex;padding:5px;border-radius:5px;width:850px}.input-field,.input-form{background-color:rgb(40,40,40)}.input-field{flex:1 1;color:#fff;border-radius:.5rem 0 0 .5rem;padding:.5rem 1rem;border:none;border-radius:20px;outline:none}.send-btn{background-color:white;color:black;border:none;border-radius:5px;font-weight:700;padding:.5rem;display:grid;justify-content:center;align-items:center;transition:background .2s;cursor:pointer}.send-btn:hover{background-color:rgba(255,255,255,.3);color:white}.send-btn:disabled{opacity:.5;cursor:not-allowed}.mob-chat-area,.mob-sidebar,nav{display:none}@media (max-width:412px){.box{min-height:0;display:flex;align-items:none;justify-content:none}.box,.container{background-color:rgb(40,40,40)}.container{padding:2rem;border-radius:.5rem;text-align:center;width:100%;height:100vh}.head{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;align-content:center;grid-gap:5px;gap:5px}.head img{width:40px;height:40px}.container .p{text-align:left;font-size:50px}.cont-2{display:grid;grid-template-rows:auto auto;width:100%}.sub-cont{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:center;grid-gap:15px;gap:15px;background-color:rgb(25,30,25);padding:10px;margin:5px 0;border-radius:25px}.sub-cont p{text-align:left;color:white}.sub-cont #logicon{background-color:rgb(10,20,10);width:80px;height:80px;padding:20px;border-radius:25px;color:white}.load{min-height:100vh;display:flex;background-color:rgb(20,20,20)}.load,.load div{align-items:center;justify-content:center}.load div{color:white;display:grid}#badge-icon{width:100px;height:100px}.head{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:#ffffff;margin-bottom:.5rem}.p{color:#d1d5db;margin-bottom:1.5rem}.btn{background-color:white;color:black;border:transparent;padding:20px;margin:10px 0;width:100%;font-size:20px;border-radius:20px;cursor:pointer;display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;grid-gap:10px;gap:10px}.chat-area,.sidebar{display:none}.mob-sidebar{width:230px;background-color:transparent;display:flex;flex-direction:column;padding:10px;position:fixed;height:100%;z-index:1000}.message-row{display:flex}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start;width:100%}.message-bubble{border-radius:.5rem;padding:.75rem}.opt{width:100%}.copy-code-btn{position:absolute;top:8px;right:8px;background-color:rgb(40,40,40);color:white;font-size:12px;padding:2px 8px;border-radius:4px;cursor:pointer;border:1px solid rgb(30,30,30);transition:background .2s}.copy-code-btn:hover{background-color:#4b5563}.messages{padding:1rem}.message-text blockquote,.message-text code,.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6,.message-text li,.message-text ol,.message-text p,.message-text pre,.message-text ul{padding:0;line-height:1.6;word-wrap:break-word}.message-text ol,.message-text ul{padding-left:50px}.message-text li{margin:5px}.message-text strong{font-weight:700;color:#ffcc00}.message-text{word-wrap:break-word;width:100%}.message-text code{background-color:white;border:none;padding:3px 5px;border-radius:5px;overflow-x:auto;font-family:Monaco,Menlo,Consolas,Roboto Mono,monospace;font-size:14px;line-height:1.5;color:black}.message-text pre{background-color:#1e1e1e;color:red;padding:12px;border-radius:20px;overflow-x:auto;font-size:14px;word-wrap:break-word;width:100%;margin:30px 0}.message-text pre code{background:rgb(30,30,30);padding:10px;color:white;border-radius:8px;overflow-x:auto;font-family:monospace;word-wrap:break-word}.message-text blockquote{border-left:4px solid #999;padding-left:10px;color:#666;font-style:italic}.message-text>:last-child{margin-bottom:0}.message-text table{width:100%;border-collapse:collapse;margin-top:12px}.message-text td,.message-text th{border:1px solid #ccc;padding:8px;text-align:left}.message-bubble.user{background-color:white;color:black;margin:20px 0}.message-bubble.assistant{background-color:transparent;padding:10px;margin:20px 0;width:100%}nav{display:flex;justify-content:space-between;align-items:center;background-color:rgb(15,20,15);position:fixed;width:100%;padding:.5rem 1rem;z-index:100;box-sizing:border-box;top:0;left:0}#nav-box{display:flex;gap:.5rem}nav #nav-box-nam{font-size:22px}#nav-box button{background-color:transparent;border:none;cursor:pointer;padding:.5rem;color:white}.mob-chat-area{display:flex;flex-direction:column;width:100%;height:100vh;padding-top:3rem;box-sizing:border-box;background-color:rgb(15,20,15)}.messages{flex:1 1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;width:100%;margin-top:0;padding:1rem 1rem 5rem}.messages::-webkit-scrollbar{display:none}.message-bubble{max-width:90%}.chat-input{padding:.75rem;position:fixed;bottom:0;left:0;right:0;background-color:rgb(15,20,15);z-index:100}.input-form{margin:0;display:flex;gap:.5rem;width:auto}.input-field{font-size:.9rem;flex:1 1;min-width:0;width:300px}.send-btn{flex-shrink:0}.welcome{padding:2rem 1rem;height:auto;text-align:center}.welcome-title{font-size:1.25rem}.welcome-subtitle{font-size:.9rem}.sidebar-header{padding:1rem;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;align-content:center;grid-gap:10px;gap:10px}.sub-sidebar-header button{border:none;background-color:rgb(40,40,40);padding:5px;display:grid;justify-content:center;align-items:center;border-radius:20px}}@media (max-width:360px){.message-bubble{max-width:95%;padding:.6rem}.sidebar-header{padding:1rem;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:space-between;align-content:center;grid-gap:10px;gap:10px}.chat-input{padding:.5rem}.input-field,.send-btn{padding:.4rem .8rem}nav{padding:.5rem}}