*{-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:none}*::-webkit-scrollbar{width:0}html,body{width:100%;height:100%;margin:0;font-family:'DM Sans',sans-serif;font-size:1rem;background-color:#202a25;color:#5f4bb6}[v-cloak]{display:none !important}*::-webkit-input-placeholder{color:#202a25;opacity:1;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s}*:-ms-input-placeholder{color:#202a25;opacity:1;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s}*::placeholder{color:#202a25;opacity:1;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s}#app{width:100%;height:100%}.screen{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;padding:1rem}.screen .window{width:50%;height:50%;padding:1rem;color:#5f4bb6;-webkit-transition:color .1s,border-color .1s,width .2s,height .2s,padding .2s;transition:color .1s,border-color .1s,width .2s,height .2s,padding .2s}.screen .window .w-inner{width:100%;height:100%;border:1px solid #5f4bb6;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screen .window .w-inner .title{width:100%;padding:.5rem;font-weight:bold;background-color:#5f4bb6;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s;color:#202a25;position:-webkit-sticky;position:sticky;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.screen .window .w-inner .content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:1rem;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screen .window .w-inner .content .text{-webkit-box-flex:1;-ms-flex:1;flex:1;white-space:pre-wrap;overflow:auto}.screen .window .w-inner .content .text.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screen .window .w-inner .content .graph{-webkit-box-flex:1;-ms-flex:1;flex:1}.screen .window .w-inner .content input{-webkit-box-flex:1;-ms-flex:1;flex:1;background:none;border:none;font:inherit;color:inherit;padding:0;outline:none}.screen .window .w-inner .content input[type='file']{display:none}.screen .window .w-inner .content button{background:none;border:1px solid #5f4bb6;font:inherit;color:inherit;padding:.5rem;outline:none;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s;cursor:pointer}.screen .window .w-inner .content textarea{-webkit-box-flex:1;-ms-flex:1;flex:1;background:none;border:1px solid #5f4bb6;resize:none;font:inherit;color:inherit;padding:.5rem;outline:none;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s;margin-top:1rem;margin-bottom:1rem}.screen .window .w-inner .content .spacer{margin-right:1rem}.screen .window .w-inner .content .input-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.screen .window .w-inner .content .input-wrapper-chat{display:-webkit-box;display:-ms-flexbox;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.screen .window .w-inner .content .input-wrapper-chat input{padding:.5rem;margin-top:1rem;border:1px solid #5f4bb6;-webkit-transition:color .1s,border-color .1s;transition:color .1s,border-color .1s}.screen .window.active{color:#26f0f1}.screen .window.active *::-webkit-input-placeholder{color:#86a5d9}.screen .window.active *:-ms-input-placeholder{color:#86a5d9}.screen .window.active *::placeholder{color:#86a5d9}.screen .window.active .w-inner{border-color:#26f0f1}.screen .window.active .w-inner button,.screen .window.active .w-inner textarea{border-color:#26f0f1}.screen .window.active .w-inner .title{background-color:#26f0f1}.screen .window.active .w-inner .input-wrapper-chat input{border-color:#26f0f1}.screen.max .window:not(.active){width:0;height:0;padding:0}.screen.max .window:not(.active) .w-inner{display:none}.screen.max .window.active{width:100%;height:100%}