:root{--bg: #171717;--sbg: #2d2f41;--ssbg: #3c4054;--text: #acb2be;--stext: #c0c0c0;--sstext: #a9a9a9;--border: hsla(0, 0%, 100%, .05);--sborder: hsla(0, 0%, 100%, .1);--link: #7ab7ff;--slink: #5e83b3}:root{--tbg: #303132;--ssbg: #202123;--text: #ececf1;--stext: #d1d5db;--sstext: #acacbe;--border: hsla(0, 0%, 100%, .1);--sborder: hsla(0, 0%, 100%, .2);--ink: #10a37f;--slink: #19c995}:root{--bg: #242424;--sbg: #171717;--text: #ececf1;--border: hsla(0, 0%, 100%, .1);--sstext: #acacbe}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none}body,html{line-height:1.5;background-color:var(--bg);color:var(--text)}a,button{cursor:none}@media (hover: hover) and (pointer: fine){a,button{cursor:pointer}}aside{z-index:5;position:fixed;top:0;left:0;width:250px;height:93dvh;height:100dvh;background-color:var(--sbg);transition:all .5s ease;transform:translate(-100%);overflow-y:scroll;overflow-x:hidden}aside::-webkit-scrollbar-track{background:var(--bg)}@media (hover: hover) and (pointer: fine){aside::-webkit-scrollbar{width:8px}}aside::-webkit-scrollbar-track{background:var(--ssbg)}aside::-webkit-scrollbar-thumb{background-color:#555;border-radius:8px}aside::-webkit-scrollbar-thumb:hover{background-color:#888}aside._open_1bcou_41{transform:translate(0)}aside._cloaed_1bcou_45{transform:translate(-100%)}@media (min-width: 980px){aside{transform:translate(0);width:20vw}}._iconContainer_1bcou_56{display:flex;justify-content:space-between;align-items:center;background:none;border:none;padding:20px 15px;position:sticky;background-color:inherit;top:0;margin-top:5px}._iconContainer_1bcou_56 img{width:30px;height:30px}._iconContainer_1bcou_56 button{background:none;border:none;color:var(--text);font-size:1.2em;padding:5px 5px 3px;border-radius:8px}._iconContainer_1bcou_56 button:hover{background-color:var(--border)}._newChat_1bcou_87{display:none}@media (min-width: 980px){._closeBtn_1bcou_92{display:none}._newChat_1bcou_87{display:block}}._profileSection_1bcou_101{padding:1.5rem 1rem;display:flex;align-items:center;gap:1rem;background-color:inherit;position:sticky;bottom:0}._profileSection_1bcou_101 img{width:32px;height:32px;border-radius:50%;object-fit:cover}._profileSection_1bcou_101 a{font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}this were my styles,convert to modules compatible with the above ._fouritems_bd2u0_2{margin:20px 0 0;font-size:.85rem}._fouritems_bd2u0_2 div{display:flex;align-items:center;gap:.7rem;padding:.7rem 1.2rem}._fouritems_bd2u0_2>div:last-child{margin-top:20px}aside ._chat-sidebar_1i839_1{margin-top:2vh;padding:0 15px 0 7px}aside h5{padding:40px 7px 3% 15px;background:var(--sbg);color:var(--sstext)}aside ul{list-style:none}aside ul li{border-radius:10px;transition:all .3s ease;margin:2.5%;padding:7px 5px 7px 10px}aside ul li:hover{background-color:var(--border)}aside ul li a{color:var(--text);text-decoration:none;font-size:.9rem;display:block;width:100%;white-space:nowrap;overflow-x:hidden}._chatItem_1i839_38{display:flex;align-items:center;justify-content:space-between}._more_1i839_44{background:none;border:none;display:flex;padding:4px}._dot_1i839_51{width:4px;height:4px;background-color:var(--text);border-radius:50%;margin:0 1px}@media (hover: hover) and (pointer: fine){._dot_1i839_51{visibility:hidden;opacity:0;pointer-events:none}aside ul li:hover ._dot_1i839_51{visibility:visible;opacity:1;pointer-events:auto}._activeDot_1i839_72{visibility:visible!important;opacity:1!important;pointer-events:auto!important}}._modal_1i839_79{background:var(--bg);border-radius:12px;box-shadow:0 4px 16px #00000026;padding:5px;z-index:10;animation:_fadeIn_1i839_1 .2s ease-out;width:fit-content;border:2px solid var(--border)}@keyframes _fadeIn_1i839_1{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}._modalItem_1i839_103{border-radius:10px;padding:10px 40px 10px 10px;display:flex;align-items:center;gap:8px;font-size:.9rem;transition:background .2s}._modalItem_1i839_103:hover{background-color:var(--border)}._icon_1i839_118{font-size:16px}._danger_1i839_122{color:#ff8a75}._danger_1i839_122:hover{background-color:#4b302d}._tooltipWrapper_reatt_1{display:inline-block}._tooltip_reatt_1{position:fixed;background-color:#000;color:#fff;padding:5px 8px;border-radius:4px;white-space:nowrap;font-size:12px;z-index:9999;pointer-events:none}@media (min-width: 980px){._closeTooltip_reatt_18{display:none}}._closeTooltipText_reatt_23{transform:translate(-30%);margin-top:7px}._newChatTooltipText_reatt_28{transform:translate(-50%);margin-top:7px}._openTooltipText_reatt_33{transform:translate(-35%)}._newChatTooltipText-two_reatt_37{transform:translate(-65%)}._moreTooltipText_reatt_41{transform:translate(-50%);margin-top:5px}main{transition:all .5s ease}header{display:flex;align-items:center;justify-content:space-between;padding:10px;transition:all .5s ease;border-bottom:1px solid var(--border)}@media (min-width: 980px){header,main{margin-left:20vw}}header button{color:var(--text);border:none;background:transparent;display:block}._hamburger_kogjl_30{width:30px;gap:7px;margin-left:10px;display:flex;flex-direction:column;justify-content:space-between}._hamburger_kogjl_30 ._line_kogjl_39{background-color:var(--text);height:2px}._top_kogjl_44{width:22px}._bottom_kogjl_48{width:15px}._logo_kogjl_52{text-align:center}._logo_kogjl_52 button{font-size:1.2rem;color:var(--text);display:flex;align-items:center;gap:5px;padding:11px;border-radius:7px;cursor:default}._logo_kogjl_52 button svg{width:.7rem;color:var(--sstext);height:.7rem}._logo_kogjl_52 button:hover{background-color:var(--border)}._newChat_kogjl_77{margin-top:7px;padding:7px 10px;border-radius:8px}._newChat_kogjl_77:hover{background-color:var(--border)}._newChat_kogjl_77 svg{font-size:27px;width:1em;height:1em}._rightItems_kogjl_93{display:none}@media (min-width: 980px){._hamburger_kogjl_30,._newChat_kogjl_77{display:none}._logo_kogjl_52{text-align:left;margin-left:2vw}._rightItems_kogjl_93{display:flex;align-items:center;gap:1w;margin-right:1vw}._rightItems_kogjl_93 button:hover{background-color:var(--border)}._share_kogjl_120{display:flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:2px solid var(--border);border-radius:50px}._more_kogjl_129{display:flex;flex-direction:column;justify-content:center;align-items:center;background:none;border:none;gap:4px;padding:10px;width:40px;height:40px;border-radius:50%;margin:0 10px}._dot_kogjl_144{width:5px;height:5px;border-radius:50%;background-color:var(--text)}._profile_kogjl_151 img{width:35px;height:35px;border-radius:50%}}._container_12v6q_1{display:flex;flex-direction:column;position:relative;height:82vh;padding-top:20px}@media (min-width: 500px){._container_12v6q_1{height:88vh}}@media (min-width: 980px){._container_12v6q_1{height:88vh}}._chatWindow_12v6q_21{flex-grow:1;padding:10px 20px 10px 5px;overflow-y:auto;display:flex;flex-direction:column;max-width:750px;gap:8px;width:100%;margin:0 auto;scrollbar-width:none;-ms-overflow-style:none}._chatWindow_12v6q_21::-webkit-scrollbar{display:none}._initialAiMsg_12v6q_41{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);color:var(--text);font-size:1.8rem;text-align:center;white-space:nowrap}@media (min-width: 980px){._initialAiMsg_12v6q_41{font-size:2rem}}._aiMsg_12v6q_59{align-self:flex-start;text-align:left;width:95%;max-width:700px;font-size:1.05rem;border-radius:20px;margin:12px 0;padding:12px 18px;white-space:pre-wrap;word-wrap:break-word;line-height:1.75}._aiResponseContent_12v6q_74{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;gap:1rem}._aiResponseActions_12v6q_82{display:flex;gap:1rem;align-items:center}._aiResponseActions_12v6q_82{transform:translateY(-10px);transition:transform 1s ease}._aiResponseActions_12v6q_82._show_12v6q_93{transform:translateY(0)}._iconBtn_12v6q_98{background:none;border:none;padding:7px 7px 3px 6px;color:#fff;font-size:1.2rem;border-radius:7px}._iconBtn_12v6q_98:hover{background:var(--border)}._userMsg_12v6q_111{display:flex;flex-direction:column;align-items:flex-end;max-width:60%;margin-left:auto}._userMsg_12v6q_111 span{margin:10px 0;padding:10px 18px;border-radius:20px;white-space:pre-wrap;word-wrap:break-word;font-size:1.05rem;line-height:1.75;background-color:var(--border)}._userMsgActions_12v6q_131{opacity:0;transform:translateY(-5px);transition:opacity .3s ease,transform .3s ease;pointer-events:none}._userMsg_12v6q_111:hover ._userMsgActions_12v6q_131{opacity:1;transform:translateY(0);pointer-events:auto}._editTextarea_12v6q_144{width:100%;padding:8px;font-size:.95rem;margin-bottom:4px;border-radius:4px;border:1px solid #ccc}._editActions_12v6q_153{display:flex;gap:8px}._editBtn_12v6q_158{padding:4px 10px;border:none;background-color:#eee;border-radius:4px;cursor:pointer}._inputArea_12v6q_167{display:flex;width:95%;flex-direction:column;margin:0 auto;max-width:720px;padding:12px;position:relative}@media (min-width: 980px){._initialPosition_12v6q_179{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}}._textarea_12v6q_187{flex-grow:1;resize:none;padding:20px 50px 0 20px;border-radius:28px;background-color:var(--tbg);border:none;font-size:16px;font-family:inherit;outline:none;color:var(--text);line-height:1.4}._arrowBtn_12v6q_202{position:absolute;bottom:24px;right:14px;width:36px;height:36px;border:none;background:#fff;border-radius:50%;box-shadow:0 0 3px #00000026;font-size:18px;display:flex;margin:0 15px 35px 0;align-items:center;justify-content:center;transition:background .2s ease}._arrowBtn_12v6q_202:disabled{opacity:.6;cursor:not-allowed}._container_12v6q_1 small{text-align:center;font-size:.7rem;margin-top:15px}._container_12v6q_1 a{color:inherit;margin-left:5px}._scrollButton_a88cf_1{position:fixed;bottom:170px;left:50%;transform:translate(-50%);background-color:var(--bg);border-radius:50%;box-shadow:0 0 10px #00000080;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:2px solid var(--tbg);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:2;color:#fff;font-size:24px}@media (min-width: 980px){._scrollButton_a88cf_1{left:calc(50% + 10vw)}}._scrollButton_a88cf_1._visible_a88cf_29{opacity:1;pointer-events:auto}