:root{--color-white: #fffee4;--color-black: #000;--color-gray: #808080;--color-hover: #000000b0;--color-hover1: #fffee4b0;--color-none: #0000}*{box-sizing:border-box;margin:0;padding:0}#root{height:100%}body,html{font-family:consolas;color:var(--color-black);background-color:var(--color-white)}.container{display:flex;width:100dvw;height:100dvh;flex-direction:row;justify-content:flex-start}.sidebar{top:0;bottom:0;left:0;z-index:50;width:25dvw;background-color:var(--color-black);color:var(--color-white);display:flex;flex-direction:column;padding:.5rem;transition-property:width;transition-timing-function:linear;transition-duration:0s;transform:translate(0);overflow:visible}.sidebar.collapsed{width:0px!important;overflow:hidden;border:none;padding:0rem;transition-duration:.15s;transform:translate(-100%)}.sidebar.open{transform:translate(0);transition-duration:.15s}.sidebar-content{display:flex;flex-direction:column;height:100%;width:100%;min-width:240}.sidebar-header{padding:16px;flex-shrink:0}.sidebar-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;font-weight:700;font-size:1.5rem}.collapse-btn{background-color:var(--color-gray);border:none;color:var(--color-white);padding:6px;border:2px solid var(--color-none)}.collapse-btn:hover{background-color:var(--color-hover);color:var(--color-white);border:2px solid var(--color-white)}.collapse-btn:active{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-white)}.newchat-btn{width:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;font-size:14px;background-color:var(--color-gray);border:none;border-radius:.8rem;transition:background-color .2s}.newchat-btn:hover{background-color:var(--color-hover1)}.newchat-btn:active{background-color:var(--color-white)}.expand-btn{background-color:var(--color-gray);color:var(--color-white);border:2px solid var(--color-none);padding:.5rem 1rem;margin:.5rem}.expand-btn:hover{background-color:var(--color-hover);color:var(--color-white);border:2px solid var(--color-black)}.expand-btn:active{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}.history-scroll{flex:1;background:none;overflow-y:auto}.history-item{width:100%;background:none;border:none;color:var(--text-secondary);padding:10px}.history-item:hover{background-color:#0ff}.history-item.active{color:#000;background-color:#7fffd4}.main-chat{flex:1;display:flex;flex-direction:column;position:relative;background-color:var(--bg-main);width:100%;max-width:75dvw}.chat-history{flex:1;min-width:0;overflow-y:auto}.markdown-body{max-width:75dvw;overflow-y:auto;white-space:normal;overflow-wrap:break-word;word-wrap:break-word;min-width:0}.input-container{display:flex;flex:0;flex-direction:row;align-items:center;justify-content:center}.input-box{flex:1;max-width:60dvw;height:80%;max-height:33dvh;padding:.5rem;margin:.5rem}.send-btn{background-color:var(--color-gray);color:var(--color-white);border:2px solid var(--color-none);padding:.5rem 1rem;margin:.5rem}.send-btn:hover{background-color:var(--color-hover);color:var(--color-white);border:2px solid var(--color-black)}.send-btn:active{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}.new-btn{background-color:var(--color-gray);color:var(--color-white);border:2px solid var(--color-none);padding:.5rem 1rem;margin:.5rem}.new-btn:hover{background-color:var(--color-hover);color:var(--color-white);border:2px solid var(--color-black)}.new-btn:active{background-color:var(--color-white);color:var(--color-black);border:2px solid var(--color-black)}