:root{--chat-width: 700px}.content{padding:0!important;height:100dvh;background-size:50px 50px;background-image:linear-gradient(to right,var(--ct) 1px,transparent 1px),linear-gradient(to bottom,var(--ct) 1px,transparent 1px)}.content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,var(--bg1) 40%,transparent 100%);pointer-events:none;z-index:0}.dark-mode .content{background-image:linear-gradient(to right,var(--ct2) 1px,transparent 1px),linear-gradient(to bottom,var(--ct2) 1px,transparent 1px)}.chat-container{position:relative;height:100%;width:100%;display:flex;flex-direction:column;align-items:center}.chat-container:not(.bottom){justify-content:start;margin-top:40dvh}.chat-container:not(.bottom) .chat-header,#suggestions{animation:chat-input-in .5s ease-out forwards}@keyframes chat-input-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.file-preview{display:flex;flex-wrap:wrap;gap:10px;width:calc(var(--chat-width) + 80px);margin-top:10px;background-color:var(--bg1);border-radius:var(--br)}.file-preview-item{width:50px;height:50px;border-radius:var(--br);border:1px solid var(--bg4);position:relative;padding:6px}.file-preview-item img{width:100%;height:100%;object-fit:cover}.file-preview-item button{width:20px;height:20px;padding:0;position:absolute;top:0;left:100%;transform:translate(-50%,-50%);background-color:var(--bg1);border-radius:var(--br)}.file-preview-skeleton{background:linear-gradient(90deg,var(--bg3, #e0e0e0) 25%,var(--bg4, #ececec) 50%,var(--bg3, #e0e0e0) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite;border:none!important;cursor:default!important}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.message-files{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.message-file{width:50px;height:50px;border-radius:var(--br);border:1px solid var(--bg4);display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:1.3rem;overflow:hidden;position:relative;padding:6px}.message-file img{width:100%;height:100%;object-fit:cover}.chat-header{display:flex;justify-content:center;align-items:center;gap:10px;opacity:.9;width:calc(var(--chat-width) + 80px)}#ready{text-align:center;animation:zoom-in .5s ease-out forwards;font-size:1.7rem}.chat-header img{transition:scale .5s var(--t)}.chat-header img:hover{scale:1.1;cursor:pointer}@keyframes zoom-in{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.chat-container.bottom{display:grid;grid-template-rows:1fr;height:100dvh;align-items:start;justify-items:center}.chat-input{display:flex;flex-direction:row;align-items:center;padding:10px;position:relative;width:calc(var(--chat-width) + 80px);border:1px solid var(--bg5);border-radius:30px;background-color:var(--bg1);box-sizing:border-box;animation:chat-input-in .5s ease-out forwards;transition:box-shadow .3s var(--t)}.light-mode .chat-input{box-shadow:0 0 20px var(--ct)}.chat-container:not(.bottom) .messages{padding:0}.bottom .chat-input{z-index:2;margin-top:0;margin-bottom:20px}.chat-input>textarea{width:100%;box-sizing:border-box;padding:0;align-content:center;font-size:.9rem;min-height:40px;max-height:200px;overflow-y:auto;background-color:transparent;border-radius:0;border:none;transition:height .1s ease}.chat-input:has(textarea:focus){box-shadow:0 0 0 4px var(--ct)}.chat-input:has(textarea:focus):before{bottom:-104.5px}.chat-input>textarea::-webkit-scrollbar{display:none}.chat-input>.chat-options{display:flex;justify-content:space-between;align-items:center}.dark-mode .chat-input{border:none;background-color:var(--bg3)}.chat-options>div{display:flex;width:fit-content;padding:5px}.chat-options>div>div>button{padding:10px}.chat-options p{text-wrap:wrap}.chat-input>textarea:focus{box-shadow:none}.chat-input-dropdown-menu{padding:5px}.chat-input-dropdown-menu button{text-align:left;padding:10px}.message-container{width:100%;box-sizing:border-box;max-height:100%;height:fit-content;overflow-y:auto}.messages{display:flex;flex-direction:column;gap:10px;padding-top:90px;padding-bottom:200px;padding-inline:calc((100% - var(--chat-width)) / 2);height:fit-content;overflow-y:auto}.bottom>.messages{padding-bottom:300px;box-sizing:border-box}.message{color:var(--c1)}.message.human{margin-left:auto;margin-right:0;margin-top:20px}.message.human>.message-content{padding:12px 16px;background-color:var(--bg2);border-radius:1.5rem;font-size:.95rem;line-height:1.4;width:fit-content;margin-right:0;margin-left:auto;overflow-wrap:anywhere;visibility:hidden;animation:in .2s var(--t) forwards}.message.ai{line-height:2;z-index:1;animation:ai-in .07s var(--t) forwards}.message.ai:after{content:"";--size:40px;position:absolute;top:-6px;left:calc(-14px - var(--size));width:calc(var(--size));height:calc(var(--size));border-radius:var(--br);background-repeat:no-repeat;background-size:contain;background-position:center;padding:14px;box-sizing:border-box}.dark-mode .message.ai:after{filter:invert(1)}@keyframes in{0%{visibility:hidden;opacity:0;scale:.8}to{visibility:visible;opacity:1;scale:1}}@keyframes ai-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message p{margin-bottom:1rem}.message p:last-child{margin-bottom:0}.message pre{background-color:#0d0d0f;padding:1rem;border-radius:10px;border:1px solid var(--bg3);overflow-x:auto;margin-block:1rem}.message pre>code{font-family:var(--f-mono);font-size:.9em;padding:0!important;background-color:transparent;border-radius:0;color:#ffffffe1}pre::-webkit-scrollbar{display:none}code::-webkit-scrollbar{display:none}.message code{font-family:var(--f-mono);font-size:.9em;background-color:var(--bg2);border-radius:var(--br)}.message.ai h1,.message.ai h2,.message.ai h3,.message.ai h4{margin-top:1.5rem!important}.message.ai h1{font-size:1.8rem;line-height:1.3}.message.ai ul{margin-block:.4rem}.message.ai p,.message.ai a,.message.ai li,.message.ai strong,.message.ai em,.message.ai h1,.message.ai h2,.message.ai h3,.message.ai h4,.message.ai h5,.message.ai h6{margin:0}.message.ai hr{margin:30px 0}.message.ai strong{font-weight:700}.message.ai table{border-collapse:collapse;margin:1rem 0;border-radius:var(--br);overflow:hidden;box-shadow:0 0 0 1px var(--bg3) inset;width:fit-content;min-width:var(--chat-width);margin-left:50%;transform:translate(-50%)}.message.ai td,.message.ai th{border:1px solid var(--bg3);padding:10px;overflow-wrap:break-word}.message.ai .code-block{display:flex;flex-direction:column;margin-block:10px;gap:0}.code-block pre{border-top-left-radius:0;border-top-right-radius:0;border:none;margin:0}.code-block .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#000000e6;border:1px solid rgb(36,33,33);border-bottom:none;border-radius:var(--br);border-bottom-left-radius:0;border-bottom-right-radius:0}.code-block-lang,.code-block-copy{color:#ffffffe6}.code-block-lang{font-size:.9rem;font-family:var(--f-mono);padding:2px 8px;border-radius:var(--br);display:inline}.code-block-lang:hover{background-color:#ffffff1a;cursor:pointer}.code-block-copy{font-size:.8rem}.message-options{margin:10px 0 0 auto;transition:.1s var(--t);align-items:center;display:flex}.message-options button{padding:5px;margin:0}.message-header{display:flex;gap:4px}.message-content{width:100%;box-sizing:border-box}.message-thinking{margin-bottom:30px;font-style:italic;color:var(--c4);border-left:1px solid var(--bg3);padding-left:20px}.hljs-copy-button{line-height:0}button.hljs-copy-button:hover{background-color:#ffffff18}.model{display:grid;grid-template-columns:30px 1fr;justify-content:center;align-items:center;justify-items:center;gap:20px;color:var(--c3)}.model img{width:25px;height:25px;padding:10px;background-color:var(--bg1);border-radius:10px}.model p{font-size:.8rem;text-align:left;color:inherit}.model .low,.model .med,.model .high,.model .free{padding:3px 7px;font-weight:600;border-radius:10px}.model .low{background-color:#0095ff27;color:#003972}.model .med{background-color:#00ff2641;color:#00480b}.model .high{background:linear-gradient(135deg,#8000ff54,#ff1e0063);color:#200048}.model .free{background-color:#c0c0c027;color:#121212c5}.dark-mode .low{color:#65baff}.dark-mode .med{color:#68ff65}.dark-mode .high{color:#ffb6d0}.dark-mode .free{color:#ffffffbf}.model-padded{background-color:var(--ct);padding:4px;border-radius:5px}.model-padded.error{background-color:#ff000030;color:#610000;padding:4px;border-radius:5px}.dark-mode .model-padded.error{color:#fdd}.model-info{text-align:left;width:100%}.model-info p{text-wrap:wrap}.model-info h3{color:inherit}.model-tabs{display:flex;gap:5px;max-width:100%;overflow-x:auto}.model-tabs::-webkit-scrollbar{display:none}.models-list{display:flex;flex-direction:column;gap:5px;height:40dvh;max-height:40dvh;overflow-y:auto;overflow-x:hidden}.model-info>.btn-col{margin-block:0}.chat-options .dropdown-menu{max-width:unset;width:max-content}.panel.model-selector{width:min(calc(100% - 40px),600px)}.fancy{background:linear-gradient(45deg,var(--p1),var(--p2));color:var(--bg1)}.panel.big>button:not(.close){width:100%}.show-thinking{opacity:.4;margin-block:5px!important}.show-thinking:active{transform:translate(0)!important}.show-thinking:hover{opacity:1}.suggestions{display:flex;gap:10px;max-width:min(100%,calc(var(--chat-width) + 80px));box-sizing:border-box;flex-wrap:wrap;justify-content:center;margin-top:20px}.suggestion-list{display:flex;flex-direction:column;justify-content:start;align-items:start;padding:5px;width:100%;border:1px solid var(--bg2);border-radius:var(--br);background-color:var(--bg1)}.suggestion-list button{width:min(100%,calc(var(--chat-width) + 80px));text-align:left;padding:10px;border-radius:var(--br);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:none}.ai-loading-container{display:flex;gap:10px;align-items:center;margin-top:20px;color:var(--c1);transform:translate(-40px)}.ai-loading-container.fade-out{animation:.07s var(--t) fade-out forwards}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.ai-loading-logo{width:12px;height:12px;background-color:var(--c1);border-radius:1rem;animation:.8s ai-load3 ease-in-out infinite;box-sizing:border-box}.ai-loading{width:6px;height:6px;background:var(--c1);border-radius:1rem;transform:translateY(10px);animation:ai-load 1s ease infinite}.ai-loading-container>p{animation:ai-load 1.3s ease infinite}@keyframes ai-load{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}@keyframes ai-load2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ai-load3{0%{scale:1}50%{scale:.8}to{scale:1}}.recording{background-color:#0084ff1e!important}.model-expanded{opacity:.4;display:none}.drag-over-overlay{position:fixed;inset:0;background:#00b3ff2e;border:3px dashed var(--p1,#509cff);z-index:69420;pointer-events:none;display:flex;align-items:center;justify-content:center}.drag-over-overlay span{color:var(--blue);font-size:1.3rem}@media(max-width:780px){.chat-input{width:100%}.chat-container{padding-left:15px;padding-right:15px;box-sizing:border-box}.chat-header{width:100%}.messages{padding-inline:0}.message.ai table{margin-left:0;transform:none;display:block;width:100%;overflow:auto;min-width:unset}.message.ai{max-width:calc(100dvw - 40px)}.message.human{max-width:calc(100dvw - 40px);margin-left:unset}.message.human>.message-options{justify-content:right;opacity:1!important}.model-select,#close-menu{display:none}.message-container::-webkit-scrollbar{display:none}.ai-loading-container{transform:translate(0)}.file-preview{width:100%}.messages::-webkit-scrollbar{display:none}.tooltip-container .tooltip.down{top:0;transform:translateY(-100%) translate(-1em)}.model-expanded{display:inline-block;margin-left:5px}.models-list{height:60dvh}}