:root{--bg-main:#dbeafe;--bg-chat-container:#eff6ff;--bg-footer:#eff6ff;--text-primary:#0c1a3a;--text-secondary:#1e3a8a;--text-inverse:#fff;--accent-color:#2563eb;--accent-hover:#1d4ed8;--border-color:#93c5fd;--user-msg-bg:#2563eb;--user-msg-text:#fff;--bot-msg-bg:#bfdbfe;--bot-msg-text:#0c1a3a;--footer-gap:calc(24vh + 2rem)}:root.dark{--bg-main:#0f172a;--bg-chat-container:#1e293b;--bg-footer:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-inverse:#fff;--accent-color:#3b82f6;--accent-hover:#60a5fa;--border-color:#334155;--user-msg-bg:#3b82f6;--user-msg-text:#fff;--bot-msg-bg:#334155;--bot-msg-text:#f1f5f9}html,body{background:radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent-color) 22%, transparent), transparent 36%), radial-gradient(circle at 100% 100%, #10b98129, transparent 30%), var(--bg-main);height:100%;color:var(--text-primary);overscroll-behavior:none;box-sizing:border-box;margin:0;padding:0;font-family:Avenir Next,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}*,:before,:after{box-sizing:inherit}nav{z-index:10;justify-content:space-between;align-items:center;padding:.75rem 1rem .5rem;display:flex;position:relative}main{min-height:0;padding:0 0 var(--footer-gap);flex-direction:column;flex:1 1 0;display:flex;overflow:hidden}#conversation-section{flex-direction:column;flex:1 1 0;min-height:0;display:flex}#app-root{flex-direction:column;height:100%;display:flex}#top-div{background-color:color-mix(in srgb, var(--bg-chat-container) 54%, transparent);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-color);border-radius:18px;flex:auto;width:98%;max-width:98%;min-height:0;margin:0 auto;padding:1.1rem;overflow-y:auto;box-shadow:0 18px 50px #0f172a14}#bottom-div{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(18px);z-index:1;background-color:#0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:stretch;gap:.4rem;width:auto;padding:.65rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:2vh;left:1rem;right:1rem;box-shadow:0 20px 48px #0f172a1a}.bottom-bg{background-color:var(--bg-footer);z-index:-1;pointer-events:none;border-radius:19px;position:absolute;inset:1px}.input-row{align-items:flex-end;gap:1rem;width:100%;display:flex}.cost-warning-bar{background-color:#eab30826;border:1px solid #eab30866;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem;padding:.3rem .5rem;font-size:.75rem;line-height:1.3;animation:.2s warningFadeIn;display:flex;position:absolute;bottom:calc(100% + .4rem);left:0;right:0}@keyframes warningFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cost-warning-amount{color:#ca8a04;font-weight:600}.cost-warning-action{color:#92400e;opacity:.85}:root.dark .cost-warning-amount{color:#fde047}:root.dark .cost-warning-action{color:#fef08a;opacity:.8}:root.dark .cost-warning-bar{background-color:#eab3081a;border-color:#eab3084d}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}#bottom-div:before,#bottom-div:after{content:"";background:conic-gradient(from var(--angle), #4f46e5, #ec4899, #8b5cf6, #3b82f6, #10b981, #4f46e5);opacity:0;pointer-events:none;border-radius:20px;transition:opacity .5s;position:absolute;inset:-1px}#bottom-div:before{z-index:-2}#bottom-div:after{filter:blur(14px);z-index:-3}#bottom-div:focus-within{border-color:#0000}#bottom-div:focus-within:before{opacity:.6;animation:4s linear infinite borderRotate}#bottom-div:focus-within:after{opacity:.35;animation:4s linear infinite borderRotate}@keyframes borderRotate{0%{--angle:0deg}to{--angle:360deg}}#bottom-div.sending{opacity:.8;pointer-events:none}#bottom-div.sending .bottom-bg{background-color:var(--bg-main)}#textbox{resize:none;height:20vh;min-height:2.5rem;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.7rem .85rem;font-family:inherit;font-size:.98rem;transition:background-color .3s}#textbox.sending{cursor:default}#sendbtn{background:linear-gradient(180deg, var(--accent-color), var(--accent-hover));color:var(--text-inverse);cursor:pointer;white-space:nowrap;width:2.5rem;height:2.5rem;box-shadow:0 8px 20px color-mix(in srgb, var(--accent-color) 30%, transparent);border:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:.25rem;padding:0;font-weight:700;transition:background-color .3s,transform .2s;display:flex}#sendbtn.sending{cursor:pointer;pointer-events:auto;background:#dc2626}#sendbtn.sending:hover{background:#b91c1c}#sendbtn.sending .stop-icon{transition:transform .2s}#sendbtn.sending:hover .stop-icon{transform:scale(1.1)}#sendbtn.sending:active .stop-icon{transform:scale(.9)}#sendbtn:hover:not(:disabled){transform:translateY(-1px)}#sendbtn.over-limit{background:var(--bg-secondary,#6b7280);opacity:.5;cursor:not-allowed}#sendbtn.over-limit:hover{background:var(--bg-secondary,#6b7280)}#sendbtn .send-icon{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}#sendbtn:hover:not(:disabled) .send-icon{transform:translate(2px,-2px)rotate(-5deg)scale(1.1)}#sendbtn:active:not(:disabled) .send-icon{transform:translate(6px,-6px)scale(.9)}.send-col{flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;display:flex}.image-attach-btn{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background-color:#0000;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;transition:background-color .2s,color .2s,transform .2s;display:flex}.image-attach-btn:hover{background-color:var(--border-color);color:var(--text-primary)}.image-attach-icon{width:1.1rem;height:1.1rem}.image-manager-wrap{flex-shrink:0;position:relative}.image-attach-btn.has-images{border-color:var(--accent-color);color:var(--accent-color)}.image-attach-badge{background-color:var(--accent-color);color:#fff;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.image-manager-popup{background-color:var(--bg-footer);border:1px solid var(--border-color);z-index:100;border-radius:14px;flex-direction:column;gap:.6rem;width:280px;padding:.75rem;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #00000026}.image-manager-header{color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.85rem;font-weight:600;display:flex}.image-manager-add-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.78rem;font-weight:600;transition:background-color .2s;display:flex}.image-manager-add-btn:hover{background-color:var(--accent-hover)}.image-manager-add-icon{width:.85rem;height:.85rem}.image-manager-empty{color:var(--text-secondary);text-align:center;margin:.25rem 0;font-size:.8rem}.image-manager-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;max-height:260px;margin:-6px;padding:6px;display:grid;overflow-y:auto}.image-manager-item{border-radius:8px;position:relative;overflow:visible}.image-manager-thumb{aspect-ratio:1;object-fit:cover;border:1px solid var(--border-color);border-radius:8px;width:100%;display:block}.image-manager-remove{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background-color .15s;display:flex;position:absolute;top:-6px;right:-6px}.image-manager-remove:hover{background-color:#b91c1c}.image-manager-remove-icon{width:.7rem;height:.7rem}.user-message-images{flex-wrap:wrap;gap:.4rem;margin-bottom:.4rem;display:flex}.user-msg-img{object-fit:cover;border:1px solid #fff3;border-radius:8px;max-width:220px;max-height:220px;display:block}.message-header{flex-direction:column;min-width:max-content;margin-right:.5rem;display:flex}.msg-action-btns{align-items:center;gap:.15rem;display:flex}.msg-header-right{align-items:center;gap:.4rem;display:flex}.message-cost{color:var(--text-secondary);margin-top:.2rem;font-size:.75rem}@keyframes messageAppear{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.chatbotp,.userp{border-radius:18px;max-width:80%;margin:1rem 0;padding:1rem;display:flex;box-shadow:0 8px 24px #0f172a14}.userp,.tool-bubble,.chatbotp.loading-message{animation:.35s ease-out messageAppear}.chatbotp:not(.loading-message){animation:none}.chatbotp{background-color:var(--bot-msg-bg);color:var(--bot-msg-text);border:1px solid var(--border-color);justify-content:flex-start;margin-right:auto}.message-body{flex-direction:column;flex:1;min-width:0;display:flex}.reasoning-block{width:100%;margin-bottom:.6rem}.reasoning-toggle{cursor:pointer;color:var(--text-secondary);opacity:.8;letter-spacing:.02em;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:.3rem;padding:.15rem .3rem .15rem 0;font-size:.8rem;font-weight:600;transition:opacity .15s;display:inline-flex}.reasoning-toggle:hover{opacity:1}.reasoning-chevron{color:var(--text-secondary);align-items:center;transition:transform .2s;display:inline-flex}.reasoning-chevron svg{width:12px;height:12px}.reasoning-content{border-left:3px solid var(--accent-color);color:var(--text-secondary);opacity:.85;letter-spacing:.02em;background-color:#0000000a;border-radius:0 4px 4px 0;margin-top:.4rem;padding:.6rem .8rem;font-size:.875rem}:root.dark .reasoning-content{background-color:#ffffff0a}.tool-bubble{background-color:var(--bot-msg-bg);max-width:80%;color:var(--bot-msg-text);border:1px solid var(--border-color);border-radius:18px;flex-direction:column;gap:.4rem;margin:1rem auto 1rem 0;padding:1rem;display:flex;box-shadow:0 8px 24px #0f172a14}.tool-bubble-header{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.tool-bubble-header-actions{align-items:center;gap:.25rem;margin-left:auto;display:flex}.tool-bubble-toggle{cursor:pointer;background:0 0;border:none;flex:1;align-items:center;gap:.5rem;min-width:0;padding:0;display:flex}.tool-delete-btn{width:22px;height:22px;padding:4px}.tool-delete-btn svg{width:100%;height:100%}.tool-bubble-label{color:var(--text-secondary);opacity:.8;letter-spacing:.02em;text-transform:uppercase;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.tool-bubble-toggle:hover .tool-bubble-label{opacity:1}.tool-call-list{flex-direction:column;gap:.4rem;display:flex}.message-body .tool-call-list{margin-top:.6rem}.tool-call-row-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tool-call-row-label{color:var(--text-secondary);text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.8rem;font-weight:600;overflow:hidden}.tool-call-row .tool-result-args{margin-top:.4rem}.tool-result-chevron{color:var(--text-secondary);flex-shrink:0;align-items:center;transition:transform .2s;display:inline-flex}.tool-result-chevron svg{width:12px;height:12px}.tool-result-args,.tool-result-text{border-left:3px solid var(--accent-color);color:var(--text-secondary);opacity:.85;letter-spacing:.02em;white-space:pre-wrap;word-break:break-word;background-color:#0000000a;border-radius:0 4px 4px 0;max-height:16rem;margin:0;padding:.6rem .8rem;font-family:inherit;font-size:.8rem;overflow-y:auto}:root.dark .tool-result-args,:root.dark .tool-result-text{background-color:#ffffff0a}.userp{background-color:var(--user-msg-bg);color:var(--user-msg-text);justify-content:flex-end;margin-left:auto}.user-msg-content{padding-bottom:1.4rem;position:relative}.msg-retry-btn{cursor:pointer;color:var(--text-primary);opacity:.85;background:0 0;border:none;border-radius:4px;justify-content:start;align-items:center;margin-top:.4rem;padding:.2rem;transition:opacity .15s,color .15s;display:flex}.msg-retry-btn:hover{opacity:1;color:var(--text-primary)}.msg-retry-btn:disabled{cursor:default;opacity:.35}.msg-retry-btn:disabled:hover{color:var(--text-primary);opacity:.35}.msg-edit-wrapper{flex-direction:column;width:100%;display:flex;position:relative}.msg-edit-textarea{border:2px solid var(--accent-color);background-color:color-mix(in srgb, var(--user-msg-bg) 88%, var(--bg-chat-container));width:100%;min-height:3rem;color:var(--user-msg-text);font-size:inherit;resize:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 18%, transparent);box-sizing:border-box;white-space-collapse:preserve;border-radius:12px;outline:none;padding:.5rem .6rem 2.4rem;font-family:inherit;line-height:1.5;overflow:hidden}.msg-edit-textarea:focus{border-color:var(--accent-hover);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-color) 30%, transparent)}.msg-edit-send-btn{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.8rem;transition:opacity .15s;display:flex;position:absolute;bottom:.4rem;right:.4rem}.msg-edit-send-btn:hover{opacity:.85}.msg-edit-cancel-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.3rem .5rem;font-size:.8rem;transition:color .15s,opacity .15s;display:flex;position:absolute;bottom:.4rem;right:2.6rem}.msg-edit-cancel-btn:hover:not(:disabled){color:var(--text-primary)}.msg-edit-cancel-btn:disabled{opacity:.35;cursor:default}b{padding-right:.5rem}span{white-space-collapse:preserve;overflow:hidden}pre{white-space:pre-wrap;overflow-wrap:break-word;background-color:var(--bot-msg-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;margin:.5rem 0;padding:.75rem;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}#model-select-div{padding:.25rem}#model-select{max-width:200px}.select-wrapper{display:inline-block;position:relative}.select-chevron{pointer-events:none;color:var(--text-secondary);transition:color .2s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.select-wrapper:hover .select-chevron{color:var(--accent-color)}select{appearance:none;background-color:color-mix(in srgb, var(--bg-chat-container) 72%, transparent);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;border-radius:8px;padding:.4rem 1.75rem .4rem .6rem;font-family:inherit;font-size:.875rem;line-height:1.4;transition:border-color .2s,box-shadow .2s,background-color .2s;overflow:hidden;box-shadow:0 1px 2px #0000000d}select:hover{border-color:var(--accent-color);box-shadow:0 1px 4px #0000001a}select:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #4f46e526}select:focus:not(:focus-visible){box-shadow:0 1px 2px #0000000d}select:focus-visible{border-color:var(--accent-color);box-shadow:0 0 0 3px #4f46e526}:root.dark select{box-shadow:0 1px 3px #0003}:root.dark select:hover{box-shadow:0 1px 6px #0000004d}:root.dark select:focus-visible{box-shadow:0 0 0 3px #6366f140}select option,select optgroup{background-color:var(--bg-chat-container);color:var(--text-primary);font-size:.875rem}select option.model-option-locked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:14px 14px;padding-right:1.75rem}#top-menu-bar{align-items:center;gap:.25rem;display:flex}.new-chat-btn{background-color:var(--accent-color);color:var(--text-inverse);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.3rem;padding:.3rem .6rem;font-weight:500;transition:background-color .2s,transform .2s,box-shadow .2s;display:flex}.new-chat-btn-dim{opacity:.45}.new-chat-btn:hover{background-color:var(--accent-hover)}.new-chat-label{white-space:nowrap;font-size:.85rem}.menu-btn{color:var(--text-primary);cursor:pointer;background-color:#0000;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.4rem;transition:opacity .2s,transform .2s;display:flex}.menu-btn:hover{opacity:.7}.menu-btn:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.dropdown-menu{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:8px;min-width:150px;max-height:66.666vh;padding:.5rem;animation:.2s ease-out fadeIn;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.dropdown-menu-scroll{scrollbar-color:var(--border-color) transparent;scrollbar-width:thin;max-height:calc(66.666vh - 1rem - 2px);padding-bottom:1.5rem;overflow-y:auto}.dropdown-menu-scroll::-webkit-scrollbar{width:6px}.dropdown-menu-scroll::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:999px}.dropdown-menu-scroll-hint{color:var(--text-secondary);background:linear-gradient(to bottom, color-mix(in srgb, var(--bg-chat-container) 0%, transparent), var(--bg-chat-container) 70%);pointer-events:none;justify-content:center;padding-top:.75rem;display:flex;position:absolute;bottom:.5rem;left:.5rem;right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{cursor:pointer;color:var(--text-primary);white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .8rem;font-size:.9rem;transition:background-color .2s;display:flex}.menu-item-leading{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.menu-item-leading svg{width:16px;height:16px;color:var(--text-secondary);flex:0 0 16px}.menu-item:hover{background-color:var(--bot-msg-bg)}.menu-item.balance-item{cursor:default}.balance-amount{font-weight:700}.balance-amount.budget-warn{color:#ca8a04}.balance-amount.budget-over{color:#dc2626}:root.dark .balance-amount.budget-warn{color:#fde047}:root.dark .balance-amount.budget-over{color:#f87171}.theme-toggle-small{justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.search-toggle-small{background-color:#7f7f7f59;border-radius:9px;flex-shrink:0;width:32px;height:18px;transition:background-color .2s;position:relative}.search-toggle-small.is-on{background-color:var(--accent-color)}.search-toggle-knob{background-color:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.search-toggle-small.is-on .search-toggle-knob{transform:translate(14px)}.icon-wrapper{width:20px;height:20px;transition:transform .5s cubic-bezier(.4,0,.2,1);position:relative}.sun-icon,.moon-icon{transition:opacity .3s,transform .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.is-light .sun-icon{opacity:1;transform:rotate(0)scale(1)}.is-light .moon-icon{opacity:0;transform:rotate(90deg)scale(0)}.is-dark .sun-icon{opacity:0;transform:rotate(-90deg)scale(0)}.is-dark .moon-icon{opacity:1;transform:rotate(0)scale(1)}.is-dark .icon-wrapper{transform:rotate(360deg)}hr{background-color:var(--border-color);border:none;height:1px}p,ul,ol{margin-block:0}@media (width<=600px){:root{--footer-gap:calc(18vh + 1.5rem)}#top-div{width:95%;max-width:95%;padding:.75rem}.chatbotp,.userp{flex-direction:column;max-width:100%;margin:.5rem 0;padding:.75rem;font-size:.95rem}.chatbotp{margin-right:auto}.userp{margin-left:auto}.message-header{flex-flow:wrap;align-items:center;width:100%;margin-bottom:.35rem;margin-right:0}.message-cost{margin-top:0}.msg-header-right{margin-left:auto}#bottom-div{padding:.4rem;bottom:1rem;left:.5rem;right:.5rem}#bottom-div:before,#bottom-div:after{display:block}#textbox{height:15vh;min-height:3.5rem;padding:.4rem;font-size:1rem}#sendbtn{width:2.5rem;height:2.5rem;margin-bottom:0;font-size:1rem}select{font-size:1rem}pre{padding:.5rem;font-size:.9rem}}.typing-indicator{align-items:center;gap:4px;margin-left:4px;display:inline-flex;overflow:visible}.typing-indicator span{background-color:var(--text-secondary);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.menu-divider{background-color:var(--border-color);border:none;height:1px;margin:.25rem .5rem}.menu-item-disabled{opacity:.4;pointer-events:none;cursor:default!important}.menu-item svg{flex-shrink:0}.language-submenu{grid-template-columns:1fr 1fr;gap:2px;max-height:200px;padding:.3rem;display:grid;overflow-y:auto}.language-option{cursor:pointer;white-space:nowrap;color:var(--text-primary);border-radius:4px;padding:.35rem .6rem;font-size:.82rem;transition:background-color .15s}.language-option:hover{background-color:var(--bot-msg-bg)}.language-option.language-active{background-color:var(--bot-msg-bg);font-weight:700}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:12px;width:90%;max-width:480px;padding:1.5rem;animation:.2s ease-out modalSlideIn;box-shadow:0 8px 32px #0003}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.1rem}.modal-close-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;padding:0 .25rem;font-size:1.5rem;line-height:1;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.btn{cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:background-color .2s,opacity .2s}.btn-primary{background-color:var(--accent-color);color:var(--text-inverse)}.btn-primary:hover{background-color:var(--accent-hover)}.btn-secondary{background-color:var(--bot-msg-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{opacity:.8}.confirm-dialog{text-align:center;max-width:400px}.confirm-dialog .modal-title{text-align:center;margin-bottom:.75rem}.confirm-message{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.9rem;line-height:1.5}.confirm-buttons{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.default-model-modal{max-width:380px}.default-model-list{border:1px solid var(--border-color);background-color:var(--bg-main);border-radius:8px;max-height:300px;overflow-y:auto}.default-model-group{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;padding:.4rem .75rem;font-size:.75rem;font-weight:600}.default-model-option{cursor:pointer;color:var(--text-primary);border-radius:4px;margin:0 .25rem;padding:.5rem .75rem;font-size:.9rem;transition:background-color .15s}.default-model-option:hover{background-color:var(--bg-chat-container)}.default-model-active{background-color:var(--accent-color,#4a9eff);color:#fff}.default-model-active:hover{background-color:var(--accent-color,#4a9eff)}.save-name-modal{max-width:380px}.save-name-modal .modal-title{margin-bottom:1rem}.save-name-input{border:1px solid var(--border-color);background-color:var(--bg-main);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:.6rem .75rem;font-size:.95rem;transition:border-color .2s}.save-name-input:focus{border-color:var(--accent-color)}.save-name-input-wrapper{position:relative}.save-name-input.is-generating{opacity:.6}.generating-spinner{width:16px;height:16px;color:var(--accent-color);pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.generating-spinner svg{animation:.9s linear infinite generating-spinner-rotate;display:block}@keyframes generating-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.generating-spinner svg{animation:none}}.saved-chats-modal{flex-direction:column;max-width:520px;max-height:70vh;display:flex}.saved-chats-empty{color:var(--text-secondary);text-align:center;margin:0;padding:2rem 0}.saved-chats-list{flex-direction:column;gap:.35rem;max-height:50vh;display:flex;overflow-y:auto}.saved-chats-pagination{justify-content:center;align-items:center;gap:1rem;padding:.75rem 0 .25rem;display:flex}.saved-chats-pagination button{border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);background:0 0;border-radius:6px;padding:.35rem .75rem;font-size:.85rem;transition:background-color .2s,border-color .2s}.saved-chats-pagination button:hover:not(:disabled){background-color:var(--bot-msg-bg);border-color:var(--accent-color)}.saved-chats-pagination button:disabled{opacity:.4;cursor:default}.saved-chats-page-info{color:var(--text-secondary);font-size:.85rem}.saved-chat-item{border:1px solid var(--border-color);border-radius:8px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}.saved-chat-item:hover{border-color:var(--accent-color)}.saved-chat-info{cursor:pointer;flex-direction:column;flex:1;gap:.2rem;min-width:0;padding:.75rem 1rem;display:flex}.saved-chat-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.saved-chat-meta{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.saved-chat-delete{border:none;border-left:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;padding:.75rem;transition:color .2s,background-color .2s;display:flex}.saved-chat-delete:hover{color:#ef4444;background-color:#ef444414}.saved-chat-delete.confirm-delete{color:#ef4444;background-color:#ef44441f;font-size:.78rem;font-weight:600}.error-toast{z-index:9999;background:var(--bot-msg-bg);color:var(--text-primary);border:1px solid var(--border-color);opacity:0;pointer-events:none;border-radius:.65rem;align-items:center;gap:.6rem;max-width:min(92vw,540px);padding:.55rem .85rem;font-size:.82rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)translateY(-120%);box-shadow:0 4px 16px #0000001a}.error-toast--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.error-toast__msg{white-space:normal;overflow-wrap:anywhere;opacity:.85;min-width:0;font-weight:500}.error-toast__actions{flex-shrink:0;gap:.35rem;display:flex}.error-toast__btn{background:var(--accent-color);color:var(--text-inverse);cursor:pointer;white-space:nowrap;border:none;border-radius:.4rem;padding:.28rem .6rem;font-size:.78rem;font-weight:500;transition:background .15s}.error-toast__btn:hover{background:var(--accent-hover)}.error-toast__btn--alt{color:var(--accent-color);border:1px solid var(--accent-color);background:0 0}.error-toast__btn--alt:hover{background:var(--accent-color);color:var(--text-inverse)}.error-toast__close{color:var(--text-secondary);cursor:pointer;opacity:.6;background:0 0;border:none;flex-shrink:0;padding:.15rem .25rem;font-size:.9rem;line-height:1;transition:opacity .15s}.error-toast__close:hover{opacity:1}@media (width<=480px){.error-toast{text-align:center;flex-direction:column;align-items:stretch;gap:.45rem;max-width:92vw;padding:.6rem .75rem}.error-toast__msg{padding-right:1.5rem}.error-toast__close{position:absolute;top:.35rem;right:.45rem}.error-toast__actions{justify-content:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.chatbotp,.userp,.tool-bubble{animation-duration:.35s!important}}.login-page{background-color:var(--bg-main);flex-direction:column;height:100%;display:flex}.login-nav{justify-content:flex-start;padding:.5rem 1rem}.login-back-btn{font-size:.9rem}.login-main{flex:1;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.login-card{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:380px;padding:2rem;box-shadow:0 8px 32px #00000026}.login-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.4rem}.login-subtitle{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.login-form{flex-direction:column;gap:.5rem;display:flex}.login-label{color:var(--text-secondary);margin-top:.5rem;font-size:.85rem;font-weight:500}.login-input{border:1px solid var(--border-color);background-color:var(--bg-main);color:var(--text-primary);border-radius:8px;outline:none;padding:.55rem .75rem;font-size:1rem;transition:border-color .2s}.login-password-wrapper{align-items:center;display:flex;position:relative}.login-password-input{width:100%;padding-right:2.5rem}.login-password-toggle{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0;line-height:1;display:flex;position:absolute;right:.6rem}.login-password-toggle:hover{color:var(--text-primary)}.login-input:focus{border-color:var(--accent-color)}.login-input:disabled{opacity:.6}.login-error{color:#dc2626;margin:.25rem 0;font-size:.875rem}.login-submit-btn{width:100%;margin-top:1rem;padding:.65rem;font-size:1rem}.login-submit-btn.login-loading{opacity:.7;cursor:not-allowed}.login-signed-in-label{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem}.login-logout-btn{width:100%}.login-menu-signout-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:6px;padding:.2rem .6rem;font-size:.8rem;transition:color .15s,border-color .15s}.login-menu-signout-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.user-list-card{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:680px;padding:2rem;box-shadow:0 8px 32px #00000026}.user-list-search{box-sizing:border-box;width:100%;margin:.75rem 0 1rem}.user-list-table-wrap{overflow-x:auto}.user-list-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:.9rem}.user-list-table th,.user-list-table td{text-align:left;border-bottom:1px solid var(--border-color);padding:.55rem .75rem}.user-list-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.user-list-table tr:last-child td{border-bottom:none}.user-list-table tbody tr:hover td{background-color:var(--bg-main)}.user-list-id{color:var(--text-secondary);font-family:monospace;font-size:.78rem}.user-list-empty{text-align:center;color:var(--text-secondary);padding:1.5rem 0}.user-list-loading{text-align:center;color:var(--text-secondary);margin:.75rem 0 0;font-size:.875rem}.user-list-more-btn{width:100%;margin-top:1rem}.user-list-delete-cell{text-align:center;width:2rem}.user-list-delete-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;transition:color .15s,background-color .15s;display:inline-flex}.user-list-delete-btn:hover{color:#dc2626;background-color:#dc26261a}.user-list-delete-btn:disabled{opacity:.4;cursor:not-allowed}.user-list-premium-btn{border:1px solid var(--border-color);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:4px;padding:.15rem .5rem;font-size:.875rem;transition:color .15s,background-color .15s,border-color .15s}.user-list-premium-btn:hover,.user-list-premium-btn.is-premium{color:#16a34a;background-color:#16a34a14;border-color:#16a34a}.user-list-premium-btn.is-premium:hover{color:#dc2626;background-color:#dc262614;border-color:#dc2626}.user-list-premium-btn:disabled{opacity:.4;cursor:not-allowed}.usage-page{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.usage-main{box-sizing:border-box;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem;overflow-y:auto}.usage-heading-row{justify-content:space-between;align-items:center;gap:1rem;min-height:2.1rem;margin-bottom:.5rem;display:flex}.usage-title{color:var(--text-primary);margin:0;font-size:1.4rem;font-weight:700}.usage-summary{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.9rem}.usage-model-filter-input{width:10rem;margin:0}.usage-loading{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;flex-shrink:0;align-items:center;gap:.45rem;margin:0;padding:.35rem .6rem;font-size:.8rem;line-height:1.2;display:flex}.usage-loading:before{border:2px solid var(--border-color);border-top-color:var(--accent-color);content:"";border-radius:50%;width:.75rem;height:.75rem;animation:.8s linear infinite usageLoadingSpin}.usage-loading.is-hidden{visibility:hidden}@keyframes usageLoadingSpin{to{transform:rotate(360deg)}}.usage-charts{gap:1.25rem;margin-bottom:1.25rem;display:flex}.usage-chart-card{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:12px;flex:1;min-width:0;padding:1rem 1.25rem}.usage-chart-card h3{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.usage-chart-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.usage-chart-card-header h3{margin:0}.usage-pie-toggle{gap:.25rem;display:flex}.usage-pie-toggle-btn{padding:.2rem .55rem;font-size:.75rem}.usage-pie-toggle-btn.active{background-color:var(--accent-color);color:#fff;border-color:var(--accent-color)}.usage-chart-wrap{height:260px;position:relative}.usage-table-card{background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-radius:12px;padding:1rem 1.25rem}.usage-table-card h3{color:var(--text-primary);margin:0 0 .75rem;font-size:.95rem;font-weight:600}.usage-table-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.usage-table-card-header h3{margin:0}.usage-model-column-header{white-space:normal}.usage-model-column-header>span{vertical-align:middle;margin-right:.4rem;display:inline-block}.usage-model-column-header .usage-model-filter-input,.usage-model-column-header .admin-usage-model-filter-input{letter-spacing:normal;text-transform:none;vertical-align:middle;font-size:.75rem;font-weight:400;display:inline-block}.usage-table-wrap{overflow-x:auto}.usage-table{border-collapse:collapse;width:100%;color:var(--text-primary);font-size:.85rem}.usage-table th,.usage-table td{text-align:left;border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.5rem .6rem}.usage-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem;font-weight:600}.usage-table tr:last-child td{border-bottom:none}.usage-table tbody tr:hover td{background-color:var(--bg-main)}.usage-ts{color:var(--text-secondary);font-size:.8rem}.usage-model{font-family:monospace;font-size:.8rem}.usage-empty{text-align:center;color:var(--text-secondary);padding:1.5rem 0}.usage-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.usage-page-info{color:var(--text-secondary);font-size:.85rem}@media (width<=700px){.usage-charts{flex-direction:column}.usage-main{padding:1rem}.usage-table{font-size:.78rem}.usage-table th,.usage-table td{padding:.4rem}}.admin-usage-main{max-width:1300px}.admin-usage-toolbar{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.admin-usage-filter{flex:1;min-width:200px;max-width:320px;position:relative}.admin-usage-filter-input,.admin-usage-model-filter-input{box-sizing:border-box;width:100%;margin:0}.admin-usage-suggestions{z-index:20;background-color:var(--bg-chat-container);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.admin-usage-suggestion{cursor:pointer;color:var(--text-primary);padding:.45rem .75rem;font-size:.875rem}.admin-usage-suggestion:hover{background-color:var(--bg-main)}.admin-usage-date-controls{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.admin-usage-preset{border-radius:6px;padding:.3rem .7rem;font-size:.8rem}.admin-usage-preset.active{background-color:var(--accent-color);color:var(--text-inverse);border-color:var(--accent-color)}.admin-usage-custom-range{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.admin-usage-custom-range label{color:var(--text-secondary);align-items:center;gap:.35rem;font-size:.85rem;display:flex}.admin-usage-custom-range input[type=date]{border:1px solid var(--border-color);background-color:var(--bg-chat-container);color:var(--text-primary);border-radius:6px;padding:.25rem .4rem;font-size:.85rem}.admin-usage-reqid{color:var(--text-secondary);font-family:monospace;font-size:.75rem}@media (width<=700px){.admin-usage-toolbar{flex-direction:column}.admin-usage-filter{max-width:none}.admin-usage-custom-range{flex-direction:column;align-items:flex-start}}