body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0088cc;--primary-dark: #006699;--primary-light: #33a3d9;--secondary: #667eea;--accent: #764ba2;--success: #28a745;--error: #dc3545;--warning: #ffc107;--bg: #f5f7fa;--bg-card: #ffffff;--text: #1a1a2e;--text-secondary: #666;--text-muted: #999;--border: #e0e0e0;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-hover: 0 8px 30px rgba(0, 0, 0, .12);--radius: 16px;--radius-sm: 8px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;max-width:900px;margin:0 auto;padding:24px 16px;width:100%}.header{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);color:#fff;padding:32px 24px;text-align:center}.logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.logo h1{font-size:28px;font-weight:700}.tagline{opacity:.9;font-size:16px}.guide{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.guide-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;cursor:pointer;font-size:18px;font-weight:600;color:var(--text);transition:background .2s}.guide-toggle:hover{background:var(--bg)}.guide-content{padding:0 24px 24px}.guide-tabs{display:flex;gap:8px;margin-bottom:24px}.guide-tabs .tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.guide-tabs .tab:hover{border-color:var(--primary-light)}.guide-tabs .tab.active{border-color:var(--primary);background:var(--primary);color:#fff}.guide-steps{display:flex;flex-direction:column;gap:16px}.step{display:flex;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.step-content h4{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--text)}.step-content p{color:var(--text-secondary);font-size:14px;margin-bottom:4px}.step-content .hint{font-style:italic;color:var(--text-muted);font-size:13px}.step-content .important{color:var(--primary);font-weight:500}.step-content ul{list-style:none;margin:8px 0}.step-content li{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-secondary);margin-bottom:4px}.step-content li svg{color:var(--success)}.step-content code{background:var(--border);padding:2px 8px;border-radius:4px;font-size:13px}.step-content a{color:var(--primary);text-decoration:none}.step-content a:hover{text-decoration:underline}.mobile-notice{background:#fff3cd;border-left:4px solid var(--warning);padding:16px;border-radius:var(--radius-sm);margin-bottom:16px}.mobile-notice p{color:#856404;margin-bottom:8px}.mobile-notice p:last-child{margin-bottom:0}.guide-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);text-align:center}.guide-footer p{color:var(--text-muted);font-size:13px}.file-uploader{margin-bottom:24px}.drop-zone{border:3px dashed var(--border);border-radius:var(--radius);padding:48px 24px;text-align:center;background:var(--bg-card);cursor:pointer;transition:all .3s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--primary);background:#0088cc0d}.drop-zone.loading{cursor:wait;background:var(--bg)}.upload-icon{color:var(--primary);margin-bottom:16px}.drop-zone h3{font-size:20px;margin-bottom:8px;color:var(--text)}.drop-zone p{color:var(--text-muted);margin-bottom:16px}.file-input-label{display:inline-block;padding:12px 32px;background:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:background .2s}.file-input-label:hover{background:var(--primary-dark)}.file-input{display:none}.supported-formats{display:flex;justify-content:center;gap:24px;margin-top:24px}.format{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:14px}.loading-state{padding:20px}.spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#f8d7da;color:var(--error);border-radius:var(--radius-sm);margin-top:16px}.chat-selector{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.chat-selector h2{margin-bottom:8px;color:var(--text)}.chat-count{color:var(--text-muted);font-size:14px}.chat-selector-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.header-actions{display:flex;align-items:center;gap:12px}.limit-selector{display:flex;align-items:center;gap:8px}.limit-label{font-size:13px;color:var(--text-muted)}.limit-buttons{display:flex;gap:4px}.limit-btn{padding:6px 10px;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.limit-btn:hover:not(:disabled){border-color:var(--primary-light)}.limit-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.limit-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn .spinning{animation:spin 1s linear infinite}.search-box{position:relative;margin-bottom:16px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:12px 40px 12px 44px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:15px;transition:border-color .2s;background:var(--bg)}.search-input:focus{outline:none;border-color:var(--primary);background:var(--bg-card)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.search-clear:hover{color:var(--text);background:var(--border)}.no-results{text-align:center;padding:32px;color:var(--text-muted)}.chat-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.chat-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all .2s}.chat-item:hover{border-color:var(--primary-light);transform:translate(4px)}.chat-item.selected{border-color:var(--primary);background:#0088cc14}.chat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0}.chat-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.chat-type-row{display:flex;align-items:center;gap:12px;margin-bottom:2px}.chat-type{font-size:13px;color:var(--primary);font-weight:500}.members-count{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.members-count svg{opacity:.7}.chat-meta{display:flex;gap:16px;margin-top:4px;font-size:13px;color:var(--text-muted)}.chat-select-indicator{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.checkmark{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--success);color:#fff;border-radius:50%;font-weight:700}.no-chats{text-align:center;padding:48px;color:var(--text-muted)}.no-chats svg{margin-bottom:16px;opacity:.5}.export-options{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.export-options h2{margin-bottom:20px}.selected-chat-info{background:var(--bg);padding:16px;border-radius:var(--radius-sm);margin-bottom:24px;text-align:center}.selected-chat-info h3{color:var(--text);margin-bottom:4px}.selected-chat-info p{color:var(--text-muted);font-size:14px}.format-selector h4{margin-bottom:12px;color:var(--text)}.format-buttons{display:flex;gap:16px;margin-bottom:16px}.format-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px solid var(--border);border-radius:var(--radius-sm);background:#fff;cursor:pointer;transition:all .2s}.format-btn:hover{border-color:var(--primary-light)}.format-btn.active{border-color:var(--primary);background:#0088cc14}.format-btn svg{color:var(--primary)}.format-btn span{font-weight:600;color:var(--text)}.format-btn small{font-size:12px;color:var(--text-muted)}.format-description{background:var(--bg);padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:24px}.format-description p{color:var(--text-secondary);font-size:14px}.export-actions{display:flex;flex-direction:column;gap:12px}.export-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--primary-dark)}.export-btn:disabled{opacity:.7;cursor:wait}.export-btn.success{background:var(--success)}.reset-btn{padding:12px 24px;background:none;border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.reset-btn:hover{border-color:var(--text-secondary);color:var(--text)}.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.back-btn{padding:8px 16px;background:none;border:none;color:var(--primary);font-size:14px;cursor:pointer;transition:color .2s}.back-btn:hover{color:var(--primary-dark)}.analyze-link-btn{padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.analyze-link-btn:hover{border-color:var(--primary);color:var(--primary)}.global-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:var(--radius-sm);padding:16px;text-align:center;margin-top:16px}.global-error p{color:var(--error);margin-bottom:12px}.global-error button{padding:8px 24px;background:var(--error);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:opacity .2s}.global-error button:hover{opacity:.9}.footer{background:var(--text);color:#fff;padding:24px;text-align:center}.privacy-notice{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:14px;opacity:.9}.footer-links{display:flex;justify-content:center;gap:24px}.github-link{display:flex;align-items:center;gap:6px;color:#fff;text-decoration:none;font-size:14px;opacity:.8;transition:opacity .2s}.github-link:hover{opacity:1}.api-setup{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.api-setup h2{margin-bottom:8px;color:var(--text)}.api-setup-intro{color:var(--text-secondary);margin-bottom:24px}.api-setup-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.setup-step{display:flex;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.setup-step .step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-weight:700;flex-shrink:0}.setup-step .step-content h4{margin-bottom:4px;color:var(--text)}.setup-step .step-content p{color:var(--text-secondary);font-size:14px;margin-bottom:8px}.setup-step .step-content a{color:var(--primary);text-decoration:none;display:inline-flex;align-items:center;gap:4px}.setup-step .step-content a:hover{text-decoration:underline}.setup-step .step-content ul{list-style:none;margin-top:8px}.setup-step .step-content li{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;transition:all .2s}.copy-btn:hover{border-color:var(--primary);color:var(--primary)}.api-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text)}.form-group input{padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:16px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:var(--primary)}.form-group input:disabled{background:var(--bg);cursor:not-allowed}.form-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f8d7da;color:var(--error);border-radius:var(--radius-sm)}.submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.submit-btn:hover:not(:disabled){background:var(--primary-dark)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.api-setup-footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--border)}.api-setup-footer p{color:var(--text-muted);font-size:13px}.auth-form{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px}.back-link{display:inline-flex;align-items:center;gap:6px;padding:8px 0;background:none;border:none;color:var(--primary);font-size:14px;cursor:pointer;margin-bottom:24px}.back-link:hover{text-decoration:underline}.auth-step{text-align:center}.auth-icon{display:flex;justify-content:center;margin-bottom:16px;color:var(--primary)}.auth-step h2{margin-bottom:8px}.auth-step>p{color:var(--text-secondary);margin-bottom:24px}.auth-step .form-group{text-align:left;margin-bottom:20px}.chat-selector-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.refresh-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.dialog-selector.loading{text-align:center;padding:48px}.last-message{font-size:13px;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unread-count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:600}.back-btn.logout{color:var(--error)}.export-progress{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;text-align:center}.export-progress h2{margin-bottom:8px}.export-chat-name{color:var(--primary);font-size:18px;font-weight:600;margin-bottom:24px}.progress-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .3s ease}.progress-fill.media{background:linear-gradient(90deg,#10b981,#059669)}.media-progress-indicator{display:flex;justify-content:center;margin-bottom:16px;color:#10b981}.progress-stats{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:14px;margin-bottom:8px}.progress-hint{color:var(--text-muted);font-size:14px;margin-bottom:24px}.cancel-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:none;border:2px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn:hover{border-color:var(--error);color:var(--error)}.success-icon{color:var(--success);margin-bottom:16px}.success-text{color:var(--text);font-size:18px;margin-bottom:32px}.error-icon{color:var(--error);margin-bottom:16px}.error-text{color:var(--error);margin-bottom:24px}.retry-btn{padding:12px 32px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:16px;cursor:pointer;transition:background .2s}.retry-btn:hover{background:var(--primary-dark)}.export-format-choice h4{margin-bottom:16px;color:var(--text)}.date-range-selector{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:24px}.date-range-selector h4{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text);font-size:16px}.date-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preset-btn{padding:8px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--primary-light)}.preset-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.date-inputs{display:flex;gap:16px;margin-bottom:12px}.date-input-group{flex:1;display:flex;flex-direction:column;gap:6px}.date-input-group label{font-size:14px;color:var(--text-secondary);font-weight:500}.date-input-group input[type=date]{padding:10px 12px;border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;transition:border-color .2s}.date-input-group input[type=date]:focus{outline:none;border-color:var(--primary)}.date-hint{color:var(--text-muted);font-size:13px;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:var(--radius);box-shadow:0 20px 60px #0000004d;max-width:480px;width:100%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;transition:color .2s}.modal-close:hover{color:var(--text)}.modal-header{padding:32px 32px 16px;text-align:center}.modal-icon{color:var(--primary);margin-bottom:12px}.modal-header h2{color:var(--text);font-size:22px}.modal-body{padding:0 32px 24px}.export-summary{background:var(--bg);border-radius:var(--radius-sm);padding:16px;margin-bottom:16px}.summary-item{display:flex;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.summary-item:last-child{border-bottom:none}.summary-item svg{color:var(--primary);margin-top:2px;flex-shrink:0}.summary-item>div{display:flex;flex-direction:column;gap:2px}.summary-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:15px;color:var(--text);font-weight:500}.modal-note{font-size:13px;color:var(--text-muted);text-align:center;line-height:1.5}.export-options{margin:16px 0;padding:16px;background:var(--bg);border-radius:var(--radius-sm)}.option-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;color:var(--text)}.option-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.option-checkbox svg{color:var(--primary)}.option-hint{margin-top:8px;margin-left:28px;font-size:13px;color:var(--text-muted);line-height:1.4}.modal-actions{display:flex;gap:12px;padding:0 32px 32px}.modal-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:var(--radius-sm);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.modal-btn.secondary{background:var(--bg);border:2px solid var(--border);color:var(--text-secondary)}.modal-btn.secondary:hover:not(:disabled){border-color:var(--text-secondary);color:var(--text)}.modal-btn.primary{background:var(--primary);border:2px solid var(--primary);color:#fff}.modal-btn.primary:hover:not(:disabled){background:var(--primary-dark);border-color:var(--primary-dark)}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.topic-selector{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.topic-selector.loading{text-align:center;padding:48px}.topic-selector-header{margin-bottom:20px}.topic-chat-info{display:flex;align-items:center;gap:16px}.topic-chat-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.topic-chat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0}.topic-selector-header h2{color:var(--text);margin-bottom:4px;font-size:18px}.topic-count{color:var(--text-muted);font-size:14px}.topic-list{display:flex;flex-direction:column;gap:8px}.topic-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg);border-radius:var(--radius-sm);cursor:pointer;border:2px solid transparent;transition:all .2s}.topic-item:hover{border-color:var(--primary-light);transform:translate(4px)}.topic-item.selected{border-color:var(--primary);background:#0088cc14}.topic-item.export-all{background:linear-gradient(135deg,#0088cc1a,#667eea1a)}.topic-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:#fff;flex-shrink:0}.topic-icon.all{background:linear-gradient(135deg,var(--primary),var(--secondary))}.topic-emoji{font-size:20px}.topic-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.topic-name{font-size:16px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topic-hint,.topic-date{font-size:13px;color:var(--text-muted)}.topic-arrow{color:var(--text-muted);flex-shrink:0}.analyze-file-section{margin-top:32px}.divider{display:flex;align-items:center;gap:16px;margin-bottom:24px;color:var(--text-muted)}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.divider span{font-size:14px;text-transform:uppercase;letter-spacing:1px}.analyze-file-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-sm);font-size:16px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .2s}.analyze-file-btn:hover{border-color:var(--primary);color:var(--primary);background:#0088cc0d}.analyze-hint{text-align:center;margin-top:12px;font-size:13px;color:var(--text-muted)}.file-analyzer{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}.analyzer-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.analyzer-header h2{color:var(--text);margin:0}.analyzer-title{flex:1;min-width:0}.analyzer-title h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.message-count{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--text-muted)}.change-file-btn{padding:8px 16px;background:var(--bg);border:2px solid var(--border);border-radius:var(--radius-sm);font-size:14px;cursor:pointer;transition:all .2s}.change-file-btn:hover{border-color:var(--primary);color:var(--primary)}.file-drop-zone{border:2px dashed var(--border);border-radius:var(--radius);padding:64px 32px;text-align:center;cursor:pointer;transition:all .2s}.file-drop-zone:hover{border-color:var(--primary);background:#0088cc08}.file-drop-zone svg{color:var(--text-muted);margin-bottom:16px}.file-drop-zone h3{color:var(--text);margin-bottom:8px}.file-drop-zone p{color:var(--text-muted);margin-bottom:24px}.supported-formats-list{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.supported-formats-list span{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.search-box.large{margin-bottom:16px}.search-box.large .search-input{padding:14px 44px 14px 48px;font-size:16px}.search-box.large .search-icon{left:16px}.search-results-info{margin-bottom:16px;padding:8px 12px;background:#0088cc1a;border-radius:var(--radius-sm);font-size:14px;color:var(--primary)}.messages-list{display:flex;flex-direction:column;gap:8px;max-height:600px;overflow-y:auto}.message-item{padding:16px;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.message-header{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px;font-size:13px}.message-author{display:flex;align-items:center;gap:4px;color:var(--primary);font-weight:600}.message-date{display:flex;align-items:center;gap:4px;color:var(--text-muted)}.message-forwarded{color:var(--text-muted);font-style:italic}.message-text{color:var(--text);line-height:1.6;word-break:break-word}.message-text mark{background:#ffc10766;color:inherit;padding:1px 2px;border-radius:2px}.message-media{display:inline-block;margin-top:8px;padding:4px 8px;background:var(--border);border-radius:4px;font-size:12px;color:var(--text-muted)}.more-results{text-align:center;padding:16px;color:var(--text-muted);font-size:14px;background:var(--bg);border-radius:var(--radius-sm)}@media(max-width:600px){.header{padding:24px 16px}.logo h1{font-size:22px}.tagline{font-size:14px}.guide-tabs{flex-direction:column}.step{flex-direction:column;align-items:flex-start}.chat-meta{flex-direction:column;gap:4px}.format-buttons{flex-direction:column}.supported-formats{flex-direction:column;gap:12px}}