*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s ease,color .3s ease}:root{--step--1: clamp(.8333rem, .7558rem + .3446vw, 1.05rem);--step-1: clamp(1.2rem, 1.0423rem + .7008vw, 1.6406rem);--step-2: clamp(1.44rem, 1.2214rem + .9714vw, 2.0508rem);--space-3xs: clamp(.25rem, .2276rem + .0994vw, .3125rem);--space-2xs: clamp(.5rem, .4329rem + .2982vw, .6875rem);--space-xs: clamp(.75rem, .6605rem + .3976vw, 1rem);--space-s: clamp(1rem, .8882rem + .497vw, 1.3125rem);--space-m: clamp(1.5rem, 1.3211rem + .7952vw, 2rem)}#root{display:flex}.light-mode{--color: #000;--background-color: #fff;--btn-background-color: #000;--btn-color: #fff;--hover-btn-background-color: rgba(0, 0, 0, .5);--sidebar-bg: #f5f5f5;--chat-bg: #fff;--input-bg: #f0f0f0}.dark-mode{--color: #fff;--background-color: rgb(23, 32, 33);--btn-background-color: #fff;--btn-color: #000;--hover-btn-background-color: rgba(255, 255, 255, .5);--sidebar-bg: #1a2a2a;--chat-bg: rgb(23, 32, 33);--input-bg: #2d3e3e}button{font-size:var(--step-1);border:none;cursor:pointer}.sidebar{height:100vh;height:100dvh;background-color:var(--sidebar-bg);padding:var(--space-s) var(--space-xs);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;gap:var(--space-xs)}.sidebar>:last-child{align-self:center;margin-top:auto}#ham{font-size:var(--step-2);color:var(--color);align-self:start;cursor:pointer;margin-bottom:var(--space-s)}.newchat,.recent{font-size:var(--step--1);display:flex;align-items:center;gap:.5em;padding:.6em .9em;border-radius:8px;cursor:pointer;color:var(--color)}.newchat{background-color:var(--background-color)}.newchat:hover,.recent:hover{background-color:var(--hover-btn-background-color)}.newchat p,.recent p{white-space:nowrap}.themeBtn{background-color:var(--btn-background-color);color:var(--btn-color);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:.3rem;transition:all .3s ease}.themeBtn:hover{background-color:var(--hover-btn-background-color);transform:rotate(10deg)}.chatsection{flex:1;display:flex;flex-direction:column;padding:var(--space-m);height:100vh;height:100dvh;background-color:var(--chat-bg);color:var(--color)}.topsection{height:90%;overflow-y:auto;scrollbar-width:thin}.headings{font-size:var(--step-1);display:flex;flex-direction:column;align-items:center;gap:.7em;height:100%;justify-content:center;text-align:center}.result{display:flex;flex-direction:column;gap:var(--space-m)}.box{display:flex;padding:var(--space-2xs);border-radius:8px;background-color:var(--input-bg);word-break:break-word;overflow-wrap:break-word}.box img{align-self:start;object-fit:cover}.box p{font-size:var(--step--1);align-self:center}.loader{display:flex;gap:var(--space-3xs);align-items:center}.loader hr{height:10px;width:10px;border-radius:50%;background-color:var(--color);border:none;animation:pulse 1.5s infinite ease-in-out}.loader hr:nth-child(2){animation-delay:.5s}.loader hr:nth-child(3){animation-delay:1s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}.bottomsection{align-self:center;margin-top:auto;display:flex;position:relative;width:min(100%,40rem)}.bottomsection input{font-size:var(--step--1);width:100%;padding:.8em 3em .8em 1.2em;border-radius:50px;border:none;background-color:var(--input-bg);color:var(--color);outline:none}.bottomsection input:focus{box-shadow:0 0 0 2px var(--hover-btn-background-color)}#sendbtn{position:absolute;right:min(1rem,5%);top:50%;transform:translateY(-50%);background:transparent;color:var(--color)}#sendbtn:hover{color:var(--hover-btn-background-color)}