.ai-box{--ai-box-radius:15px;--ai-box-message-radius:calc(var(--ai-box-radius) * .7);--ai-box-padding:.5em;--ai-box-font-size:clamp(14px,1em,20px);--ai-box-smallfont-size:clamp(12px,.8em,16px);--ai-box-width:max(min(25%,34rem),min(28rem,calc(100vw - 20px)));--ai-box-color:rgba(240,240,160,.9);--ai-box-color-error:rgba(255,100,100,.9);--ai-box-message-color:rgba(240,240,255,.9);--ai-box-bg-color:rgba(150,150,150,.4);--ai-box-bg-color-focus:rgba(180,180,180,.6);--ai-box-shadow-color:rgba(0,0,0,.1);--ai-box-shadow:2px 2px 3px 0px rgba(10,10,10,.1);--ai-box-ahadow-focus:0px 0px 3px 3px var(--ai-box-shadow-color);--ai-box-scrollbar-color:rgba(100,100,100,.6) transparent;--ai-box-transition-active:opacity 1s .5s ease-out;position:fixed;overflow:visible;pointer-events:none;top:0;right:0;width:100vw;height:calc(100vh - var(--ai-box-padding) * 4);padding:calc(var(--ai-box-padding) * 2);margin:0;flex-direction:column-reverse;font-family:inherit;display:flex;opacity:0;transition:var(--ai-box-transition-active);z-index:1000}.ai-box.ready{opacity:1}.ai-box-input{interpolate-size:allow-keywords;--ai-box-input-bg-color:rgba(50,50,50,.5);--ai-box-input-border:solid 1px var(--ai-box-bg-color);--ai-box-input-border-focus:solid 1px var(--ai-box-bg-color-focus);--ai-box-input-dim:34px;--ai-box-input-color-shadow:2px 2px 53px rgba(0,0,0,.5);background-color:transparent;pointer-events:all;display:flex;overflow:visible;width:var(--ai-box-width);transition:all .5s ease-out;min-height:calc(var(--ai-box-input-dim) + var(--ai-box-padding))}.ai-box-input.right{margin:0 0 0 auto}.ai-box-input.left{margin:0 auto 0 1rem}.ai-box-input.disabled{opacity:.8;pointer-events:none}.ai-box-input.enabled{opacity:1;pointer-events:auto}.ai-box:focus-within{overflow:visible}.ai-box-content{display:flex;flex-grow:1;align-items:flex-end;justify-content:space-between;transition:var(--ai-box-transition-active);overflow:visible;opacity:0}.ai-box-content.active{opacity:1}.ai-box-content>div.input{display:flex;border-radius:var(--ai-box-radius);flex:1 1;padding:0;margin-right:.5rem;background-color:var(--ai-box-bg-color);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:var(--ai-box-input-border);box-shadow:var(--ai-box-shadow);transition:all .6s ease-out;overflow:hidden}.ai-box-content>div.input:focus-within{border:var(--ai-box-input-border-focus)}.ai-box-content>button{border-radius:var(--ai-box-radius);font-size:var(--ai-box-font-size);width:var(--ai-box-input-dim);height:var(--ai-box-input-dim);padding:0;border:var(--ai-box-input-border);background-color:var(--ai-box-bg-color);border-color:var(--ai-box-bg-color);align-self:flex-end;opacity:.5;transition:all .5s ease-out;outline:none}.ai-box-content>button:focus{outline:none;box-shadow:none}.ai-box-content>button.active{opacity:1;cursor:pointer;color:var(--ai-box-color)}.ai-box-input .ai-box-content>button.active:hover{border:var(--ai-box-input-border-focus)}.ai-box-input .ai-box-content>button.active:active{border-color:transparent}div.input>span{display:block;width:2rem;min-width:2rem;font-size:var(--ai-box-font-size);line-height:var(--ai-box-input-dim);margin:0;text-align:center;align-self:stretch;background-color:var(--ai-box-bg-color)}div.input>div.text{line-height:1.5;font-family:inherit;font-size:calc(var(--ai-box-font-size) + 4px);letter-spacing:.5px;padding:2px;flex-grow:1;background-color:var(--ai-box-input-bg-color);border:none;border-radius:0 calc(var(--ai-box-radius) * .8) calc(var(--ai-box-radius) * .8) 0;outline:none;white-space:break-spaces;word-wrap:break-word;max-height:120px;overflow:auto;scrollbar-color:var(--ai-box-scrollbar-color);scrollbar-width:thin;color:var(--ai-box-color)}div.input>div.text span.error{color:var(--ai-box-color-error);line-height:1.8;display:inline-block;margin:0;padding:0 .5rem}.ai-box-output{--ai-box-msg-user-color:rgba(60,60,100,.9);--ai-box-msg-user-event-color:rgba(40,40,100,.6);--ai-box-msg-ai-color:rgba(120,120,60,.9);--ai-box-msg-ai-event-color:rgba(100,100,40,.6);--ai-box-msg-border:solid 1px rgba(255,255,200,.5);interpolate-size:allow-keywords;pointer-events:all;width:calc(var(--ai-box-width) - 2px);display:flex;flex-direction:column;align-items:stretch;overflow:visible;border-radius:var(--ai-box-radius) var(--ai-box-radius) 0 0;transition:all .3s ease-out;height:min(fit-auto,80vh);overflow:hidden;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ai-box-output.right{margin:0 0 var(--ai-box-padding) auto}.ai-box-output.left{margin:0 auto var(--ai-box-padding) 1rem}.ai-box-output.closed{overflow:hidden;height:calc(var(--ai-box-font-size) * 2.3)}.ai-box-output>.ai-box-messages{background-color:var(--ai-box-bg-color);display:flex;flex-direction:column-reverse;scrollbar-color:var(--ai-box-scrollbar-color);overflow-y:scroll;scrollbar-width:thin;max-height:80vh;align-items:stretch;padding:0 var(--ai-box-padding);margin:0}.ai-box-output>.ai-box-header{padding:0 calc(var(--ai-box-radius) / 2);align-items:center;justify-content:space-between;display:flex;opacity:0;transition:var(--ai-box-transition-active)}.ai-box-output>.ai-box-header.active{opacity:1}.ai-box-output>.ai-box-header.full{background-color:var(--ai-box-bg-color);border-bottom:1px solid rgba(255,255,255,.05)}.ai-box-header.left{flex-direction:row-reverse}.ai-box-header.right{flex-direction:row}.ai-box-header>h2{margin:0;padding:0;font-size:calc(var(--ai-box-font-size) * 1.2);line-height:1.6;text-align:center;display:block;flex:1 1;text-shadow:1px 1px 1px rgba(0,0,0,.8)}img#logo{display:inline-block;margin-right:.2em;filter:drop-shadow(1px 1px 1px rgba(0,0,0,.8));height:23px;position:relative;top:3px}.ai-box-header>button{color:var(--ai-box-color);background:none;border:none;font-size:var(--ai-box-smallfont-size);cursor:pointer;margin:0;padding:0;opacity:.6;transition:opacity .3s ease-out}.ai-box-header>button:focus{outline:none;box-shadow:var(--ai-box-ahadow-focus)}.ai-box-header>button:hover{opacity:1}.ai-box-messages>.ai-box-message{display:flex;flex-direction:row;font-size:var(--ai-box-font-size)}.ai-box-messages>.ai-box-message.user,.ai-box-messages>.ai-box-message.user-event{justify-content:flex-end}.ai-box-messages>.ai-box-message.ai,.ai-box-messages>.ai-box-message.ai-event{justify-content:flex-start}.ai-box-message-content.pending{opacity:.6}div.ai-box-message-content{display:block;color:var(--ai-box-message-color);border:var(--ai-box-msg-border);border-radius:var(--ai-box-message-radius);padding:var(--ai-box-padding);margin:.5rem 0;color:#fff;max-width:90%;white-space:break-spaces;word-wrap:break-word;min-width:42%;opacity:1;transition:opacity .3s ease-out .3s;border-width:2px}div.ai-box-message-content>h4{display:inline-box;font-size:calc(var(--ai-box-smallfont-size) * .8);padding:0;margin:0;color:#ff0c;width:-moz-fit-content;width:fit-content;font-weight:600;opacity:1;position:relative;top:-.2rem}div.ai-box-message-content>pre{font-family:inherit;white-space:pre-wrap;margin:0;padding:0;color:var(--ai-box-message-color)}div.ai-box-message-content.user{background-color:var(--ai-box-msg-user-color);border-radius:var(--ai-box-message-radius) var(--ai-box-message-radius) 0 var(--ai-box-message-radius)}div.ai-box-message-content.ai{background-color:var(--ai-box-msg-ai-color);border-radius:var(--ai-box-message-radius) var(--ai-box-message-radius) var(--ai-box-message-radius) 0}div.ai-box-message-content.user-event{background-color:var(--ai-box-msg-user-event-color);border-radius:var(--ai-box-message-radius) var(--ai-box-message-radius) 0 var(--ai-box-message-radius);border-style:dashed}div.ai-box-message-content.ai-event{background-color:var(--ai-box-msg-ai-event-color);border-radius:var(--ai-box-message-radius) var(--ai-box-message-radius) var(--ai-box-message-radius) 0;border-style:dashed}