@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:var(--poppins);-webkit-tap-highlight-color:transparent;a{text-decoration:none;color:var(--primary-txt)}}@font-face{font-family:MyFont;src:url(/fonts/JumperPersonalUseOnlyLight-Eaovj.ttf) format("truetype");font-weight:400;font-style:normal}.app{width:100%}.app,body,html{height:100%;overflow:hidden}body,html{overscroll-behavior:none}:root{--myFont:"MyFont";--poppins:"Poppins",sans-serif;--merri-font:"Merriweather",serif;--brand:linear-gradient(90deg,#2a2c2e,#101112);--primary-bg:#fff;--sec-bg:#f8f8f8;--primary-txt:#0d0d0d;--sec-txt:#6b6b6b;--user-chat-bg:#333232;--orange:#f66d2e;--sidebar-txt:#2d2d2d;--linear:linear-gradient(90deg,#2a2c2e,#101112);--btn-shadow:inset 0px 4px 4px 0px rgba(112,112,112,55%),inset 0px -8px 10px 0px rgba(0,0,0,20%);--card-shadow:0px 2px 8px 0px rgba(69,70,72,10%);--tab-shadow:0px -4px 80px 0px rgba(0,0,0,7%);--border:#e7e7e7;--card-border:#d8d9e0;--br-sm:12px;--br-md:16px;--br-xl:40px;--gpt-ui-card:#ffffff;--gpt-ui-border:#dddddd;--gpt-ui-hover:#4f4f4f;--gpt-ui-input:#f5f5f5;--gpt-ui-btn:#e9e9eb;--list-bg:#f5f5f5}body.disabled{pointer-events:none}.wrapper{height:calc(100vh - env(safe-area-inset-top));position:relative;background-color:var(--primary-bg)}.wrapper,.wrapper .main-sec{width:100%;overflow:hidden;display:flex}.wrapper .main-sec{height:100%;flex-direction:column;justify-content:space-between}.wrapper .main-sec .top-bar{background-color:#fff;width:100%;height:60px}.wrapper .main-sec .main-content{width:100%;height:100%;overflow:hidden;flex:1 1}.wrapper .main-sec .foot{background-color:var(--primary-bg);width:100%;padding:10px;font-size:12px;display:flex;align-items:center;justify-content:center}.wrapper .main-sec .foot a{text-decoration:none;font-weight:300;color:#868686}.sidebar-overlay{transition:opacity .3s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.sidebar{width:280px;height:100%;background-color:var(--sec-bg);padding:20px;display:flex;flex-direction:column;position:relative}.sidebar *{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none}.sidebar .top-sec-grp{width:100%;display:flex;flex-direction:column;gap:40px}.sidebar .top-sec{display:flex;align-items:center;gap:10px;font-size:18px;color:var(--primary-txt);cursor:pointer}.sidebar .top-sec *{font-family:var(--myFont)}.sidebar .collapse-btn{cursor:pointer;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;box-shadow:var(--tab-shadow);border:1.5px solid var(--border)}.sidebar .collapse-btn,.sidebar .icon{background-color:var(--primary-bg);border-radius:var(--br-sm)}.sidebar .icon{width:40px;height:40px}.sidebar .menu{display:flex;flex-direction:column;gap:15px}.sidebar .menu-item{max-height:40px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:16px;font-weight:400;color:var(--primary-txt)}.sidebar .menu-icon{min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;background:var(--brand);border-radius:var(--br-sm)}.sidebar .link-item{text-decoration:none}.sidebar .link-item-icon{background-color:var(--primary-bg);border-radius:var(--br-sm);border:1px solid var(--border);min-width:32px}.sidebar .chat-icon,.sidebar .link-item-icon{min-height:32px;display:flex;align-items:center;justify-content:center}.sidebar .chat-icon{opacity:0;max-width:30px}.sidebar .channel-grp{display:flex;flex-direction:column;gap:10px;background-color:var(--primary-bg);border-radius:var(--br-md);padding:5px}.sidebar .channel-btn{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 20px;border-radius:10px;font-size:15px}.sidebar .channel-btn:first-child{background:rgba(67,120,255,.1)}.sidebar .channel-btn:last-child{background:rgba(37,211,102,.1)}.sidebar .channel-item-icon{display:flex;align-items:center;justify-content:center}.sidebar .recent-tabs{display:flex;flex-direction:column;gap:20px;margin-top:-60px}.sidebar .recent-head{font-size:15px;color:var(--primary-txt)}.sidebar .recents{display:flex;flex-direction:column;gap:10px;height:80%;overflow:hidden;overflow-y:auto}.sidebar .recent-tab{display:flex;padding:10px 12px;font-size:14px;color:var(--sec-txt);border-radius:var(--br-sm);cursor:pointer;text-wrap:nowrap;align-items:center;justify-content:space-between}.sidebar .recent-tab p{max-width:90%;overflow:hidden;text-overflow:ellipsis}.sidebar .delete-icon{width:-moz-fit-content;width:fit-content;height:100%;display:flex;align-items:center;opacity:0;pointer-events:auto}.sidebar .active-tab{background-color:#fff;color:var(--primary-txt)}.delete-btn{background-color:#ec3053;margin-inline:10px}.cancel-btn,.delete-btn{font-size:14px;color:#fff;border-radius:10px;border:none;padding:5px 10px;cursor:pointer}.cancel-btn{background:var(--linear)}@media screen and (max-width:1020px){.sidebar{position:fixed;left:0;top:0;z-index:2;padding-top:20px;padding-left:20px}.sidebar .collapse-btn{background-color:var(--sec-bg);z-index:2}.sidebar .chat-icon{display:none}.sidebar .recent-tabs{margin-top:0}}@media(max-width:640px){.sidebar{background-color:rgba(0,0,0,0)}.sidebar .logo,.sidebar .menu,.sidebar .new-chat,.sidebar .recent-tabs{opacity:0}}@media(max-width:1020px){.delete-icon{opacity:1!important;pointer-events:auto!important;transform:translateY(-50%) translateX(0)!important;transition:none!important}}.top-nav{min-width:100%;padding:16px 40px;min-height:50px;display:flex;align-items:center;justify-content:space-between;background-color:#fff;z-index:0}.top-nav .top-nav-center{color:var(--primary-txt);font-size:17px;flex:1 1;width:100%;justify-content:center;margin-left:34px;opacity:0;text-decoration:none}.top-nav .top-nav-center,.top-nav .top-nav-right,.top-nav .top-nav-right .btn{display:flex;align-items:center}.top-nav .top-nav-right .btn{width:90px;height:40px;justify-content:center;background:var(--linear);border-radius:var(--br-md);box-shadow:var(--btn-shadow);color:var(--primary-bg);padding:10px 20px;font-size:14px;cursor:pointer}@media screen and (max-width:640px){.top-nav{padding:15px 20px;position:fixed;top:0;left:0;z-index:1}.top-nav .top-nav-center{opacity:1}}