html,body{max-width:100vw;overflow-x:hidden}.chat-body{min-height:100vh;min-height:100dvh;background:var(--bg-cream);overflow:hidden;max-width:100vw}.chat-page{height:100vh;height:100dvh;position:relative;z-index:1;max-width:100vw;overflow-x:hidden}.chat-container{display:flex;height:100%;max-width:100vw;overflow-x:hidden}.sidebar{width:280px;min-width:280px;height:100%;background:var(--neon-yellow);border-right:4px solid var(--pop-black,#000);display:flex;flex-direction:column;position:relative;transition:all var(--transition-normal);z-index:100;overflow:visible}.sidebar.collapsed{width:88px;min-width:88px}.sidebar.collapsed .sidebar-title h3,.sidebar.collapsed .model-selector,.sidebar.collapsed .search-box,.sidebar.collapsed .session-info,.sidebar.collapsed .session-menu-btn,.sidebar.collapsed .user-info span,.sidebar.collapsed .footer-actions{display:none}.sidebar.collapsed .sidebar-header{justify-content:center;flex-direction:column;gap:10px;padding:14px 8px}.sidebar.collapsed .sidebar-title{justify-content:center}.sidebar.collapsed .sidebar-title .title-icon{font-size:24px}.sidebar.collapsed #newChatBtn{display:inline-flex;width:38px;height:38px;box-shadow:2px 2px 0 #00000038}.sidebar.collapsed .session-list{padding:10px 8px 72px;gap:10px;align-items:center}.sidebar.collapsed .session-item{justify-content:center;width:56px;min-height:56px;padding:0;border-radius:16px}.sidebar.collapsed .session-item.active{transform:none;box-shadow:4px 4px 0 #00000040}.sidebar.collapsed .session-icon{margin:0;width:34px;height:34px;font-size:17px}.sidebar.collapsed .session-preview,.sidebar.collapsed .session-dropdown,.sidebar.collapsed .session-checkbox{display:none!important}.sidebar.collapsed .user-info{justify-content:center}.sidebar.collapsed .sidebar-footer{padding:10px 8px;justify-content:center}.sidebar.collapsed .user-avatar{width:40px;height:40px;box-shadow:2px 2px 0 #0003}.sidebar-collapse-btn{position:absolute;right:-14px;top:50%;transform:translateY(-50%);width:28px;height:56px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:0 12px 12px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-dark);box-shadow:3px 3px 0 #0000001a;transition:all var(--transition-normal);z-index:10}.sidebar-collapse-btn:hover{background:var(--pop-blue,#48dbfb);transform:translateY(-50%) translateX(-2px);box-shadow:5px 3px 0 #00000026}.sidebar-collapse-btn.is-pinned{background:var(--neon-pink,#ff6b9d);color:#fff}.sidebar-collapse-btn.is-pinned:hover{background:#ff508d}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--neon-pink);border-bottom:3px solid var(--pop-black,#000)}.sidebar-title{display:flex;align-items:center;gap:10px}.sidebar-title .title-icon{font-size:22px}.sidebar-title h3{color:#fff;font-size:16px;font-weight:800;text-shadow:1px 1px 0 #0003}.btn-icon-pop{width:36px;height:36px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:50%;color:var(--text-dark);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:3px 3px 0 #0003}.btn-icon-pop:hover{background:var(--pop-blue,#48dbfb);transform:translate(-2px,-2px);box-shadow:5px 5px 0 #00000040}.btn-icon-pop:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #0003}.model-selector{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-bottom:3px solid var(--pop-black,#000);background:#ffffff4d;overflow:visible;position:relative;z-index:999}.model-label{font-size:10px;font-weight:900;color:var(--text-dark);text-transform:uppercase;letter-spacing:1px}.custom-dropdown{position:relative}.dropdown-selected{width:100%;padding:10px 14px;padding-right:36px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;font-size:13px;font-weight:700;color:var(--text-dark);cursor:pointer;box-shadow:3px 3px 0 #00000026;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between}.dropdown-selected:hover{background:#f5f5f5}.dropdown-selected.open{border-radius:8px 8px 0 0;border-bottom-color:#0000}.dropdown-selected i{font-size:10px;transition:transform .2s ease}.dropdown-selected.open i{transform:rotate(180deg)}.dropdown-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid var(--pop-black,#000);border-top:none;border-radius:0 0 8px 8px;max-height:0;overflow:hidden;z-index:9999;transition:max-height .2s ease;box-shadow:3px 3px 0 #00000026}.dropdown-options.open{max-height:280px;overflow-y:auto}.dropdown-option{padding:10px 14px;font-size:13px;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .1s ease;border-bottom:1px solid #eee}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--pop-blue,#48dbfb)}.dropdown-option.selected{background:var(--pop-pink,#ff6b9d);color:#fff}.model-dropdown{position:relative}.glass-select{display:none}.search-box{display:flex;align-items:center;gap:10px;margin:12px 16px;padding:10px 14px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;box-shadow:3px 3px 0 #00000026;position:relative;z-index:1}.search-box i{color:var(--text-medium);font-size:14px}.search-box input{flex:1;border:none;background:0 0;font-size:13px;font-weight:600;color:var(--text-dark)}.search-box input::placeholder{color:var(--text-light)}.search-box input:focus{outline:none}.session-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 16px;padding-bottom:80px;position:relative}.session-list::-webkit-scrollbar{width:6px}.session-list::-webkit-scrollbar-track{background:0 0}.session-list::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.session-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 #00000026;position:relative}.session-item:hover{background:var(--pop-blue,#48dbfb);transform:translate(-2px,-2px);box-shadow:5px 5px 0 #0003;z-index:10}.session-item.dropdown-open{z-index:100!important}.session-item.active{background:var(--pop-pink,#ff6b9d);color:#fff}.session-icon{width:28px;height:28px;border-radius:50%;border:2px solid var(--pop-black,#000);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.session-icon-yellow{background:var(--neon-yellow)}.session-icon-cyan{background:var(--electric-blue)}.session-icon-purple{background:var(--dream-purple)}.session-icon-pink{background:var(--neon-pink,#ff6b9d)}.session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.session-title{font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time{font-size:10px;opacity:.7}.session-menu-btn{width:24px;height:24px;background:0 0;border:none;border-radius:50%;cursor:pointer;color:inherit;opacity:0;transition:all var(--transition-normal)}.session-item:hover .session-menu-btn{opacity:.7}.session-menu-btn:hover{opacity:1;background:#0000001a}.session-dropdown{position:absolute;top:calc(100% + 5px);right:0;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;box-shadow:3px 3px 0 #0003;z-index:9999;min-width:120px;opacity:0;visibility:hidden;transform:translateY(-5px);transition:all .15s ease}.session-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.session-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background .1s ease;color:#333!important}.session-dropdown-item:hover{background:var(--pop-yellow,#feca57)}.session-dropdown-item:first-child{border-radius:6px 6px 0 0}.session-dropdown-item:last-child{border-radius:0 0 6px 6px}.session-dropdown-item i{width:14px;font-size:12px}.session-dropdown-danger{color:#e74c3c!important}.session-dropdown-danger:hover{background:#ffebee}.session-preview{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;padding:10px 14px;box-shadow:3px 3px 0 #00000026;z-index:50;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.session-item:hover .session-preview{opacity:1;visibility:visible}.session-item.dropdown-open .session-preview{display:none}.session-preview::before{content:'';position:absolute;bottom:100%;left:20px;border:8px solid #0000;border-bottom-color:var(--pop-black,#000)}.session-preview::after{content:'';position:absolute;bottom:100%;left:22px;border:6px solid #0000;border-bottom-color:#fff}.session-preview-content{font-size:12px;color:var(--text-medium,#666);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.sidebar-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:3px solid var(--pop-black,#000);background:#fff}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--pop-blue,#48dbfb),var(--pop-pink,#ff6b9d));border:2px solid var(--pop-black,#000);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px}.user-info span{font-size:13px;font-weight:800;color:var(--text-dark)}.footer-actions{display:flex;gap:6px}.btn-icon-small{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:var(--text-dark);font-size:12px;transition:all .15s ease;box-shadow:2px 2px 0 #00000026}.btn-icon-small:hover{background:var(--pop-purple,#ff9ff3);transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0003}.main-chat{flex:1;display:flex;flex-direction:column;background:var(--bg-chat,#FAF7F2);min-width:0;position:relative;max-width:100%;overflow-x:hidden}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--bg-light,#EDE8DD);border-bottom:3px solid var(--pop-black,#000)}.chat-header-left{display:flex;flex-direction:column;gap:2px}.chat-title-group{display:flex;align-items:center;gap:10px}.chat-title-group h2{font-size:18px;font-weight:800;color:var(--text-dark)}.title-edit-input{font-size:18px;font-weight:800;color:var(--text-dark);border:2px solid var(--pop-black,#000);border-radius:6px;padding:4px 10px;background:#fff;box-shadow:3px 3px 0 #0000001a;min-width:200px}.title-edit-input:focus{outline:none;background:var(--pop-yellow)}.btn-edit-title{width:28px;height:28px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:var(--text-dark);font-size:11px;transition:all .15s ease;box-shadow:2px 2px 0 #0000001a;display:flex;align-items:center;justify-content:center}.btn-edit-title:hover{background:var(--pop-yellow);transform:translate(-1px,-1px);box-shadow:3px 3px 0 #00000026}.chat-status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-medium);font-weight:600}.status-dot{width:8px;height:8px;background:#0f8;border:1px solid var(--pop-black,#000);border-radius:50%}.chat-header-right{display:flex;gap:10px}.btn-header-action{width:40px;height:40px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:var(--text-dark);font-size:14px;transition:all .15s ease;box-shadow:3px 3px 0 #00000026}.btn-header-action:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #0003}.btn-header-action:active{transform:translate(1px,1px);box-shadow:1px 1px 0 #0000001a}.btn-cyan{background:var(--pop-blue,#48dbfb)}.btn-yellow{background:var(--pop-yellow,#feca57)}.chat-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;display:flex;flex-direction:column;background:var(--bg-chat,#FAF7F2);max-width:100%;box-sizing:border-box}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:#fff;border-left:2px solid #000}.chat-messages::-webkit-scrollbar-thumb{background:var(--pop-pink);border:2px solid #000}.message{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px;max-width:100%;width:100%;box-sizing:border-box}.message,.message-bubble{-webkit-touch-callout:none}.message.ai{align-items:flex-end;max-width:85%}.message.user{flex-direction:row-reverse;margin-left:auto;max-width:85%}.message-avatar{width:44px;height:44px;border:2px solid var(--pop-black,#000);flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px}.message-avatar.avatar-ai{background:var(--neon-yellow)}.message-avatar.avatar-ai svg{width:26px;height:26px;stroke:var(--pop-black,#000);stroke-width:2}.message-avatar.avatar-user{background:linear-gradient(135deg,var(--pop-blue,#48dbfb),var(--pop-pink,#ff6b9d));border-radius:50%;color:#fff;font-size:16px}.message-bubble{padding:16px 20px;border:3px solid var(--pop-black,#000);font-weight:600;line-height:1.8;font-size:16px;position:relative;border-radius:14px;max-width:100%;min-width:0;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}.message-bubble img{max-width:100%;height:auto}.message-bubble pre{max-width:100%;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.message-bubble code{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.message-bubble a{word-wrap:break-word;overflow-wrap:break-word;word-break:break-all}.message-bubble table{max-width:100%;display:block;overflow-x:auto}.message-bubble.bubble-ai{background:var(--neon-yellow);box-shadow:4px 4px 0 #00000026}.message-bubble.bubble-user{background:var(--pop-blue,#48dbfb);box-shadow:4px 4px 0 #00000026}.message-bubble.bubble-ai::before{content:"";position:absolute;left:-12px;bottom:8px;width:0;height:0;border-top:10px solid #0000;border-bottom:10px solid #0000;border-right:14px solid var(--neon-yellow);z-index:1}.message-bubble.bubble-ai::after{content:"";position:absolute;left:-16px;bottom:5px;width:0;height:0;border-top:13px solid #0000;border-bottom:13px solid #0000;border-right:17px solid var(--pop-black,#000);z-index:0}.message-bubble.bubble-user::before{content:"";position:absolute;right:-12px;bottom:8px;width:0;height:0;border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:14px solid var(--pop-blue,#48dbfb);z-index:1}.message-bubble.bubble-user::after{content:"";position:absolute;right:-16px;bottom:5px;width:0;height:0;border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:17px solid var(--pop-black,#000);z-index:0}.message-quote-inline{margin-bottom:12px;padding:10px 12px;border:2px solid var(--pop-black,#000);border-left:6px solid var(--neon-pink,#ff6b9d);border-radius:12px;background:#ffffffbf;box-shadow:2px 2px 0 #00000014}.message.user .message-quote-inline,.message .bubble-user .message-quote-inline{border-left-color:var(--pop-blue,#48dbfb);background:#fff9}.message-quote-role{font-size:11px;font-weight:800;letter-spacing:.4px;color:var(--text-medium,#4a4a6a);margin-bottom:4px}.message-quote-text{font-size:13px;line-height:1.5;color:var(--text-dark,#1a1a2e)}.welcome-message{margin:40px auto;text-align:center;max-width:580px;width:90%;background:var(--bg-cream,#F5F0E6);border:3px solid var(--pop-black,#000);border-radius:16px;padding:32px;box-shadow:6px 6px 0 #0000001f}.welcome-message.hidden{display:none}.welcome-avatar{margin-bottom:10px;text-align:center}.welcome-avatar img{max-width:280px;height:80px;object-fit:contain;object-position:center;display:block;margin:0 auto}.welcome-title{font-size:22px;font-weight:800;color:var(--text-dark);margin-bottom:8px}.welcome-subtitle{font-size:14px;color:var(--text-medium);line-height:1.7;margin-bottom:28px;font-weight:600}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:8px}.feature-card{padding:16px 10px;background:#f8f5f0;border:2px solid var(--pop-black,#000);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 #0000001a}.feature-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #00000026;background:#fff}.feature-card i{font-size:22px;color:var(--text-dark)}.feature-card span{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-dark)}.feature-pink,.feature-cyan,.feature-yellow,.feature-purple{background:#f8f5f0;color:var(--text-dark)}.chat-input-container{padding:16px 20px;background:var(--bg-light,#EDE8DD);border-top:4px solid var(--pop-black,#000)}.quote-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:900px;margin:0 auto 12px;padding:10px 12px;border:2px solid var(--pop-black,#000);border-left:6px solid var(--electric-blue,#48dbfb);border-radius:12px;background:#fff7cf;box-shadow:3px 3px 0 #0000001f}.quote-preview-main{min-width:0;display:flex;align-items:center;gap:8px}.quote-preview-label{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dark,#1a1a2e);padding:2px 6px;border:1px solid var(--pop-black,#000);border-radius:999px;background:#fff}.quote-preview-role{flex-shrink:0;font-size:12px;font-weight:800;color:var(--neon-pink,#ff6b9d)}.quote-preview-text{min-width:0;flex:1;font-size:13px;font-weight:600;color:var(--text-dark,#1a1a2e);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-preview-close{width:30px;height:30px;border-radius:50%;border:2px solid var(--pop-black,#000);background:#fff;color:var(--text-dark,#1a1a2e);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:2px 2px 0 #0000001f}.quote-preview-close:hover{background:var(--neon-pink,#ff6b9d);color:#fff}.message-context-menu{position:fixed;min-width:142px;padding:8px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:12px;box-shadow:6px 6px 0 #0000002e;z-index:3800}.message-context-item{width:100%;border:2px solid #0000;background:#fff;border-radius:10px;display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:13px;font-weight:700;color:var(--text-dark,#1a1a2e);cursor:pointer;text-align:left}.message-context-item:hover{background:#f2fbff;border-color:var(--pop-black,#000)}.message-context-item i{width:16px;text-align:center}.attachment-preview{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.attachment-item{position:relative;display:inline-flex;align-items:center;gap:8px;max-width:280px;padding:8px 12px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:10px;color:var(--text-dark,#1a1a2e);font-size:13px;box-shadow:2px 2px 0 #00000026;transition:all .15s ease}.attachment-item:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0003}.attachment-item span,.attachment-item .attachment-name{max-width:170px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:2px solid var(--pop-black,#000);background:#fff;color:var(--text-dark,#1a1a2e);font-size:12px;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.attachment-remove:hover{background:#ff5b5b;color:#fff}.attachment-preview .attachment-item{padding-right:56px}.attachment-preview .preview-icon-small{position:absolute;right:34px;font-size:12px;color:var(--text-medium,#4a4a6a)}.attachment-preview .preview-icon-small:hover{color:var(--electric-blue,#48dbfb)}.message-attachments{margin-bottom:12px;display:flex;flex-wrap:wrap;gap:8px}.message-attachments .image-attachment{cursor:pointer;padding-right:56px;border-color:var(--electric-blue,#48dbfb)}.message-attachments .image-attachment:hover{background:#e9f9ff}.message-attachments .image-attachment .preview-icon{position:absolute;right:34px;font-size:12px;color:var(--text-medium,#4a4a6a)}.message-attachments .image-attachment:hover .preview-icon{color:var(--electric-blue,#48dbfb)}.message-attachments .attachment-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-thumbnail{display:block;max-width:220px;max-height:160px;width:auto;height:auto;border-radius:10px;border:2px solid var(--pop-black,#000);background:#fff;box-shadow:2px 2px 0 #0000002e;cursor:pointer}.image-thumbnail:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0000003d}.image-attachment-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.chat-input{display:flex;align-items:flex-end;gap:10px;max-width:900px;margin:0 auto}.input-actions{display:flex;gap:8px;align-items:stretch}.input-actions-toggle{display:none;width:52px;height:52px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:var(--text-dark);font-size:18px;transition:all .15s ease;box-shadow:3px 3px 0 #00000026;flex-shrink:0;align-items:center;justify-content:center;align-self:center}.input-actions-toggle:hover{background:var(--pop-yellow,#feca57)}.input-actions-toggle.active{background:var(--pop-pink,#ff6b9d);color:#fff}.input-actions-toggle .fa-plus{transition:transform .2s ease}.input-actions-toggle.active .fa-plus{transform:rotate(45deg)}.search-toggle{display:flex;cursor:pointer}.search-toggle input{display:none}.toggle-icon{width:52px;height:52px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-medium);transition:all .15s ease;box-shadow:3px 3px 0 #00000026}.search-toggle input:checked+.toggle-icon{background:var(--pop-blue,#48dbfb);color:var(--text-dark)}.btn-input-action{width:52px;height:52px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:var(--text-dark);font-size:18px;transition:all .15s ease;box-shadow:3px 3px 0 #00000026;flex-shrink:0}.btn-input-action:hover{background:var(--pop-yellow,#feca57);transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0003}.input-wrapper{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:28px;padding:6px 8px 6px 20px;box-shadow:3px 3px 0 #0000001a;min-height:52px}.input-wrapper textarea{flex:1;border:none;background:0 0;font-size:15px;font-weight:600;color:var(--text-dark);resize:none;max-height:120px;line-height:1.5;padding:6px 0}.input-wrapper textarea::placeholder{color:#999}.input-wrapper textarea:focus{outline:none}.btn-send{width:40px;height:40px;background:var(--neon-pink);border:2px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;color:#fff;font-size:16px;transition:all .15s ease;flex-shrink:0;box-shadow:3px 3px 0 #0003}.btn-send:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.btn-send:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #00000040}.btn-send:not(:disabled):active{transform:translate(1px,1px);box-shadow:1px 1px 0 #00000026}.modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:1000;align-items:center;justify-content:center;padding:20px}.modal.active{display:flex}body.modal-open{overflow:hidden}.modal-content{background:#fff;border:4px solid var(--pop-black,#000);border-radius:16px;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:8px 8px 0 #0003}#modal .modal-content{position:relative;max-width:min(560px,96vw);border-radius:20px;padding:22px 20px 18px;background:linear-gradient(180deg,#ffffff 0%,#fff9d8 100%)}#modalBody{max-height:calc(90vh - 40px);overflow-y:auto;padding-right:4px}#modal .close,#modal .modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:2px solid var(--pop-black,#000);border-radius:50%;background:#fff;color:#0f172a;font-size:22px;font-weight:800;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:3px 3px 0 #0003;transition:all .15s ease;z-index:2}#modal .close:hover,#modal .modal-close:hover{background:var(--pop-red,#ff4757);color:#fff;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #00000040}.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:var(--neon-pink);border-bottom:3px solid var(--pop-black,#000)}.modal-header h2{font-size:18px;font-weight:800;color:#fff}.modal-close{width:32px;height:32px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:50%;cursor:pointer;font-size:16px;color:var(--text-dark);display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.modal-close:hover{background:var(--pop-red,#ff4757);color:#fff}.modal-body{padding:20px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:3px solid var(--pop-black,#000);background:#f5f5f5}.btn-secondary{padding:10px 20px;background:#fff;border:2px solid var(--pop-black,#000);border-radius:8px;font-size:14px;font-weight:700;color:var(--text-dark);cursor:pointer;transition:all .15s ease;box-shadow:3px 3px 0 #00000026}.btn-secondary:hover{background:#f0f0f0}.btn-danger{padding:10px 20px;background:#ff4757;border:2px solid var(--pop-black,#000);border-radius:8px;font-size:14px;font-weight:700;color:#fff;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s ease;box-shadow:3px 3px 0 #00000026}.btn-danger:hover{background:#e8404f;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #0003}.settings-panel{display:flex;flex-direction:column;gap:14px}.settings-panel-header{padding-right:42px}.settings-panel-title{margin:0;font-family:bangers,cursive;font-size:36px;line-height:1;letter-spacing:.5px;color:#0f172a}.settings-panel-subtitle{margin:8px 0 0;font-size:12px;font-weight:700;color:#475569}.settings-provider-list{display:flex;flex-direction:column;gap:10px}.settings-provider-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:3px solid var(--pop-black,#000);border-radius:14px;background:#fff;box-shadow:4px 4px 0 #00000026}.settings-provider-main{display:flex;align-items:center;gap:10px;min-width:0}.settings-provider-meta{min-width:0}.settings-provider-icon{width:38px;height:38px;border:2px solid var(--pop-black,#000);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:19px;box-shadow:2px 2px 0 #0003;flex-shrink:0}.settings-provider-line .settings-provider-icon{background:#00c300}.settings-provider-wechat .settings-provider-icon{background:#07c160}.settings-provider-google .settings-provider-icon{background:#2563eb}.settings-provider-name{font-size:14px;font-weight:900;color:#0f172a}.settings-provider-status{font-size:12px;font-weight:800;margin-top:2px}.settings-provider-status.is-bound{color:#16a34a}.settings-provider-status.is-unbound{color:#ef4444}.settings-provider-id{margin-top:4px;font-size:11px;color:#475569;word-break:break-all}.settings-bind-btn{padding:8px 12px;border:2px solid var(--pop-black,#000);border-radius:10px;font-size:13px;font-weight:800;color:#fff;background:#111827;box-shadow:2px 2px 0 #00000040;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.settings-provider-line .settings-bind-btn:not(.is-disabled){background:#00c300}.settings-provider-wechat .settings-bind-btn:not(.is-disabled){background:#07c160}.settings-provider-google .settings-bind-btn:not(.is-disabled){background:#2563eb}.settings-bind-btn:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:4px 4px 0 #00000038}.settings-bind-btn.is-disabled,.settings-bind-btn:disabled{background:#e5e7eb;border-color:#94a3b8;color:#64748b;cursor:not-allowed;box-shadow:none}.settings-admin-entry{margin-top:4px;padding-top:14px;border-top:2px dashed var(--pop-black,#000)}.settings-admin-btn{width:100%;padding:12px;font-size:14px;font-weight:900;color:#fff;background:#0f172a;border:3px solid var(--pop-black,#000);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:3px 3px 0 #00000040;cursor:pointer;transition:all .15s ease}.settings-admin-btn:hover{background:#1e293b;transform:translate(-1px,-1px);box-shadow:4px 4px 0 #00000047}.session-info-detail{margin-bottom:20px}.info-row{display:flex;padding:10px 0;border-bottom:2px solid #eee}.info-row label{width:90px;font-weight:700;color:var(--text-medium);font-size:13px}.info-row span{color:var(--text-dark);font-weight:600;font-size:13px}.messages-container h3{font-size:14px;font-weight:800;color:var(--text-dark);margin-bottom:12px}.messages-list{max-height:280px;overflow-y:auto}.notification{position:fixed;top:20px;right:20px;z-index:2000;transform:translateX(calc(100% + 30px));transition:transform var(--transition-normal)}.notification.show{transform:translateX(0)}.notification-content{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:10px;box-shadow:4px 4px 0 #0003}#notificationIcon{font-size:18px;color:var(--neon-pink)}#notificationText{font-size:13px;font-weight:600;color:var(--text-dark)}#notificationClose{padding:4px 8px;background:0 0;border:none;cursor:pointer;font-size:18px;color:var(--text-light)}@media(max-width:1024px){.sidebar{width:260px;min-width:260px}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){html,body{overflow-x:hidden!important;max-width:100vw!important}.chat-page,.chat-container,.main-chat{max-width:100vw;overflow-x:hidden}#modal{padding:14px}#modal .modal-content{max-width:100%;padding:20px 14px 14px}#modal .close,#modal .modal-close{top:10px;right:10px;width:32px;height:32px;font-size:20px}.settings-panel-title{font-size:30px}.settings-panel-header{padding-right:38px}.settings-provider-card{flex-direction:column;align-items:flex-start}.settings-provider-main{width:100%}.settings-bind-btn{width:100%}.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);z-index:500;width:280px}.sidebar.mobile-open{transform:translateX(0)}.sidebar-collapse-btn{display:none}.session-preview{display:none!important}.session-dropdown{left:8px;right:auto}.chat-header{padding-left:20px}.chat-messages{padding:12px;max-width:100%;overflow-x:hidden}.message{max-width:100%!important;width:100%!important;padding:0!important}.message.ai,.message.user{max-width:95%!important}.message-bubble{max-width:100%!important;min-width:0!important;word-wrap:break-word!important;overflow-wrap:break-word!important;word-break:break-word!important}.message-bubble pre,.message-bubble code{max-width:100%!important;overflow-x:auto!important;white-space:pre-wrap!important;word-wrap:break-word!important}.message-bubble table{display:block;max-width:100%;overflow-x:auto}.chat-input-container{padding:10px 14px;position:sticky;bottom:0;z-index:100;background:var(--bg-light,#EDE8DD)}.quote-preview-bar{margin-bottom:10px;padding:8px 10px;border-left-width:5px}.quote-preview-main{gap:6px}.quote-preview-label{font-size:10px}.quote-preview-role{font-size:11px}.quote-preview-text{font-size:12px}.message-context-menu{min-width:128px;padding:6px}.message-context-item{padding:8px 9px;font-size:12px}.input-actions-toggle{display:flex}.input-actions{display:none;position:absolute;bottom:70px;left:14px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:12px;padding:8px;box-shadow:4px 4px 0 #00000026;gap:8px;z-index:100}.input-actions.mobile-open{display:flex}.input-actions .toggle-icon,.input-actions .btn-input-action{width:44px;height:44px;font-size:16px}.model-selector{isolation:isolate;z-index:100}.custom-dropdown{position:relative;z-index:999}.dropdown-options{position:absolute;top:100%;left:0;right:0;max-height:0;overflow:hidden;z-index:9999;background:#fff;border:2px solid var(--pop-black,#000);border-top:none;border-radius:0 0 8px 8px;box-shadow:3px 3px 0 #00000026}.dropdown-options.open{max-height:250px;overflow-y:auto}.search-box{position:relative;z-index:0}.session-list{position:relative;z-index:0}.welcome-avatar img{max-width:220px;height:auto}.welcome-title{font-size:20px}.welcome-message{margin:10px auto;padding:14px;max-width:100%;width:calc(100% - 20px);max-height:calc(100dvh - 200px);max-height:calc(100vh - 200px);overflow-y:auto}.welcome-avatar{margin-bottom:12px}.welcome-avatar img{max-width:180px;max-height:80px;object-fit:contain}.welcome-subtitle{margin-bottom:12px;font-size:12px;line-height:1.5}.welcome-title{font-size:18px;margin-bottom:6px}.welcome-message .feature-grid{gap:6px;margin-top:8px}.welcome-message .feature-card{padding:10px 6px}.welcome-message .feature-card i{font-size:16px}.welcome-message .feature-card span{font-size:9px}}@media(max-width:480px){.feature-grid{grid-template-columns:repeat(2,1fr);gap:8px}.feature-card{padding:14px 10px}.feature-card i{font-size:20px}.feature-card span{font-size:10px}.chat-header-right{gap:6px}.btn-header-action{width:36px;height:36px;font-size:12px}.chat-input{flex-wrap:nowrap;gap:8px}}.thinking-message{opacity:1;transition:opacity .3s ease}.thinking-animation{display:flex;align-items:center;gap:10px;font-style:italic;padding:8px 0}.thinking-text{color:var(--pop-pink,#ff69b4);font-weight:700;font-size:15px;animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,100%{opacity:1}50%{opacity:.6}}.thinking-dots{display:flex;gap:4px;align-items:center}.thinking-dots .dot{width:8px;height:8px;background:var(--pop-pink,#ff69b4);border-radius:50%;border:2px solid var(--pop-black,#000);animation:dotBounce 1.4s infinite ease-in-out both}.thinking-dots .dot:nth-child(1){animation-delay:-.32s;background:var(--neon-yellow,#FFE135)}.thinking-dots .dot:nth-child(2){animation-delay:-.16s;background:var(--pop-blue,#48dbfb)}.thinking-dots .dot:nth-child(3){animation-delay:0s;background:var(--pop-pink,#ff69b4)}@keyframes dotBounce{0%,80%,100%{transform:scale(0.6);opacity:.5}40%{transform:scale(1.2);opacity:1}}.thinking-message.image-gen .thinking-text::before{content:'🎨 ';animation:brushWiggle .8s ease-in-out infinite}@keyframes brushWiggle{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.thinking-message.search-mode .thinking-text::before{content:'🌐 ';display:inline-block;animation:globeSpin 2s linear infinite}@keyframes globeSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.thinking-section{margin-bottom:16px;background:linear-gradient(135deg,#fff9e6 0%,#fff5cc 100%);border:3px solid var(--pop-black,#000);border-radius:12px;overflow:hidden;box-shadow:4px 4px 0 #0000001a;transition:all .3s ease}.thinking-section:hover{box-shadow:6px 6px 0 #00000026}.thinking-section.expanded{background:linear-gradient(135deg,#fff5cc 0%,#ffefaa 100%)}.thinking-header{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;user-select:none;transition:background .2s ease}.thinking-header:hover{background:#ffe1354d}.thinking-icon{font-size:18px;animation:thinkingPulse 2s ease-in-out infinite}@keyframes thinkingPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}.thinking-label{flex:1;font-weight:700;font-size:14px;color:var(--pop-black,#000)}.thinking-toggle{font-size:12px;color:var(--text-medium,#666);transition:transform .3s ease}.thinking-section.expanded .thinking-toggle{transform:rotate(180deg)}.thinking-content,.thinking-body{display:none;padding:0 16px 16px;font-size:13px;line-height:1.7;color:#444;border-top:2px dashed #00000026;margin-top:0;padding-top:12px;max-height:400px;overflow-y:auto;white-space:pre-wrap;word-wrap:break-word}.thinking-body .thinking-text{animation:none;font-style:normal;color:#444}.thinking-section.expanded .thinking-content,.thinking-section.expanded .thinking-body{display:block}.typing-cursor{display:inline-block;width:3px;height:1.2em;background:var(--pop-pink,#ff69b4);margin-left:2px;animation:cursorBlink 1s step-end infinite;vertical-align:text-bottom}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.loading-indicator{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffe1354d;border:2px solid var(--pop-black,#000);border-radius:10px;margin:8px 0}.loading-spinner{width:20px;height:20px;border:3px solid var(--pop-black,#000);border-top-color:var(--pop-pink,#ff69b4);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-weight:600;font-size:14px;color:var(--text-dark,#222)}.image-upload-status{font-size:12px;color:var(--text-medium,#666);font-weight:600;margin-top:8px;padding:6px 12px;background:#ffe13566;border:2px solid var(--pop-black,#000);border-radius:8px;display:inline-flex;align-items:center;gap:6px}.image-upload-status::before{content:'';width:12px;height:12px;border:2px solid var(--pop-black,#000);border-top-color:#0000;border-radius:50%;animation:spin .6s linear infinite}.image-upload-status.success{background:#48dbfb66}.image-upload-status.success::before{content:'✓';border:none;animation:none;font-weight:700}.session-item .session-checkbox{display:none!important;width:0!important;height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;position:absolute!important;left:-9999px!important;pointer-events:none!important}.session-item.batch-mode .session-checkbox{display:flex!important;width:24px!important;height:24px!important;overflow:visible!important;opacity:1!important;visibility:visible!important;position:relative!important;left:0!important;pointer-events:auto!important;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}.session-item .session-checkbox i{font-size:20px;color:#333;transition:all .2s ease}.session-item .session-checkbox i.fa-check-circle{color:var(--dream-purple,#8b5cf6)}.session-item.batch-mode .session-menu-btn{display:none!important}.session-item.batch-selected{background:var(--pop-pink,#ff6b9d)!important;color:#fff}.batch-delete-bar{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:56px!important;background:#fff!important;border-top:3px solid var(--pop-black,#000)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 12px!important;z-index:1000!important;box-shadow:0 -4px 0 #0000001a}.batch-delete-bar .batch-cancel-btn{display:flex!important;align-items:center!important;gap:6px!important;padding:8px 14px!important;border:2px solid var(--pop-black,#000)!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;background:#fff!important;color:#333!important;font-family:inherit!important;box-shadow:2px 2px 0 #0003;transition:all .15s ease}.batch-delete-bar .batch-cancel-btn:hover{background:var(--pop-blue,#48dbfb)!important;transform:translate(-1px,-1px);box-shadow:3px 3px 0 #0003}.batch-delete-bar .batch-count{font-size:12px!important;color:#333!important;font-weight:600!important;padding:6px 12px!important;background:var(--neon-yellow,#ffe135)!important;border:2px solid var(--pop-black,#000)!important;border-radius:20px!important}.batch-delete-bar .batch-delete-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;border:2px solid var(--pop-black,#000)!important;border-radius:50%!important;font-size:16px!important;cursor:pointer!important;background:var(--pop-red,#ff6b6b)!important;color:#fff!important;font-family:inherit!important;box-shadow:2px 2px 0 #0003;transition:all .15s ease}.batch-delete-bar .batch-delete-btn span{display:none!important}.batch-delete-bar .batch-delete-btn:hover:not(:disabled){background:#f44!important;transform:translate(-1px,-1px) scale(1.05);box-shadow:3px 3px 0 #0003}.batch-delete-bar .batch-delete-btn:disabled{opacity:.4!important;cursor:not-allowed!important;background:#ccc!important;color:#666!important}#sessionList:has(.batch-mode){padding-bottom:65px!important}.message-bubble .code-block-container{margin:12px 0;border-radius:8px;overflow:hidden;background:#1a1a2e;border:3px solid var(--pop-black,#000);box-shadow:4px 4px 0 #0000004d;max-width:100%;box-sizing:border-box;display:block}.message-bubble .code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#16213e;border-bottom:2px solid var(--pop-black,#000)}.message-bubble .code-language{font-size:12px;color:var(--neon-yellow,#ffe135);text-transform:uppercase;font-weight:700;letter-spacing:1px;font-family:comic neue,cursive,sans-serif}.message-bubble .code-actions{display:flex;gap:6px}.message-bubble .code-action-btn{background:0 0;border:2px solid #0000;color:#fff;cursor:pointer;padding:4px 8px;border-radius:6px;font-size:12px;transition:all .15s ease;display:flex;align-items:center;gap:4px}.message-bubble .code-action-btn:hover{color:var(--neon-yellow,#ffe135);background:#ffe13526;border-color:var(--neon-yellow,#ffe135);transform:scale(1.05)}.message-bubble .code-action-btn:active{transform:scale(0.95)}.message-bubble .code-block{margin:0;padding:16px;background:#0f0f23;color:#e0e0e0;font-family:consolas,monaco,courier new,monospace;font-size:14px;line-height:1.6;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.message-bubble .code-block code{background:0 0;padding:0;border-radius:0;color:inherit;font-family:inherit;font-size:inherit}.message-bubble code:not(.code-block code){background:#000000b2;color:var(--neon-yellow,#ffe135);padding:2px 6px;border-radius:4px;font-family:consolas,monaco,courier new,monospace;font-size:.9em;border:1px solid #ffe1354d}.sessions-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:var(--pop-black,#000);font-size:14px;font-weight:600;font-family:comic neue,cursive,sans-serif}.sessions-loading-more i{color:var(--pop-pink,#ff6b9d)}.messages-loading-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;margin:10px auto;background:var(--neon-yellow,#ffe135);border:3px solid var(--pop-black,#000);border-radius:20px;color:var(--pop-black,#000);font-size:14px;font-weight:700;font-family:comic neue,cursive,sans-serif;box-shadow:3px 3px 0 #0003;max-width:200px}.messages-loading-more i{color:var(--pop-pink,#ff6b9d)}.load-more-hint{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;margin:0 auto 15px;background:#0000000d;border:2px dashed #0003;border-radius:20px;color:#00000080;font-size:12px;font-weight:600;font-family:comic neue,cursive,sans-serif;max-width:250px;transition:all .2s ease}.load-more-hint:hover{background:#0000001a;color:#000000b2;border-color:#0000004d}.image-preview-modal{display:none;position:fixed;inset:0;z-index:3000}.image-preview-modal.active{display:flex;align-items:center;justify-content:center}.image-preview-overlay{position:absolute;inset:0;background:#000000e0;opacity:0;transition:opacity .25s ease}.image-preview-modal.loaded .image-preview-overlay{opacity:1}.image-preview-container{position:relative;z-index:1;width:min(92vw,980px);max-height:92vh;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:scale(0.94);transition:transform .25s ease,opacity .25s ease}.image-preview-modal.loaded .image-preview-container{opacity:1;transform:scale(1)}.image-preview-close{position:absolute;top:-46px;right:0;width:40px;height:40px;border-radius:50%;border:2px solid var(--pop-black,#000);background:#fff;color:var(--text-dark,#1a1a2e);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 #0003}.image-preview-close:hover{background:var(--neon-pink,#ff6b9d);color:#fff}.image-preview-content{width:100%;max-height:82vh;overflow:hidden;padding:14px;background:#fff;border:3px solid var(--pop-black,#000);border-radius:16px;box-shadow:6px 6px 0 #00000040;display:flex;flex-direction:column;gap:10px}.image-preview-content img{display:block;max-width:100%;max-height:calc(82vh - 70px);width:auto;height:auto;margin:0 auto;object-fit:contain;border:2px solid var(--pop-black,#000);border-radius:10px;background:#f7f3eb}.image-preview-info{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid var(--pop-black,#000);border-radius:10px;background:#fff8c9;color:var(--text-dark,#1a1a2e)}.image-preview-info span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-preview-actions{display:flex;justify-content:center;width:100%}.image-preview-actions .btn-icon{width:42px;height:42px;border-radius:12px;border:2px solid var(--pop-black,#000);background:#fff;color:var(--text-dark,#1a1a2e);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:2px 2px 0 #0003}.image-preview-actions .btn-icon:hover{background:var(--electric-blue,#48dbfb)}