.chat-main{display:flex;flex-direction:row}.chat-main .chatbox{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100svh}.loading:is(.chat-main .chatbox){display:flex;align-items:center;justify-content:center}:is(.chat-main .chatbox) .chatbox-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;overflow:hidden}:is(:is(.chat-main .chatbox) .chatbox-container) .chatbox-main{width:100%;height:100%;overflow:hidden}:is(:is(:is(.chat-main .chatbox) .chatbox-container) .chatbox-main) .chatbox-wrapper{display:flex;align-items:center;flex-direction:column;justify-content:space-between;height:100%}.menu-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:transparent;z-index:999}.menu{position:fixed;min-width:160px;border-radius:var(--border-radius);background:var(--menu-bg);box-shadow:var(--menu-boxshadow);border:var(--menu-border);z-index:1000}.menu ul{list-style:none;padding:1rem 0;padding-inline:.5rem}.menu ul li{gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);cursor:pointer}.menu ul li,.menu ul li>div{display:flex;align-items:center}.menu ul li>div{gap:1rem}.menu ul li button,.menu ul li span{color:var(--text-clr)}.menu ul li button{border:none;background-color:transparent;font-size:var(--fz-md);font-weight:500;cursor:pointer}.menu ul li input[type=checkbox]{position:relative;width:40px;height:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;background-color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.2);border-radius:20px;cursor:pointer;transition:.5s}.menu ul li input:checked[type=checkbox]{background-color:#333}.menu ul li input[type=checkbox]:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background-color:var(--blue);border-radius:50%;transition:.5s}.menu ul li input:checked[type=checkbox]:before{left:24px}.menu ul li:first-child{color:var(--red)}.menu ul li:hover{background-color:var(--items-hover)}.share-modal-overlay{display:flex;align-items:center;justify-content:center;z-index:9999;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.share-modal-overlay .share-modal-content{background-color:var(--components-bg);border:1px solid var(--border-glass);border-radius:1rem;padding:1.5rem;width:90%;max-width:480px;box-shadow:0 20px 40px rgba(0,0,0,.4);display:flex;flex-direction:column}:is(.share-modal-overlay .share-modal-content) .share-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}:is(:is(.share-modal-overlay .share-modal-content) .share-modal-header) .header-text{display:flex;flex-direction:column;gap:.25rem}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-modal-header) .header-text) h2{font-size:1.25rem;font-weight:600;color:var(--text-clr);margin:0}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-modal-header) .header-text) p{font-size:.85rem;color:var(--light-text-clr);margin:0}:is(:is(.share-modal-overlay .share-modal-content) .share-modal-header) .close-btn{background:transparent;border:1px solid transparent;color:var(--light-text-clr);font-size:1.25rem;cursor:pointer;border-radius:.5rem;padding:.4rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-modal-header) .close-btn):hover{background-color:var(--fill-muted);border-color:var(--border-glass);color:var(--text-clr)}:is(.share-modal-overlay .share-modal-content) .share-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0;gap:1rem;color:var(--light-text-clr);font-size:.95rem}:is(.share-modal-overlay .share-modal-content) .share-body{display:flex;flex-direction:column;gap:1.5rem}:is(:is(.share-modal-overlay .share-modal-content) .share-body) .input-group{display:flex;background-color:var(--bg-clr);border:1px solid var(--border-glass);border-radius:.75rem;padding:.35rem;transition:border-color .2s ease}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .input-group):focus-within{border-color:var(--blue)}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .input-group) .share-url-input{flex:1;background:transparent;border:none;color:var(--text-clr);font-size:.9rem;padding:0 .75rem;outline:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .input-group) .copy-link-btn{display:flex;align-items:center;gap:.4rem;background-color:var(--blue);color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}:is(:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .input-group) .copy-link-btn):hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px rgba(112,129,253,.3)}:is(:is(.share-modal-overlay .share-modal-content) .share-body) .social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .social-grid) .social-card{display:flex;align-items:center;gap:.75rem;background-color:var(--fill-muted);border:1px solid var(--border-glass);border-radius:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}:is(:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .social-grid) .social-card) .social-icon{font-size:1.25rem;display:flex}:is(:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .social-grid) .social-card) .social-name{color:var(--text-clr);font-size:.85rem;font-weight:500}:is(:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .social-grid) .social-card):hover{background-color:var(--fill-strong);border-color:var(--text-clr);transform:translateY(-2px)}:is(:is(.share-modal-overlay .share-modal-content) .share-body) .info-card{display:flex;align-items:flex-start;gap:.75rem;background-color:rgba(112,129,253,.05);border:1px solid rgba(112,129,253,.2);border-radius:.75rem;padding:1rem}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .info-card) svg{color:var(--blue);font-size:1.25rem;flex-shrink:0;margin-top:.1rem}:is(:is(:is(.share-modal-overlay .share-modal-content) .share-body) .info-card) p{color:var(--light-text-clr);font-size:.8rem;line-height:1.5;margin:0}.fade-in{animation:fadeIn .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.history-item{position:relative;width:100%}.history-item .history-link{display:flex;align-items:center;padding:.5rem;gap:.5rem;border-radius:var(--border-radius);color:var(--light-text-clr);font-size:var(--fz-md);cursor:pointer;transition:all .15s ease}.active:is(.history-item .history-link){background-color:var(--items-hover);color:var(--text-clr)}:is(.history-item .history-link):hover{background-color:var(--items-hover);color:var(--text-clr)}:is(.history-item .history-link):hover #three-dots{opacity:.5;visibility:visible}:is(.history-item .history-link) .chat-title{display:flex;align-items:center;gap:.5rem;overflow:hidden;max-width:90%}:is(.history-item .history-link) svg{flex-shrink:0;font-size:var(--fz-md)}:is(.history-item .history-link) span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:is(.history-item .history-link) #three-dots{position:absolute;top:50%;right:.5rem;background:transparent;border:none;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .15s ease;font-size:var(--fz-md);cursor:pointer}:is(:is(.history-item .history-link) #three-dots):hover{opacity:1}.history-item.menu-open .history-link #three-dots{opacity:1;visibility:visible}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-overlay .modal-content{background:var(--menu-bg);border:var(--menu-border);box-shadow:var(--menu-boxshadow);border-radius:var(--border-radius);padding:1.5rem;width:90%;max-width:400px;display:flex;flex-direction:column;gap:1rem;animation:modal-pop-in .2s cubic-bezier(.175,.885,.32,1.275) forwards}:is(.modal-overlay .modal-content) h3{color:var(--text-clr);font-size:var(--fz-lg);font-weight:600}:is(.modal-overlay .modal-content) p{color:var(--light-text-clr);font-size:var(--fz-sm);line-height:1.5}:is(:is(.modal-overlay .modal-content) p) strong{color:var(--text-clr)}:is(.modal-overlay .modal-content) .modal-actions{display:flex;justify-content:flex-end;gap:.8rem;margin-top:.5rem}:is(:is(.modal-overlay .modal-content) .modal-actions) button{padding:.6rem 1.2rem;border-radius:8px;font-size:var(--fz-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-btn:is(:is(:is(.modal-overlay .modal-content) .modal-actions) button){background:transparent;color:var(--text-clr);border:1px solid var(--border-glass)}.cancel-btn:is(:is(:is(.modal-overlay .modal-content) .modal-actions) button):hover{background:var(--fill-muted)}.confirm-delete-btn:is(:is(:is(.modal-overlay .modal-content) .modal-actions) button){background:var(--red);color:#fff}.confirm-delete-btn:is(:is(:is(.modal-overlay .modal-content) .modal-actions) button):hover{filter:brightness(1.1);transform:translateY(-1px)}@keyframes modal-pop-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}