@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";html,body{margin:0;padding:0;height:100%}#app{height:100%;font-family:Nunito,serif}h1{font-size:24px}h2{margin:16px 0;font-weight:700;font-size:36px}h3{margin:16px 0;font-weight:700;font-size:28px}.flat-btn{height:48px;border:none;border-radius:8px;background-color:#50574f;padding:10px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;font-family:Nunito,serif;font-weight:400;font-size:16px;color:#f9f9f9;cursor:pointer}.flat-btn:hover{background-color:#6b6f6a}.flat-btn.selected{background-color:#a36e50}.icon-btn{margin:0;padding:0;border:none;background:none;cursor:pointer}.flex-spacer{flex-grow:1}.main-page{height:100%;display:flex;flex-direction:row}.pages-panel{position:relative;width:256px;min-width:256px;background-color:#f9f9f9;display:flex;flex-direction:column;gap:16px;overflow-x:hidden;overflow-y:auto;transition:width .5s,min-width .5s}.pages-panel.collapsed{width:64px;min-width:64px}.collapse-btn{position:absolute;top:28px;right:0;padding:8px 0 8px 16px;border-radius:10px 0 0 10px;background-color:#efe4da;transition:top .5s}.collapsed .collapse-btn{top:92px;padding:8px 16px 8px 0;border-radius:0 10px 10px 0;transform:rotate(180deg)}.logo{padding:16px 16px 0;display:flex;flex-direction:row;align-items:center;gap:16px;font-size:24px;font-weight:600;color:#030229}.logo img{width:64px;height:64px;transition:padding .5s,width .5s,height .5s}.collapsed .logo img{padding:16px 0;width:32px;height:32px}.page-btn{height:48px;padding:0;border:none;background:none;cursor:pointer;display:flex;flex-direction:row;align-items:center;font-family:Nunito,serif;font-size:16px;color:#9a9aa9}.collapsed .collapsable{display:none}.page-btn img{margin-right:8px;padding:8px 12px 8px 32px;transition:padding-left .5s}.collapsed .page-btn img{padding-left:22px}.page-btn.selected img{background-color:#a36e50;border-radius:0 8px 8px 0}.separator{margin:16px 20px;border-bottom:1px solid #0F1B29}.userbar{margin:20px;display:flex;flex-direction:row;align-items:center;gap:16px;transition:margin .5s}.collapsed .userbar{margin:20px 8px}.userbar>.avatar{min-width:48px;min-height:48px}.userbar>p{flex-grow:1;margin:0;white-space:nowrap}.chats-panel{padding:20px;width:256px;min-width:256px;background-color:#efefef;display:flex;flex-direction:column;overflow:auto}.chats-actionbar{padding-bottom:20px;border-bottom:1px solid #0F1B29;display:flex;flex-direction:row;justify-content:center;gap:8px}.chats-search-btn{box-sizing:border-box;width:50px;height:50px;border:1px solid #9A9AA9;border-radius:100px}.chats-new-btn{border-radius:100px;background-color:#a36e50}.chats-new-btn:hover{background-color:#ce9473}.pinned-chat-btn{margin-bottom:8px;width:100%;justify-content:left;box-shadow:#0000000d 0 4px 4px;background-color:#6b6f6a;color:#f9f9f9}.pinned-chat-btn:hover{background-color:#6b6f6a}.pinned-chat-btn.selected{background-color:#a36e50}.chats-date{font-size:14px;color:#0f1b29}.chat-btn{margin-bottom:8px;width:100%;justify-content:left;box-shadow:#0000000d 0 4px 4px;background-color:#f9f9f9;color:#0f1b29}.chat-btn:hover{background-color:#f9f9f9}.chat-btn.selected{background-color:#a36e50}.chat-panel{flex-grow:1}.article-viewer{position:fixed;top:0;right:0;width:0;height:100%;background:#F9F9F9;border-radius:10px;z-index:1;transition:width .5s}.article-viewer.open{box-shadow:#a2a2a240 -20px 0 20px 20px;width:600px;overflow:auto}.article-viewer-content{padding:32px}.article-viewer-close{cursor:pointer}.article-btn{width:300px;justify-content:left;margin-bottom:8px}.article-content{padding:20px;border-radius:10px;background-color:#e2c8ae99;white-space:break-spaces}.chat-window{height:100%;display:flex;flex-direction:column}.chat-header{margin:0 20px;border-bottom:1px solid #0F1B29;display:flex;flex-direction:row;justify-content:space-between}.chat-header-actionbar{display:flex;flex-direction:row;align-items:center;gap:16px}.chat-msg-panel{flex-grow:1;display:flex;flex-direction:column;overflow:auto}.chat-msg{align-self:start;margin:8px 200px 8px 100px;text-align:left;white-space:break-spaces}.chat-msg.user{align-self:end;margin:8px 100px 8px 200px;text-align:right;color:#5f5f5f}.chat-msg-datebar{position:relative;display:flex;flex-direction:row;align-items:center}.user .chat-msg-datebar{flex-direction:row-reverse}.chat-msg-avatar{position:absolute;left:-46px;width:28px;height:28px}.user .chat-msg-avatar{left:unset;right:-46px}.chat-msg-date{height:fit-content}.chat-msg-actionbar{display:flex;flex-direction:row;align-items:center;gap:16px}.sources-btn{background-color:#e2c8ae66;color:#a36e50}.sources-btn:hover{background-color:#e2c8ae66}.chat-actionbar{margin:0 32px 32px;min-height:64px;border:1px solid #919191;border-radius:10px;display:flex;flex-direction:row;align-items:center;overflow:hidden}.chat-input{flex-grow:1;padding:10px;border:none;resize:none;font-family:Nunito,serif;font-size:16px}.chat-input:disabled{cursor:not-allowed}.chat-send{height:100%;width:64px;border:none;background:none;cursor:pointer}.chat-send:disabled{cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chat-generation-icon{margin:0 12px;animation:spin 1s infinite linear}.chat-generation-msg{flex-grow:1;color:#5f5f5f}#login-page{height:100%;display:flex;justify-content:center;align-items:center}#login-form{display:flex;flex-direction:column;align-items:center}#login-form input{box-sizing:border-box;width:256px;height:48px;padding:0 8px;border:1px solid grey;border-radius:8px}