init

DEPLOYMENT.md

@@ -0,0 +1,213 @@
+# Deployment Guide
+
+This guide will help you deploy your multilingual paper database to various hosting platforms.
+
+## Prerequisites
+
+Before deploying, ensure you have:
+- All project files in your local directory
+- A GitHub account (for most deployment options)
+- Basic familiarity with command line (optional, depending on method)
+
+## Option 1: GitHub Pages (Recommended - Free)
+
+GitHub Pages is perfect for static websites and offers free hosting with a custom domain option.
+
+### Step 1: Create GitHub Repository
+1. Go to [GitHub](https://github.com) and sign in
+2. Click the "+" icon → "New repository"
+3. Name it `multilingual-paperbase`
+4. Make it public (required for free GitHub Pages)
+5. Click "Create repository"
+
+### Step 2: Upload Your Files
+```bash
+# Initialize git in your project folder
+git init
+
+# Add all files
+git add .
+
+# Commit the files
+git commit -m "Initial commit"
+
+# Add your GitHub repository as remote
+git remote add origin https://github.com/crystina-z/multilingual-paperbase.git
+
+# Push to GitHub
+git push -u origin main
+```
+
+### Step 3: Enable GitHub Pages
+1. Go to your repository on GitHub
+2. Click "Settings" tab
+3. Scroll down to "Pages" section (in the left sidebar)
+4. Under "Source", select "Deploy from a branch"
+5. Choose "main" branch and "/ (root)" folder
+6. Click "Save"
+
+### Step 4: Access Your Site
+Your site will be available at:
+`https://crystina-z.github.io/multilingual-paperbase`
+
+**Note**: It may take a few minutes for the site to become available.
+
+## Option 2: Netlify (Free Tier)
+
+Netlify offers excellent performance and features like automatic deployments.
+
+### Method A: Drag & Drop (Easiest)
+1. Go to [netlify.com](https://netlify.com) and sign up
+2. Drag your entire project folder to the deploy area
+3. Your site is instantly live!
+4. Netlify will give you a random URL (you can customize it)
+
+### Method B: Connect to Git
+1. Sign up at [netlify.com](https://netlify.com)
+2. Click "New site from Git"
+3. Connect your GitHub account
+4. Select your repository
+5. Deploy settings:
+   - Build command: (leave empty)
+   - Publish directory: `.` (root)
+6. Click "Deploy site"
+
+## Option 3: Vercel (Free Tier)
+
+Vercel is great for performance and developer experience.
+
+### Step 1: Install Vercel CLI
+```bash
+npm install -g vercel
+```
+
+### Step 2: Deploy
+```bash
+# Navigate to your project directory
+cd multilingual-paperbase
+
+# Deploy
+vercel
+
+# Follow the prompts:
+# - Link to existing project? No
+# - Project name: multilingual-paperbase
+# - Directory: ./
+```
+
+### Step 3: Access Your Site
+Vercel will provide you with a URL like:
+`https://multilingual-paperbase.vercel.app`
+
+## Option 4: Firebase Hosting (Free Tier)
+
+Firebase offers reliable hosting with Google's infrastructure.
+
+### Step 1: Install Firebase CLI
+```bash
+npm install -g firebase-tools
+```
+
+### Step 2: Login and Initialize
+```bash
+# Login to Firebase
+firebase login
+
+# Initialize Firebase in your project
+firebase init hosting
+
+# Answer the prompts:
+# - Use existing project? No
+# - Project name: multilingual-paperbase
+# - Public directory: ./
+# - Configure as single-page app? No
+# - Overwrite index.html? No
+```
+
+### Step 3: Deploy
+```bash
+firebase deploy
+```
+
+Your site will be available at the URL provided by Firebase.
+
+## Option 5: Traditional Web Hosting
+
+If you have a traditional web hosting account:
+
+1. Upload all files to your web server's public directory
+2. Ensure `index.html` is in the root directory
+3. Your site will be available at your domain
+
+## Custom Domain Setup
+
+### GitHub Pages
+1. Go to repository Settings → Pages
+2. Under "Custom domain", enter your domain
+3. Add a CNAME record pointing to `YOUR_USERNAME.github.io`
+4. Create a `CNAME` file in your repository with your domain name
+
+### Netlify
+1. Go to Site settings → Domain management
+2. Click "Add custom domain"
+3. Follow the DNS configuration instructions
+
+### Vercel
+1. Go to your project dashboard
+2. Click "Settings" → "Domains"
+3. Add your domain and configure DNS
+
+## Post-Deployment Checklist
+
+After deploying, verify:
+
+- [ ] All pages load correctly
+- [ ] Search functionality works
+- [ ] Filters are working
+- [ ] Mobile responsiveness
+- [ ] No console errors
+- [ ] Images and assets load properly
+
+## Troubleshooting
+
+### Common Issues
+
+**Site not loading:**
+- Check if all files were uploaded
+- Verify `index.html` is in the root directory
+- Check browser console for errors
+
+**Search not working:**
+- Ensure `script.js` is properly loaded
+- Check if data files are accessible
+- Verify CORS settings if loading external data
+
+**Styling issues:**
+- Confirm `styles.css` is loaded
+- Check for CSS syntax errors
+- Verify file paths are correct
+
+### Performance Optimization
+
+1. **Compress images** if you have any
+2. **Minify CSS/JS** for production
+3. **Enable gzip compression** on your server
+4. **Use a CDN** for better global performance
+
+## Security Considerations
+
+- Keep your repository public if using GitHub Pages
+- Don't include sensitive data in your code
+- Use HTTPS (most platforms provide this automatically)
+- Regularly update dependencies if you add any
+
+## Maintenance
+
+- Regularly update your paper database
+- Monitor site performance
+- Keep backups of your data
+- Test on different browsers and devices
+
+---
+
+**Need help?** Open an issue on GitHub or check the platform's documentation for specific troubleshooting steps. 

PYTHON_README.md

@@ -0,0 +1,131 @@
+# Python Multilingual BibTeX Generator
+
+This Python script generates `multilingual_papers.bib` by filtering the original `anthology+abstracts.bib` file for multilingual NLP research papers.
+
+## Features
+
+- **Identical Logic**: Uses the same filtering logic as the JavaScript web application
+- **Comprehensive Detection**: Detects multilingual papers using keywords and language names
+- **LaTeX Cleaning**: Properly handles LaTeX commands and formatting
+- **Statistics**: Provides detailed statistics about the filtering process
+- **Safe Operation**: Checks for existing files and asks for confirmation before overwriting
+
+## Requirements
+
+- Python 3.6 or higher
+- No external dependencies (uses only standard library)
+
+## Usage
+
+1. **Place your files**: Ensure `anthology+abstracts.bib` is in the same directory as the script
+2. **Run the script**:
+   ```bash
+   python generate_multilingual_bib.py
+   ```
+3. **Follow prompts**: The script will ask for confirmation if `multilingual_papers.bib` already exists
+
+## Output
+
+The script will:
+- Generate `multilingual_papers.bib` containing only multilingual papers
+- Display statistics about the filtering process
+- Show the top 10 most common keywords found
+
+## Example Output
+
+```
+Reading anthology+abstracts.bib...
+Parsing BibTeX entries...
+Found 50000 total papers
+Found 2500 multilingual papers
+Generating BibTeX content...
+Writing to multilingual_papers.bib...
+Successfully generated multilingual_papers.bib with 2500 papers!
+
+Statistics:
+  Total papers processed: 50000
+  Multilingual papers found: 2500
+  Percentage multilingual: 5.0%
+
+Top 10 keywords found:
+  multilingual: 1200 papers
+  chinese: 800 papers
+  crosslingual: 600 papers
+  hindi: 400 papers
+  low-resource: 350 papers
+  korean: 300 papers
+  arabic: 250 papers
+  japanese: 200 papers
+  spanish: 180 papers
+  french: 150 papers
+```
+
+## Filtering Criteria
+
+The script uses the same criteria as the web application:
+
+### Multilingual Keywords
+- multilingual, crosslingual, multi-lingual, cross-lingual
+- low-resource language, low resource language
+- low-resource, low resource
+
+### Language Names
+- 100+ language names including: Hindi, Chinese, Korean, Arabic, Spanish, French, German, Japanese, etc.
+- Regional language variations and dialects
+
+## Customization
+
+You can modify the filtering criteria by editing the constants at the top of the script:
+
+```python
+MULTILINGUAL_KEYWORDS = [
+    'multilingual', 'crosslingual', 'multi lingual',
+    # Add your custom keywords here
+]
+
+LANGUAGE_NAMES = [
+    'afrikaans', 'albanian', 'amharic', 'arabic',
+    # Add more language names here
+]
+```
+
+## Error Handling
+
+The script includes robust error handling:
+- Checks for input file existence
+- Handles malformed BibTeX entries gracefully
+- Provides clear error messages
+- Asks for confirmation before overwriting existing files
+
+## Performance
+
+- Efficient regex-based parsing
+- Memory-efficient processing for large files
+- Fast keyword matching using set operations
+
+## Troubleshooting
+
+### File Not Found
+```
+Error: anthology+abstracts.bib not found in current directory.
+```
+**Solution**: Ensure the input file is in the same directory as the script.
+
+### No Papers Found
+```
+No multilingual papers found. Check your keywords and language lists.
+```
+**Solution**: Verify your BibTeX file contains papers with multilingual content, or adjust the keyword lists.
+
+### Encoding Issues
+If you encounter encoding errors, the script uses UTF-8 encoding. Ensure your BibTeX file is properly encoded.
+
+## Comparison with JavaScript Version
+
+This Python script produces identical results to the JavaScript web application:
+- Same filtering logic
+- Same LaTeX cleaning
+- Same BibTeX output format
+- Same keyword detection
+
+The main advantage is that it can be run independently without a web browser and provides detailed statistics about the filtering process. 

README.md

@@ -1,10 +1,152 @@
----
-title: Multilingual Paperbase
-emoji: 🏢
-colorFrom: yellow
-colorTo: purple
-sdk: static
-pinned: false
+# Multilingual Paper Database
+
+A modern, responsive web application for searching and browsing academic papers with multilingual support.
+
+## Features
+
+- 🔍 **Advanced Search**: Search across titles, abstracts, and authors with multiple keywords
+- 🌍 **Multilingual Support**: Search in multiple languages simultaneously
+- 📅 **Year Filtering**: Filter papers by publication year with dual-range slider
+- 🎯 **Conference Filtering**: Filter by specific conferences or venues
+- 📝 **Abstract Filtering**: Show/hide papers with or without abstracts
+- 📱 **Responsive Design**: Works perfectly on desktop, tablet, and mobile
+- ⚡ **Fast Performance**: Optimized for quick search and filtering
+- 🎨 **Modern UI**: Beautiful, intuitive interface with smooth animations
+
+## Quick Start
+
+1. **Clone the repository**:
+   ```bash
+   git clone https://github.com/crystina-z/multilingual-paper-database.git
+   cd multilingual-paper-database
+   ```
+
+2. **Open in your browser**:
+   Simply open `index.html` in your web browser, or serve it using a local server:
+   ```bash
+   # Using Python
+   python -m http.server 8000
+   
+   # Using Node.js
+   npx serve .
+   
+   # Using PHP
+   php -S localhost:8000
+   ```
+
+3. **Access the application**:
+   Open your browser and go to `http://localhost:8000`
+
+## Data Management
+
+### Adding Papers
+Use the Python script to add new papers to the database:
+```bash
+python generate_multilingual_bib.py
+```
+
+### Managing Conferences
+Edit `conferences.txt` to add or remove conferences from the filter options.
+
+## Deployment Options
+
+### 1. GitHub Pages (Recommended - Free)
+
+1. **Push to GitHub**:
+   ```bash
+   git add .
+   git commit -m "Initial commit"
+   git push origin main
+   ```
+
+2. **Enable GitHub Pages**:
+   - Go to your repository on GitHub
+   - Click "Settings" → "Pages"
+   - Select "Deploy from a branch"
+   - Choose "main" branch and "/ (root)" folder
+   - Click "Save"
+
+3. **Your site will be available at**:
+   `https://crystina-z.github.io/multilingual-paper-database`
+
+### 2. Netlify (Free Tier)
+
+1. **Drag & Drop**:
+   - Go to [netlify.com](https://netlify.com)
+   - Drag your project folder to the deploy area
+   - Your site is instantly live!
+
+2. **Or connect to Git**:
+   - Connect your GitHub repository
+   - Netlify will automatically deploy on every push
+
+### 3. Vercel (Free Tier)
+
+1. **Install Vercel CLI**:
+   ```bash
+   npm i -g vercel
+   ```
+
+2. **Deploy**:
+   ```bash
+   vercel
+   ```
+
+### 4. Firebase Hosting (Free Tier)
+
+1. **Install Firebase CLI**:
+   ```bash
+   npm install -g firebase-tools
+   ```
+
+2. **Initialize and deploy**:
+   ```bash
+   firebase login
+   firebase init hosting
+   firebase deploy
+   ```
+
+## Customization
+
+### Styling
+- Edit `styles.css` to customize colors, fonts, and layout
+- The design uses CSS custom properties for easy theming
+
+### Functionality
+- Modify `script.js` to add new features or change search behavior
+- Update the data structure in the JavaScript file to match your paper format
+
+### Data
+- Replace the sample data with your own paper database
+- Ensure your data follows the expected JSON structure
+
+## Browser Support
+
+- ✅ Chrome (recommended)
+- ✅ Firefox
+- ✅ Safari
+- ✅ Edge
+- ⚠️ Internet Explorer (limited support)
+
+## Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Make your changes
+4. Test thoroughly
+5. Submit a pull request
+
+## License
+
+This project is open source and available under the [MIT License](LICENSE).
+
+## Support
+
+If you encounter any issues or have questions:
+- Open an issue on GitHub
+- Check the browser console for error messages
+- Ensure all files are in the correct directory structure
+
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+**Happy researching! 🎓** 

add_conferences.py

@@ -0,0 +1,185 @@
+import re
+import json
+from collections import defaultdict
+
+
+# KNOWN_CONFERENCE_NAMES = ["COLING", "COLM", "EACL", "NAACL", "EMNLP", "AACL", "ACL"] # NOTE: NAACL and EACL need to come earlier than ACL
+CONFERENCE_NAME_TO_ABBR = {
+    "Conference on Dependency Linguistics": "DepLing",
+    "Conference on Language Modeling": "COLM",
+    "European Chapter of the Association for Computational Linguistics": "EACL",
+    "North American Chapter of the Association for Computational Linguistics": "NAACL",
+    "Empirical Methods in Natural Language Processing": "EMNLP",
+    "Association for Computational Linguistics": "ACL",
+    "Annual Meeting of the Association for Computational Linguistics": "ACL",
+    "International Workshop on Health Text Mining and Information Analysis": "LUOHI",
+    "Conference on Computational Semantics": "IWCS",
+    "Conference on Machine Translation": "WMT",
+    "Conference Recent Advances in Natural Language Processing": "RANLP",
+    "Conference on Computational Linguistics": "COLING",
+    "Conference of Computational Linguistics": "NODALIDA",
+    "Conference on Language Resources and Evaluation": "LREC",
+}
+
+UNNEEDED_DESCRIPTIONS = [
+    "Shared Task",
+    "Short Papers",
+    "Poster Papers",
+    "Poster",
+]
+
+KNOWN_CONFERENCE_NAMES = list(CONFERENCE_NAME_TO_ABBR.values())
+
+def extract_conference_info():
+    """Extract unique conferences from conferences.txt and save to JSON"""
+    
+    # Read the conferences file
+    with open('data/conferences.txt', 'r', encoding='utf-8') as f:
+        content = f.read()
+    
+    # Split by lines and clean up
+    all_lines = [line.strip() for line in content.split('\n') if line.strip()]
+    lines = list(set(all_lines))
+
+    # Dictionary to store unique conferences with their years
+    conferences = defaultdict(set)
+    abbr2count = defaultdict(int)
+
+    for line in lines:
+        # Remove leading/trailing braces and clean up
+        _count = all_lines.count(line)
+
+        line = line.strip(' \{\},')
+        # line = line.replace("{", "")
+        # line = line.replace("}", "")
+        # line = line.strip()
+
+        # Skip empty lines
+        if not line:
+            continue
+            
+        # Extract year from the conference name
+        year_match = re.search(r'\b(19|20)\d{2}\b', line)
+        year = year_match.group() if year_match else None
+        
+        # Extract the base conference name (remove year and common suffixes)
+        # Remove year from the name for grouping
+        base_name = re.sub(r'\b(19|20)\d{2}\b', '', line)
+        
+        # Remove common suffixes that don't affect the core conference name
+        if base_name.startswith("Findings"):
+            base_name = base_name.split(":")[-1].strip()
+        else:
+            base_name = re.sub(r'\s*:\s*.*$', '', base_name)  # Remove everything after colon
+            base_name = re.sub(r'\s*--\s*.*$', '', base_name)  # Remove everything after double dash
+        # remove everything within parentheses
+        base_name = re.sub(r'\s*\([^)]*\)\s*$', '', base_name)  # Remove trailing parentheses
+
+        base_name = re.sub(r'\s*\([^)]*\)\s*$', '', base_name)  # Remove trailing parentheses
+        base_name = re.sub(r'\s*Volume\s+\d+.*$', '', base_name, flags=re.IGNORECASE)  # Remove volume info
+        base_name = re.sub(r'\s*Proceedings\s+of\s+', '', base_name, flags=re.IGNORECASE)  # Remove "Proceedings of"
+
+        # Remove ordinal numbers (1st, 2nd, 3rd, 4th, 5th, 6th, 7th, 8th, 9th, 10th, 11th, 12th, etc.)
+        base_name = re.sub(r'\b\d+(?:st|nd|rd|th)\s+', '', base_name, flags=re.IGNORECASE)
+        base_name = base_name.replace("}", "")
+
+        # Remove any words before the first occurrence of "Conference"
+        conference_match = re.search(r'\bConference\b', base_name, re.IGNORECASE)
+        if conference_match:
+            start_pos = conference_match.start()
+            base_name = base_name[start_pos:]
+
+        # Remove "the First", "the Second", etc. from the beginning
+        base_name = re.sub(r'^the\s+(?:First|Second|Third|Fourth|Fifth|Sixth|Seventh|Eighth|Ninth|Tenth|Eleventh|Twelfth|Thirteenth|Fourteenth|Fifteenth|Sixteenth|Seventeenth|Eighteenth|Nineteenth|Twentieth|Twenty-first|Twenty-second|Twenty-third|Twenty-fourth|Twenty-fifth|Twenty-sixth|Twenty-seventh|Twenty-eighth|Twenty-ninth|Thirtieth|Thirty-first|Thirty-second|Thirty-third|Thirty-fourth|Thirty-fifth|Thirty-sixth|Thirty-seventh|Thirty-eighth|Thirty-ninth|Fortieth|Forty-first|Forty-second|Forty-third|Forty-fourth|Forty-fifth|Forty-sixth|Forty-seventh|Forty-eighth|Forty-ninth|Fiftieth|Fifty-first|Fifty-second|Fifty-third|Fifty-fourth|Fifty-fifth|Fifty-sixth|Fifty-seventh|Fifty-eighth|Fifty-ninth|Sixtieth|Sixty-first|Sixty-second|Sixty-third|Sixty-fourth|Sixty-fifth|Sixty-sixth|Sixty-seventh|Sixty-eighth|Sixty-ninth|Seventieth|Seventy-first|Seventy-second|Seventy-third|Seventy-fourth|Seventy-fifth|Seventy-sixth|Seventy-seventh|Seventy-eighth|Seventy-ninth|Eightieth|Eighty-first|Eighty-second|Eighty-third|Eighty-fourth|Eighty-fifth|Eighty-sixth|Eighty-seventh|Eighty-eighth|Eighty-ninth|Ninetieth|Ninety-first|Ninety-second|Ninety-third|Ninety-fourth|Ninety-fifth|Ninety-sixth|Ninety-seventh|Ninety-eighth|Ninety-ninth|Hundredth)\s+', '', base_name, flags=re.IGNORECASE)
+        
+        # Remove Roman numerals (I, II, III, IV, V, VI, VII, VIII, IX, X, XI, XII, XIII, XIV, XV, XVI, XVII, XVIII, XIX, XX, etc.)
+        # This needs to happen BEFORE punctuation removal to catch Roman numerals properly
+        # More comprehensive pattern to catch all Roman numerals
+        base_name = re.sub(r'\b(?:I{1,3}|IV|VI{0,3}|IX|X{1,3}|XI{0,3}|XV|XX{0,3}|XXX{0,3}|XL|L|LX{0,3}|LXX{0,3}|LXXX|XC|C|CC{0,3}|CD|D|DC{0,3}|DCC{0,3}|DCCC|CM|M{0,3})\b', '', base_name)
+        
+        # Also try a simpler approach - remove any sequence of I, V, X, L, C, D, M that looks like a Roman numeral
+        base_name = re.sub(r'\b[IVXLCDM]+\b', '', base_name)
+        
+        # Replace punctuation with whitespace
+        base_name = re.sub(r'[^\w\s]', ' ', base_name)
+
+        # Replace all numbers with whitespace 
+        base_name = re.sub(r'\d+', ' ', base_name)
+
+        # base_name = base_name.replace("Shared Task ", "")
+        for unneeded_description in UNNEEDED_DESCRIPTIONS:
+            base_name = base_name.replace(unneeded_description, "")
+
+        for conf_name, conf_abbr in CONFERENCE_NAME_TO_ABBR.items():
+            if conf_name.lower() in base_name.lower():
+                base_name = base_name.replace(conf_name, conf_abbr)
+                break
+
+        for conf in KNOWN_CONFERENCE_NAMES:
+            if conf.lower() in base_name.lower():
+                base_name = conf
+                break
+
+        if "de la" in base_name or " le " in base_name or base_name == "Conference":
+            base_name = "Others"
+
+        if "Multi lingual" in base_name:
+            base_name = base_name.replace("Multi lingual", "Multilingual")
+
+        # Clean up extra whitespace and consecutive whitespace
+        base_name = re.sub(r'\s+', ' ', base_name).strip()
+
+        # Skip if base name is too short
+        # if len(base_name) < 5:
+        #     base_name = "Unknown"
+
+        # Add to conferences dictionary
+        # if year:
+        #     conferences[base_name].add(int(year))
+        # else:
+        #     conferences[base_name].add(None)
+        conferences[base_name].add(line)
+        abbr2count[base_name] += _count
+
+    # conf_abbr2keywords = {
+    #     "ACL": ["Association for Computational Linguistics"],
+    #     "EMNLP": ["Empirical Methods in Natural Language Processing"],
+    #     "NAACL": ["North American Chapter of the Association for Computational Linguistics"],
+    #     "EACL": ["European Chapter of the Association for Computational Linguistics"],
+    #     "COLM": ["Conference on Computational Linguistics"],
+    # }
+
+    # print(f"Found {len(conferences)} unique conferences from {len(lines)} lines")
+    # for i, conf in enumerate(sorted(conferences.keys())):
+    #     print(f"{i+1}. {conf}")
+    #     if i > 200: break
+    # import pdb; pdb.set_trace()
+
+    conference_to_save = {}
+    others = []
+    for i, (conf, count) in enumerate(sorted(abbr2count.items(), key=lambda x: x[1], reverse=True)):
+        ratio = count / len(all_lines)
+        if ratio < 0.001 or conf == "Others":
+            others.append((conf, count))
+            continue
+
+        conference_to_save[conf] = {
+            "count": count,
+            "conferences": tuple(conferences[conf]),
+        }
+        print(f"{i+1}. {conf}: {count} [{ratio * 100:.1f}%]")
+
+    conference_to_save[f"Others ({len(others)} Venues)"] = {
+        "count": sum(count for conf, count in others),
+        "conferences": tuple(conf for conf, count in others),
+    }
+
+    # Save to JSON file
+    with open('data/unique_conferences.json', 'w', encoding='utf-8') as f:
+        json.dump(conference_to_save, f, indent=2, ensure_ascii=False)
+
+    print(f"Extracted {len(conference_to_save)} unique conferences")
+    print(f"Saved to data/unique_conferences.json")
+    
+if __name__ == "__main__":
+    extract_conference_info()

data/.gitattributes

@@ -0,0 +1,5 @@
+multilingual_papers.bib filter=lfs diff=lfs merge=lfs -text
+unique_conferences.json filter=lfs diff=lfs merge=lfs -text
+anthology+abstracts.bib filter=lfs diff=lfs merge=lfs -text
+conferences.txt filter=lfs diff=lfs merge=lfs -text
+multilingual_papers-v0.bib filter=lfs diff=lfs merge=lfs -text

data/anthology+abstracts.bib

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:4b7a39730b6ca587233c6fdea9391d4a24442e79ef71a07df6deb5e43cb6be09
+size 142896111

data/conferences.txt

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:9d925ff7b4fb2b0c557f076e4f7bac9e565d18f53258e3289576e09e5a3fdfca
+size 3190178

data/multilingual_papers-v0.bib

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:39d4b42383f677e85f4b6776594b40ef411aea031e40b74f4b4881f3ab55a3eb
+size 32970642

data/multilingual_papers.bib

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f769ba08f9c20651e0a23324a099ade206fd028a115c67eebbe64894e149d033
+size 32429626

data/unique_conferences.json

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:0189f438acf3ec8f1c98d09c56eb7b9222484af7cd8d7413d54388cb93dc708a
+size 190073

generate_multilingual_bib.py

@@ -0,0 +1,291 @@
+#!/usr/bin/env python3
+"""
+Multilingual Paper BibTeX Generator
+
+This script parses anthology+abstracts.bib and generates multilingual_papers.bib
+containing only papers related to multilingual NLP research.
+
+Usage:
+    python generate_multilingual_bib.py
+
+Requirements:
+    - anthology+abstracts.bib file in the same directory
+"""
+
+import re
+import os
+from typing import List, Dict, Set
+from tqdm import tqdm
+from collections import defaultdict
+
+# Multilingual keywords for filtering (same as JavaScript version)
+MULTILINGUAL_KEYWORDS = [
+    'multilingual', 'crosslingual', 'multi lingual', 'cross lingual', 
+    'multi-lingual', 'cross-lingual', 'low-resource language', 'low resource language', 
+    # 'low-resource', 'low resource',
+    'multi-language', 'multi language', 'cross-language', 'cross language',
+    'language transfer', 
+    'code-switching', 'code switching', 'language adaptation',
+    'language pair', 'bilingual', 'trilingual', 'polyglot',
+    # 'machine translation', 'neural machine translation', 'speech translation', 'translation', 'nmt',
+    'translation', "nmt",
+    'transliteration',
+    'multilingual bert', 'xlm', 'mbert', 'xlm-roberta',
+    'language identification', 'language detection'
+]
+
+# Language names for filtering (same as JavaScript version)
+LANGUAGE_NAMES = [
+    'afrikaans', 'albanian', 'amharic', 'arabic', 'armenian', 'azerbaijani', 'basque', 'belarusian', 'bengali', 'bosnian', 'bulgarian', 'catalan', 'cebuano', 'chinese', 'croatian', 'czech', 'danish', 'dutch', 'esperanto', 'estonian', 'filipino', 'finnish', 'french', 'galician', 'georgian', 'german', 'greek', 'gujarati', 'haitian', 'hausa', 'hawaiian', 'hebrew', 'hindi', 'hmong', 'hungarian', 'icelandic', 'igbo', 'indonesian', 'irish', 'italian', 'japanese', 'javanese', 'kannada', 'kazakh', 'khmer', 'korean', 'kurdish', 'kyrgyz', 'lao', 'latin', 'latvian', 'lithuanian', 'luxembourgish', 'macedonian', 'malagasy', 'malay', 'malayalam', 'maltese', 'maori', 'marathi', 'mongolian', 'myanmar', 'nepali', 'norwegian', 'odia', 'pashto', 'persian', 'polish', 'portuguese', 'punjabi', 'romanian', 'russian', 'samoan', 'scots gaelic', 'serbian', 'sesotho', 'shona', 'sindhi', 'sinhala', 'slovak', 'slovenian', 'somali', 'spanish', 'sundanese', 'swahili', 'swedish', 'tagalog', 'tajik', 'tamil', 'telugu', 'thai', 'turkish', 'ukrainian', 'urdu', 'uzbek', 'vietnamese', 'welsh', 'xhosa', 'yiddish', 'yoruba', 'zulu',
+    # Additional language variations and names
+    'mandarin', 'cantonese', 'hindi', 'urdu', 'bengali', 'tamil', 'telugu', 'marathi', 'gujarati', 'kannada', 'malayalam', 'punjabi', 'odia', 'assamese', 'maithili', 'sanskrit', 'kashmiri', 'konkani', 'manipuri', 'nepali', 'sindhi', 'dogri', 'bodo', 'santali', 'khasi', 'mizo', 'garo', 'naga', 'tibetan', 'dzongkha', 'sikkimese', 'lepcha', 'limbu', 'tamang', 'gurung', 'magar', 'tharu', 'tulu'
+    'african', 'indian', "asian", "indigenous",
+]
+
+def clean_latex_commands(text: str) -> str:
+    """
+    Clean LaTeX commands from text (same logic as JavaScript version).
+    """
+    if not text:
+        return ''
+    
+    # Remove LaTeX commands with braces
+    text = re.sub(r'\\[a-zA-Z]+\{([^}]*)\}', r'\1', text)
+    # Remove simple LaTeX commands
+    text = re.sub(r'\\[a-zA-Z]+', '', text)
+    # Remove braces
+    text = re.sub(r'\{\\?([^}]*)\}', r'\1', text)
+    # Replace escaped characters
+    text = text.replace('\\"', '"')
+    text = text.replace("\\'", "'")
+    text = text.replace('\\&', '&')
+    text = text.replace('\\%', '%')
+    text = text.replace('\\_', '_')
+    text = text.replace('\\$', '$')
+    # Normalize whitespace
+    text = re.sub(r'\s+', ' ', text)
+    
+    return text.strip()
+
+def is_multilingual_paper(paper: Dict[str, str]) -> bool:
+    """
+    Determine if a paper is multilingual (same logic as JavaScript version).
+    """
+    text = f"{paper.get('title', '')} {paper.get('abstract', '')}".lower()
+    
+    # Check for multilingual keywords
+    for keyword in MULTILINGUAL_KEYWORDS:
+        if keyword.lower() in text:
+            return True, keyword
+
+    # Check for language names
+    for language in LANGUAGE_NAMES:
+        # require language to be matched perfectly
+        if language.lower() in text.split():
+            return True, language
+
+    return False, None
+
+def extract_keywords(paper: Dict[str, str]) -> Set[str]:
+    """
+    Extract multilingual keywords from a paper (same logic as JavaScript version).
+    """
+    keywords = set()
+    text = f"{paper.get('title', '')} {paper.get('abstract', '')}".lower()
+    
+    # Extract multilingual keywords
+    for keyword in MULTILINGUAL_KEYWORDS:
+        if keyword.lower() in text:
+            keywords.add(keyword)
+    
+    # Extract language names
+    for language in LANGUAGE_NAMES:
+        if language.lower() in text:
+            keywords.add(language)
+    
+    return keywords
+
+def parse_bibtex_entry(entry: str) -> Dict[str, str]:
+    """
+    Parse a single BibTeX entry (same logic as JavaScript version).
+    """
+    paper = {}
+    
+    # Extract entry type and key
+    type_match = re.match(r'@(\w+)\{([^,]+)', entry)
+    if type_match:
+        paper['type'] = type_match.group(1)
+        paper['key'] = type_match.group(2)
+    else:
+        # If we can't parse the type/key, skip this entry
+        return None
+
+    # Extract fields
+    fields = ['title', 'author', 'abstract', 'year', 'booktitle', 'journal', 'pages']
+    
+    for field in fields:
+        # Match both {content} and "content" formats
+        pattern = rf'{field}\s*=\s*{{([^}}]*)}}|{field}\s*=\s*"([^"]*)"'
+        match = re.search(pattern, entry, re.IGNORECASE)
+        if match:
+            value = match.group(1) or match.group(2)
+            # Clean up LaTeX commands
+            value = clean_latex_commands(value)
+            paper[field] = value.strip()
+    
+    # Extract year from key if not found in fields
+    if not paper.get('year') and paper.get('key'):
+        year_match = re.search(r'\d{4}', paper['key'])
+        if year_match:
+            paper['year'] = year_match.group(0)
+    
+    # Determine if paper is multilingual
+    paper['is_multilingual'], matched_keyword = is_multilingual_paper(paper)
+    paper['keywords'] = list(extract_keywords(paper))
+    paper['matched_keyword'] = matched_keyword
+
+    return paper
+
+def parse_bibtex(bib_text: str) -> List[Dict[str, str]]:
+    """
+    Parse BibTeX text into list of paper dictionaries (same logic as JavaScript version).
+    """
+    papers = []
+    # Split by @ to get individual entries
+    entries = re.split(r'(?=@)', bib_text)
+    n_missing, n_total = 0, len(entries)
+
+    for entry in tqdm(entries, desc="Parsing BibTeX entries"):
+        if not entry.strip():
+            continue
+
+        # try:
+        paper = parse_bibtex_entry(entry)
+        if paper and (paper.get('title') or paper.get('abstract')):
+            papers.append(paper)
+        elif paper is None:
+            n_missing += 1
+            # print(f"Warning: Skipping malformed entry (no type/key found)")
+        # except Exception as e:
+            # print(f"Warning: Error parsing entry: {e}")
+            continue
+
+    keyword2count = defaultdict(int)
+    for paper in papers:
+        if not paper['matched_keyword']: continue
+        keyword2count[paper['matched_keyword']] += 1
+    n_multilingual_papers = sum(keyword2count.values())
+
+    print(f"Found {len(papers)} papers out of {n_total} total papers. Ratio: {len(papers)/n_total*100:.1f}%")
+    print(f"Missing {n_missing} papers out of {n_total} total papers. Ratio: {n_missing/n_total*100:.1f}%")
+
+    # sort by keyword count
+    keyword2count = sorted(keyword2count.items(), key=lambda x: x[1], reverse=True)
+    for keyword, count in keyword2count:
+        print(f"\t {keyword}: {count} papers ({count/n_multilingual_papers*100:.1f}%)")
+
+    return papers
+
+def generate_bibtex_content(papers: List[Dict[str, str]]) -> str:
+    """
+    Generate BibTeX content from paper dictionaries (same logic as JavaScript version).
+    """
+    content = ''
+
+    for paper in tqdm(papers, desc="Generating BibTeX content"):
+        # Check if paper has required fields
+        if not paper.get('type') or not paper.get('key'):
+            print(f"Warning: Skipping paper without type or key: {paper.get('title', 'Unknown')[:50]}...")
+            continue
+            
+        # Reconstruct the original BibTeX entry
+        content += f"@{paper['type']}{{{paper['key']},\n"
+        
+        fields = ['title', 'author', 'abstract', 'year', 'booktitle', 'journal', 'pages']
+        for field in fields:
+            if paper.get(field):
+                content += f"  {field} = {{{paper[field]}}},\n"
+        
+        # Remove trailing comma and add closing brace
+        content = content.rstrip(',\n') + '\n'
+        content += '}\n\n'
+    
+    return content
+
+def main():
+    """
+    Main function to generate multilingual_papers.bib.
+    """
+    input_file = 'data/anthology+abstracts.bib'
+    output_file = 'data/multilingual_papers.bib'
+    
+    # Check if input file exists
+    if not os.path.exists(input_file):
+        print(f"Error: {input_file} not found in current directory.")
+        print("Please ensure the file exists and run the script again.")
+        return
+    
+    # Check if output file already exists
+    if os.path.exists(output_file):
+        print(f"Warning: {output_file} already exists.")
+        response = input("Do you want to overwrite it? (y/N): ")
+        if response.lower() != 'y':
+            print("Operation cancelled.")
+            return
+    
+    print(f"Reading {input_file}...")
+    
+    # try:
+    if True:
+        # Read the input file
+        with open(input_file, 'r', encoding='utf-8') as f:
+            bib_text = f.read()
+        
+        all_papers = parse_bibtex(bib_text)
+        print(f"Found {len(all_papers)} total papers")
+
+        # Filter multilingual papers
+        multilingual_papers = [paper for paper in all_papers if paper['is_multilingual']]
+        print(f"Found {len(multilingual_papers)} multilingual papers out of {len(all_papers)} total papers. Ratio: {len(multilingual_papers)/len(all_papers)*100:.1f}%")
+
+        if not multilingual_papers:
+            print("No multilingual papers found. Check your keywords and language lists.")
+            return
+
+        # Generate BibTeX content
+        print("Generating BibTeX content...")
+        bib_content = generate_bibtex_content(multilingual_papers)
+        
+        # Write to output file
+        print(f"Writing to {output_file}...")
+        with open(output_file, 'w', encoding='utf-8') as f:
+            f.write(bib_content)
+        
+        print(f"Successfully generated {output_file} with {len(multilingual_papers)} papers!")
+        
+        # Show some statistics
+        print("\nStatistics:")
+        print(f"  Total papers processed: {len(all_papers)}")
+        print(f"  Multilingual papers found: {len(multilingual_papers)}")
+        print(f"  Percentage multilingual: {len(multilingual_papers)/len(all_papers)*100:.1f}%")
+        
+        # Show top keywords
+        all_keywords = []
+        for paper in multilingual_papers:
+            all_keywords.extend(paper['keywords'])
+        
+        keyword_counts = {}
+        for keyword in all_keywords:
+            keyword_counts[keyword] = keyword_counts.get(keyword, 0) + 1
+        
+        top_keywords = sorted(keyword_counts.items(), key=lambda x: x[1], reverse=True)[:10]
+        print("\nTop 10 keywords found:")
+        for keyword, count in top_keywords:
+            print(f"  {keyword}: {count} papers")
+        
+    # except Exception as e:
+    #     print(f"Error: {e}")
+    #     return
+
+if __name__ == "__main__":
+    main() 

index.html

@@ -1,19 +1,305 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Multilingual Paper Database</title>
+    <link rel="stylesheet" href="styles.css">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
+    <!-- <base href="/multilingual-paperbase/"> -->
+</head>
+<body>
+    <div class="container">
+        <header class="header">
+            <div class="header-content">
+                <h1 class="title">
+                    <i class="fas fa-globe"></i>
+                    Multilingual Paper Database
+                </h1>
+                <p class="subtitle">Filter and search through multilingual NLP research papers</p>
+            </div>
+        </header>
+
+        <main class="main-content">
+            <div class="search-section">
+                <div class="search-container">
+                    <div class="search-stats">
+                        <span id="resultCount">Loading papers...</span>
+                    </div>
+                    <div class="search-box">
+                        <i class="fas fa-search search-icon"></i>
+                        <input 
+                            type="text" 
+                            id="searchInput" 
+                            placeholder="Add keyword to search papers..."
+                            class="search-input"
+                        >
+                        <button id="addSearchKeyword" class="add-keyword-btn search-add-btn" title="Add search keyword">
+                            <i class="fas fa-plus"></i>
+                        </button>
+                        <button id="clearSearch" class="clear-btn" title="Clear all search keywords">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                    <div class="search-keywords-container" id="searchKeywordsContainer">
+                        <!-- Search keywords will be displayed here -->
+                    </div>
+                </div>
+                
+                <div class="search-container">
+                    <div class="search-stats">
+                        <span id="removeResultCount">All papers included</span>
+                    </div>
+                    <div class="search-box remove-search-box">
+                        <i class="fas fa-minus-circle search-icon"></i>
+                        <input 
+                            type="text" 
+                            id="removeSearchInput" 
+                            placeholder="Add keyword to remove papers..."
+                            class="search-input"
+                        >
+                        <button id="addRemoveKeyword" class="add-keyword-btn" title="Add removal keyword">
+                            <i class="fas fa-plus"></i>
+                        </button>
+                        <button id="clearRemoveSearch" class="clear-btn" title="Clear all removal keywords">
+                            <i class="fas fa-times"></i>
+                        </button>
+                    </div>
+                    <div class="remove-keywords-container" id="removeKeywordsContainer">
+                        <!-- Removal keywords will be displayed here -->
+                    </div>
+                </div>
+            </div>
+
+            <div class="filters-section">
+                <div class="year-filter">
+                    <label class="filter-label">
+                        <i class="fas fa-calendar-alt"></i>
+                        Publication Year: <span id="yearRange">All Years</span>
+                    </label>
+                    <div class="year-input-container">
+                        <div class="year-input-group">
+                            <label for="yearInputMin">From:</label>
+                            <input 
+                                type="number" 
+                                id="yearInputMin" 
+                                class="year-input" 
+                                min="1960" 
+                                max="2025" 
+                                value="1960"
+                                placeholder="1960"
+                            >
+                        </div>
+                        <div class="year-input-group">
+                            <label for="yearInputMax">To:</label>
+                            <input 
+                                type="number" 
+                                id="yearInputMax" 
+                                class="year-input" 
+                                min="1960" 
+                                max="2025" 
+                                value="2025"
+                                placeholder="2025"
+                            >
+                        </div>
+                    </div>
+                    <button id="clearYearFilter" class="clear-year-btn" title="Clear year filter">
+                        <i class="fas fa-times"></i>
+                        Clear
+                    </button>
+                </div>
+                
+                <div class="conference-filter">
+                    <label class="filter-label">
+                        <i class="fas fa-building"></i>
+                        Conference: <span id="conferenceCount">All Conferences</span>
+                        <span class="conference-hint">(Hold Ctrl/Cmd to select multiple conferences)</span>
+                    </label>
+                    <div class="conference-select-container">
+                        <select id="conferenceSelect" class="conference-select" multiple>
+                            <!-- Conference options will be populated here -->
+                        </select>
+                        <div class="selected-conferences" id="selectedConferences">
+                            <!-- Selected conferences will be displayed here -->
+                        </div>
+                    </div>
+                    <button id="clearConferenceFilter" class="clear-conference-btn" title="Clear conference filter">
+                        <i class="fas fa-times"></i>
+                        Clear
+                    </button>
+                </div>
+                
+                <div class="abstract-filter">
+                    <label class="filter-label">
+                        <i class="fas fa-file-text"></i>
+                        Missing Information Filter
+                    </label>
+                    <div class="abstract-filter-container">
+                        <div class="filter-option">
+                            <label class="checkbox-label">
+                                <input type="checkbox" id="includeNoAbstract" checked>
+                                <span class="checkmark"></span>
+                                Include papers without abstracts
+                                <span class="filter-info" id="abstractFilterInfo">(Showing all papers)</span>
+                            </label>
+                        </div>
+                        <div class="filter-option">
+                            <label class="checkbox-label">
+                                <input type="checkbox" id="includeNoAuthor" checked>
+                                <span class="checkmark"></span>
+                                Include papers without author information
+                                <span class="filter-info" id="authorFilterInfo">(Showing all papers)</span>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="starred-filter">
+                    <!-- <label class="filter-label">
+                        <i class="fas fa-star"></i>
+                        Starred Papers Filter
+                    </label> -->
+                    <!-- <div class="starred-filter-container"> -->
+                        <div class="filter-option">
+                            <label class="checkbox-label">
+                                <input type="checkbox" id="showOnlyStarred">
+                                <span class="checkmark"></span>
+                                Show only starred papers
+                                <span class="filter-info" id="starredFilterInfo">(Showing all papers)</span>
+                            </label>
+                        </div>
+                    <!-- </div> -->
+                </div>
+            </div>
+
+            <div class="export-section">
+                <div class="export-container">
+                    <h3 class="export-title">
+                        <i class="fas fa-save"></i>
+                        Save & Load Filters
+                    </h3>
+                    <div class="export-buttons">
+                        <button id="saveStatus" class="export-btn save-btn" title="Save current filter status and results">
+                            <i class="fas fa-download"></i>
+                            Save Status
+                        </button>
+                        <button id="loadStatus" class="export-btn load-btn" title="Load previously saved filter status">
+                            <i class="fas fa-upload"></i>
+                            Load Status
+                        </button>
+                        <button id="exportBibTeX" class="export-btn export-bib-btn" title="Export current filtered results to BibTeX">
+                            <i class="fas fa-file-export"></i>
+                            Export BibTeX
+                        </button>
+                        <button id="exportStarred" class="export-btn export-starred-btn" title="Export starred papers to BibTeX">
+                            <i class="fas fa-star"></i>
+                            Export Starred (0)
+                        </button>
+                    </div>
+                </div>
+                <!-- <div class="export-info">
+                    <p><i class="fas fa-info-circle"></i> Save current search filters and results to restore later, or export the filtered papers as BibTeX.</p>
+                </div> -->
+            </div>
+
+            <div class="pagination-section">
+                <div class="pagination-info">
+                    <span id="paginationInfo">Showing 1-10 of 0 papers</span>
+                </div>
+                <div class="pagination-controls">
+                    <button id="prevPage" class="pagination-btn" disabled>
+                        <i class="fas fa-chevron-left"></i>
+                        Previous
+                    </button>
+                    <div class="page-numbers" id="pageNumbers">
+                        <!-- Page numbers will be generated here -->
+                    </div>
+                    <div class="page-input-container">
+                        <label for="pageInput" class="page-input-label">Go to:</label>
+                        <input 
+                            type="number" 
+                            id="pageInput" 
+                            class="page-input" 
+                            min="1" 
+                            placeholder="Page"
+                            title="Enter page number"
+                        >
+                        <button id="goToPage" class="page-go-btn" title="Go to page">
+                            <i class="fas fa-arrow-right"></i>
+                        </button>
+                    </div>
+                    <button id="nextPage" class="pagination-btn" disabled>
+                        Next
+                        <i class="fas fa-chevron-right"></i>
+                    </button>
+                </div>
+            </div>
+
+            <div class="papers-container">
+                <div id="papersList" class="papers-list">
+                    <!-- Papers will be loaded here -->
+                </div>
+                
+                <div id="loadingIndicator" class="loading">
+                    <div class="spinner"></div>
+                    <p>Loading papers...</p>
+                </div>
+
+                <div id="noResults" class="no-results" style="display: none;">
+                    <i class="fas fa-search"></i>
+                    <h3>No papers found</h3>
+                    <p>Try adjusting your search terms or filters</p>
+                </div>
+            </div>
+        </main>
+
+        <footer class="footer">
+            <p>&copy; 2025 Multilingual Paper Database</p>
+        </footer>
+    </div>
+
+    <!-- Paper Detail Modal -->
+    <div id="paperModal" class="modal">
+        <div class="modal-content">
+            <div class="modal-header">
+                <div class="modal-title-container">
+                    <h2 id="modalTitle"></h2>
+                    <button class="star-button" id="modalStarButton" title="Add to starred">
+                        <i class="far fa-star"></i>
+                    </button>
+                    <button class="find-paper-btn" id="modalFindPaperButton" title="Search for this paper on Google">
+                        <i class="fas fa-search"></i>
+                    </button>
+                </div>
+            </div>
+            <div class="modal-body">
+                <div class="paper-details">
+                    <div class="detail-section">
+                        <h3><i class="fas fa-users"></i> Authors</h3>
+                        <p id="modalAuthors"></p>
+                    </div>
+                    <div class="detail-section">
+                        <h3><i class="fas fa-book"></i> Abstract</h3>
+                        <p id="modalAbstract"></p>
+                    </div>
+                    <div class="detail-section">
+                        <h3><i class="fas fa-calendar"></i> Year</h3>
+                        <p id="modalYear"></p>
+                    </div>
+                    <div class="detail-section">
+                        <h3><i class="fas fa-building"></i> Conference</h3>
+                        <p id="modalConference"></p>
+                    </div>
+                    <div class="detail-section">
+                        <h3><i class="fas fa-tags"></i> Keywords</h3>
+                        <p id="modalKeywords"></p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <script src="script.js"></script>
+</body>
+</html> 

requirements.txt

@@ -0,0 +1,5 @@
+# No external dependencies required for this script
+# Uses only Python standard library modules:
+# - re (regular expressions)
+# - os (operating system interface)
+# - typing (type hints) 

script.js

@@ -0,0 +1,1598 @@
+// Global variables
+let allPapers = [];
+let filteredPapers = [];
+let searchKeywords = [];
+let removeSearchKeywords = [];
+let currentPage = 1;
+let papersPerPage = 10;
+let selectedYearMin = 1960;
+let selectedYearMax = 2025;
+let yearFilterActive = false;
+let selectedConferences = [];
+let conferenceFilterActive = false;
+let conferencesData = {};
+let includeNoAbstract = true;
+let abstractFilterActive = false;
+let includeNoAuthor = true;
+let authorFilterActive = false;
+let showOnlyStarred = false;
+let starredFilterActive = false;
+let starredPapers = []; // Array to store starred paper keys
+
+// Multilingual keywords for filtering
+const multilingualKeywords = [
+    'multilingual', 'crosslingual', 'multi lingual', 'cross lingual', 
+    'multi-lingual', 'cross-lingual', 'low-resource language', 'low resource language', 
+    'multi-language', 'multi language', 'cross-language', 'cross language',
+    'language transfer', 
+    'code-switching', 'code switching', 'language adaptation',
+    'language pair', 'bilingual', 'trilingual', 'polyglot',
+    'translation', "nmt",
+    'transliteration',
+    'multilingual bert', 'xlm', 'mbert', 'xlm-roberta',
+    'language identification', 'language detection'
+]
+
+// Language names for filtering
+const languageNames = [
+    'english', 'afrikaans', 'albanian', 'amharic', 'arabic', 'armenian', 'azerbaijani', 'basque', 'belarusian', 'bengali', 'bosnian', 'bulgarian', 'catalan', 'cebuano', 'chinese', 'croatian', 'czech', 'danish', 'dutch', 'esperanto', 'estonian', 'filipino', 'finnish', 'french', 'galician', 'georgian', 'german', 'greek', 'gujarati', 'haitian', 'hausa', 'hawaiian', 'hebrew', 'hindi', 'hmong', 'hungarian', 'icelandic', 'igbo', 'indonesian', 'irish', 'italian', 'japanese', 'javanese', 'kannada', 'kazakh', 'khmer', 'korean', 'kurdish', 'kyrgyz', 'lao', 'latin', 'latvian', 'lithuanian', 'luxembourgish', 'macedonian', 'malagasy', 'malay', 'malayalam', 'maltese', 'maori', 'marathi', 'mongolian', 'myanmar', 'nepali', 'norwegian', 'odia', 'pashto', 'persian', 'polish', 'portuguese', 'punjabi', 'romanian', 'russian', 'samoan', 'scots gaelic', 'serbian', 'sesotho', 'shona', 'sindhi', 'sinhala', 'slovak', 'slovenian', 'somali', 'spanish', 'sundanese', 'swahili', 'swedish', 'tagalog', 'tajik', 'tamil', 'telugu', 'thai', 'turkish', 'ukrainian', 'urdu', 'uzbek', 'vietnamese', 'welsh', 'xhosa', 'yiddish', 'yoruba', 'zulu',
+    // Additional language variations and names
+    'mandarin', 'cantonese', 'hindi', 'urdu', 'bengali', 'tamil', 'telugu', 'marathi', 'gujarati', 'kannada', 'malayalam', 'punjabi', 'odia', 'assamese', 'maithili', 'sanskrit', 'kashmiri', 'konkani', 'manipuri', 'nepali', 'sindhi', 'dogri', 'bodo', 'santali', 'khasi', 'mizo', 'garo', 'naga', 'tibetan', 'dzongkha', 'sikkimese', 'lepcha', 'limbu', 'tamang', 'gurung', 'magar', 'tharu', 'rajbanshi', 'bhojpuri', 'awadhi', 'chhattisgarhi', 'haryanvi', 'braj', 'bundeli', 'bagheli', 'chhattisgarhi', 'garhwali', 'kumaoni', 'jaunsari', 'kangri', 'mandeali', 'himachali', 'pahari', 'dogri', 'kashmiri', 'ladakhi', 'balti', 'shina', 'burushaski', 'khowar', 'wakhi', 'domaki', 'kohistani', 'torwali', 'palula', 'sawi', 'gawar-bati', 'kalasha', 'dameli', 'phalura', 'savi', 'kundal shahi', 'bateri', 'chilisso', 'gawro', 'kalkoti', 'kashmiri', 'kohistani', 'palula', 'sawi', 'shina', 'torwali', 'wakhi', 'yidgha', 'zangskari', 'balti', 'burushaski', 'domaki', 'khowar', 'shina', 'wakhi', 'domaki', 'kohistani', 'torwali', 'palula', 'sawi', 'gawar-bati', 'kalasha', 'dameli', 'phalura', 'savi', 'kundal shahi', 'bateri', 'chilisso', 'gawro', 'kalkoti', 'kashmiri', 'kohistani', 'palula', 'sawi', 'shina', 'torwali', 'wakhi', 'yidgha', 'zangskari',
+    'african', 'indian', 'indic', 'asian', "indigenous",
+];
+
+// Initialize the application
+document.addEventListener('DOMContentLoaded', function() {
+    initializeApp();
+});
+
+async function initializeApp() {
+    try {
+        await Promise.all([
+            loadBibTeXFile(),
+            loadConferencesData()
+        ]);
+        setupEventListeners();
+        populateConferenceSelect();
+        updateAbstractFilterInfo();
+        updateAuthorFilterInfo();
+        updateStarredFilterInfo();
+        updateSearchKeywordsDisplay();
+        updateRemoveKeywordsDisplay();
+        updateStarredCount(); // Initialize starred count
+        console.log('Initial filter states:', { 
+            includeNoAbstract, 
+            abstractFilterActive, 
+            includeNoAuthor, 
+            authorFilterActive 
+        });
+        filterPapers();
+    } catch (error) {
+        console.error('Error initializing app:', error);
+        showError('Failed to load papers. Please refresh the page.');
+    }
+}
+
+async function loadBibTeXFile() {
+    const loadingIndicator = document.getElementById('loadingIndicator');
+    const papersList = document.getElementById('papersList');
+    
+    try {
+        loadingIndicator.style.display = 'block';
+        papersList.style.display = 'none';
+        
+        // Try to load the multilingual papers file first
+        let response = await fetch('data/multilingual_papers.bib');
+        // let response = await fetch('https://github.com/crystina-z/multilingual-paperbase/raw/refs/heads/master/data/multilingual_papers.bib');
+
+        if (response.ok) {
+            // Load from pre-filtered multilingual papers file
+            const bibText = await response.text();
+            allPapers = parseBibTeX(bibText);
+            console.log(`Loaded ${allPapers.length} multilingual papers from multilingual_papers.bib`);
+        } else {
+            // If multilingual file doesn't exist, report error and ask user to run python script
+            console.error('Multilingual papers file not found. Please run the python script to generate the file.');
+            throw new Error('Multilingual papers file not found. Please run the python script to generate the file.');
+        }
+        
+        filteredPapers = [...allPapers];
+        updateResultCount();
+        
+        loadingIndicator.style.display = 'none';
+        papersList.style.display = 'grid';
+        
+    } catch (error) {
+        console.error('Error loading BibTeX file:', error);
+        loadingIndicator.style.display = 'none';
+        showError('Failed to load the BibTeX file. Please check if the file exists.');
+    }
+}
+
+async function loadConferencesData() {
+    try {
+        const response = await fetch('data/unique_conferences.json');
+        // const response = await fetch('https://github.com/crystina-z/multilingual-paperbase/raw/refs/heads/master/data/unique_conferences.json');
+        // const response = await fetch('https://github.com/crystina-z/multilingual-paperbase/data/unique_conferences.json');
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        conferencesData = await response.json();
+        console.log('Available conference keys:', Object.keys(conferencesData));
+    } catch (error) {
+        console.error('Error loading conferences data:', error);
+        conferencesData = {};
+    }
+}
+
+function populateConferenceSelect() {
+    const conferenceSelect = document.getElementById('conferenceSelect');
+    if (!conferenceSelect || !conferencesData) return;
+    
+    // Clear existing options
+    conferenceSelect.innerHTML = '';
+    
+    // Sort conferences by count (descending), but put "Others (820 Venues)" at the bottom
+    const sortedConferences = Object.entries(conferencesData)
+        .sort((a, b) => {
+            // Put "Others (820 Venues)" at the bottom
+            if (a[0].includes('Others')) return 1;
+            if (b[0].includes('Others')) return -1;
+            // Sort by count descending
+            return b[1].count - a[1].count;
+        });
+    
+    // Add options to select
+    sortedConferences.forEach(([conferenceName, conferenceData]) => {
+        const option = document.createElement('option');
+        option.value = conferenceName;
+        option.textContent = `${conferenceName} (${conferenceData.count})`;
+        conferenceSelect.appendChild(option);
+    });
+
+    // Initialize the display
+    updateConferenceCountDisplay();
+    updateSelectedConferencesDisplay();
+}
+
+function parseBibTeX(bibText) {
+    const papers = [];
+    const entries = bibText.split(/(?=@)/);
+    
+    for (const entry of entries) {
+        if (!entry.trim()) continue;
+        
+        try {
+            const paper = parseBibTeXEntry(entry);
+            if (paper && (paper.title || paper.abstract)) {
+                papers.push(paper);
+            }
+        } catch (error) {
+            console.warn('Error parsing entry:', error);
+        }
+    }
+    
+    return papers;
+}
+
+function parseBibTeXEntry(entry) {
+    const paper = {};
+    
+    // Extract entry type and key
+    const typeMatch = entry.match(/@(\w+)\{([^,]+)/);
+    if (typeMatch) {
+        paper.type = typeMatch[1];
+        paper.key = typeMatch[2];
+    }
+    
+    // Extract fields
+    const fields = ['title', 'author', 'abstract', 'year', 'booktitle', 'journal', 'pages'];
+    
+    for (const field of fields) {
+        const regex = new RegExp(`${field}\\s*=\\s*\\{([^}]*)\\}|${field}\\s*=\\s*"([^"]*)"`, 'gi');
+        const match = entry.match(regex);
+        if (match) {
+            let value = match[0].replace(new RegExp(`${field}\\s*=\\s*[{"']?|["}']?$`, 'gi'), '');
+            // Clean up LaTeX commands
+            value = cleanLatexCommands(value);
+            paper[field] = value.trim();
+        }
+    }
+    
+    // Extract conference information
+    if (paper.booktitle) {
+        paper.conference = paper.booktitle;
+    } else if (paper.journal) {
+        paper.conference = paper.journal;
+    }
+    
+    // Extract year from key if not found in fields
+    if (!paper.year && paper.key) {
+        const yearMatch = paper.key.match(/\d{4}/);
+        if (yearMatch) {
+            paper.year = yearMatch[0];
+        }
+    }
+    
+    // Determine if paper is multilingual
+    paper.isMultilingual = isMultilingualPaper(paper);
+    paper.keywords = extractKeywords(paper);
+    
+    return paper;
+}
+
+function cleanLatexCommands(text) {
+    if (!text) return '';
+    
+    return text
+        .replace(/\\[a-zA-Z]+\{([^}]*)\}/g, '$1') // Remove LaTeX commands with braces
+        .replace(/\\[a-zA-Z]+/g, '') // Remove simple LaTeX commands
+        .replace(/\{\\?([^}]*)\}/g, '$1') // Remove braces
+        .replace(/\\"/g, '"') // Replace escaped quotes
+        .replace(/\\'/g, "'") // Replace escaped apostrophes
+        .replace(/\\&/g, '&') // Replace escaped ampersands
+        .replace(/\\%/g, '%') // Replace escaped percent signs
+        .replace(/\\_/g, '_') // Replace escaped underscores
+        .replace(/\\\$/g, '$') // Replace escaped dollar signs
+        .replace(/\s+/g, ' ') // Normalize whitespace
+        .trim();
+}
+
+function isMultilingualPaper(paper) {
+    const text = `${paper.title || ''} ${paper.abstract || ''}`.toLowerCase();
+    
+    // Check for multilingual keywords
+    for (const keyword of multilingualKeywords) {
+        if (text.includes(keyword.toLowerCase())) {
+            return true;
+        }
+    }
+    
+    // Check for language names
+    for (const language of languageNames) {
+        if (text.includes(language.toLowerCase())) {
+            return true;
+        }
+    }
+    
+    return false;
+}
+
+function extractKeywords(paper) {
+    const keywords = [];
+    const text = `${paper.title || ''} ${paper.abstract || ''}`.toLowerCase();
+    
+    // Extract multilingual keywords
+    for (const keyword of multilingualKeywords) {
+        if (text.includes(keyword.toLowerCase())) {
+            keywords.push(keyword);
+        }
+    }
+    
+    // Extract language names
+    for (const language of languageNames) {
+        if (text.includes(language.toLowerCase())) {
+            keywords.push(language);
+        }
+    }
+    
+    // Additional keyword extraction based on common patterns
+    const additionalPatterns = [
+        { pattern: /(\d+)\s*languages?/gi, keyword: 'multiple languages' },
+        { pattern: /(\d+)\s*lingual/gi, keyword: 'multiple lingual' },
+        { pattern: /translation\s+model/gi, keyword: 'translation model' },
+        { pattern: /cross\s*lingual/gi, keyword: 'cross-lingual' },
+        { pattern: /multi\s*lingual/gi, keyword: 'multilingual' },
+        { pattern: /zero\s*shot/gi, keyword: 'zero-shot' },
+        { pattern: /few\s*shot/gi, keyword: 'few-shot' },
+        { pattern: /code\s*switch/gi, keyword: 'code-switching' },
+        { pattern: /language\s+transfer/gi, keyword: 'language transfer' },
+        { pattern: /language\s+adaptation/gi, keyword: 'language adaptation' },
+        { pattern: /language\s+identification/gi, keyword: 'language identification' },
+        { pattern: /language\s+detection/gi, keyword: 'language detection' }
+    ];
+    
+    for (const { pattern, keyword } of additionalPatterns) {
+        if (pattern.test(text)) {
+            keywords.push(keyword);
+        }
+    }
+    
+    // Remove duplicates and sort
+    return [...new Set(keywords)].sort();
+}
+
+function updateAuthorFilterInfo() {
+    const authorFilterInfo = document.getElementById('authorFilterInfo');
+    if (authorFilterInfo) {
+        if (authorFilterActive) {
+            authorFilterInfo.textContent = '(Showing only papers with author information)';
+        } else {
+            authorFilterInfo.textContent = '(Showing all papers)';
+        }
+    }
+}
+
+function updateStarredFilterInfo() {
+    const starredFilterInfo = document.getElementById('starredFilterInfo');
+    if (starredFilterInfo) {
+        if (starredFilterActive) {
+            starredFilterInfo.textContent = `(Showing only ${starredPapers.length} starred papers)`;
+        } else {
+            starredFilterInfo.textContent = '(Showing all papers)';
+        }
+    }
+}
+
+function setupEventListeners() {
+    // Search input
+    const searchInput = document.getElementById('searchInput');
+    const addSearchKeyword = document.getElementById('addSearchKeyword');
+    const clearSearch = document.getElementById('clearSearch');
+    
+    searchInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            addSearchKeywordFromInput();
+        }
+    });
+    addSearchKeyword.addEventListener('click', addSearchKeywordFromInput);
+    clearSearch.addEventListener('click', clearAllSearchKeywords);
+    
+    // Remove search input
+    const removeSearchInput = document.getElementById('removeSearchInput');
+    const addRemoveKeyword = document.getElementById('addRemoveKeyword');
+    const clearRemoveSearch = document.getElementById('clearRemoveSearch');
+    
+    removeSearchInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            addRemoveKeywordFromInput();
+        }
+    });
+    addRemoveKeyword.addEventListener('click', addRemoveKeywordFromInput);
+    clearRemoveSearch.addEventListener('click', clearAllRemoveKeywords);
+    
+    // Year filter
+    const yearInputMin = document.getElementById('yearInputMin');
+    const yearInputMax = document.getElementById('yearInputMax');
+    const yearRange = document.getElementById('yearRange');
+    const clearYearFilter = document.getElementById('clearYearFilter');
+    
+    yearInputMin.addEventListener('input', debounce((e) => {
+        const value = parseInt(e.target.value) || 1960;
+        const maxValue = parseInt(yearInputMax.value) || 2025;
+        
+        if (value >= 1960 && value <= 2025) {
+            if (value <= maxValue) {
+                selectedYearMin = value;
+                yearFilterActive = true;
+                updateYearRangeDisplay();
+                filterPapers();
+            } else {
+                // If min is greater than max, set max to min
+                selectedYearMin = value;
+                selectedYearMax = value;
+                yearInputMax.value = value;
+                yearFilterActive = true;
+                updateYearRangeDisplay();
+                filterPapers();
+            }
+        }
+    }, 300));
+    
+    yearInputMax.addEventListener('input', debounce((e) => {
+        const value = parseInt(e.target.value) || 2025;
+        const minValue = parseInt(yearInputMin.value) || 1960;
+        
+        if (value >= 1960 && value <= 2025) {
+            if (value >= minValue) {
+                selectedYearMax = value;
+                yearFilterActive = true;
+                updateYearRangeDisplay();
+                filterPapers();
+            } else {
+                // If max is less than min, set min to max
+                selectedYearMax = value;
+                selectedYearMin = value;
+                yearInputMin.value = value;
+                yearFilterActive = true;
+                updateYearRangeDisplay();
+                filterPapers();
+            }
+        }
+    }, 300));
+    
+    clearYearFilter.addEventListener('click', () => {
+        yearInputMin.value = 1960;
+        yearInputMax.value = 2025;
+        selectedYearMin = 1960;
+        selectedYearMax = 2025;
+        yearFilterActive = false;
+        updateYearRangeDisplay();
+        filterPapers();
+    });
+    
+    // Conference filter
+    const conferenceSelect = document.getElementById('conferenceSelect');
+    const clearConferenceFilter = document.getElementById('clearConferenceFilter');
+    
+    conferenceSelect.addEventListener('change', () => {
+        const selectedOptions = Array.from(conferenceSelect.selectedOptions).map(option => option.value);
+        selectedConferences = selectedOptions;
+        conferenceFilterActive = selectedConferences.length > 0;
+        console.log('Selected conferences:', selectedConferences);
+        updateConferenceCountDisplay();
+        updateSelectedConferencesDisplay();
+        filterPapers();
+    });
+    
+    clearConferenceFilter.addEventListener('click', () => {
+        conferenceSelect.selectedIndex = -1;
+        selectedConferences = [];
+        conferenceFilterActive = false;
+        updateConferenceCountDisplay();
+        updateSelectedConferencesDisplay();
+        filterPapers();
+    });
+    
+    // Abstract filter
+    const includeNoAbstractCheckbox = document.getElementById('includeNoAbstract');
+    
+    if (includeNoAbstractCheckbox) {
+        includeNoAbstractCheckbox.addEventListener('change', () => {
+            includeNoAbstract = includeNoAbstractCheckbox.checked;
+            abstractFilterActive = !includeNoAbstract; // When unchecked, we filter out papers without abstracts
+            console.log('Abstract filter changed:', { includeNoAbstract, abstractFilterActive });
+            updateAbstractFilterInfo();
+            filterPapers();
+        });
+        console.log('Abstract filter checkbox found and event listener added');
+    } else {
+        console.error('Abstract filter checkbox not found!');
+    }
+    
+    // Author filter
+    const includeNoAuthorCheckbox = document.getElementById('includeNoAuthor');
+    
+    if (includeNoAuthorCheckbox) {
+        includeNoAuthorCheckbox.addEventListener('change', () => {
+            includeNoAuthor = includeNoAuthorCheckbox.checked;
+            authorFilterActive = !includeNoAuthor; // When unchecked, we filter out papers without author info
+            console.log('Author filter changed:', { includeNoAuthor, authorFilterActive });
+            updateAuthorFilterInfo();
+            filterPapers();
+        });
+        console.log('Author filter checkbox found and event listener added');
+    } else {
+        console.error('Author filter checkbox not found!');
+    }
+    
+    // Starred filter
+    const showOnlyStarredCheckbox = document.getElementById('showOnlyStarred');
+    
+    if (showOnlyStarredCheckbox) {
+        showOnlyStarredCheckbox.addEventListener('change', () => {
+            showOnlyStarred = showOnlyStarredCheckbox.checked;
+            starredFilterActive = showOnlyStarred; // When checked, we filter to show only starred papers
+            console.log('Starred filter changed:', { showOnlyStarred, starredFilterActive });
+            updateStarredFilterInfo();
+            filterPapers();
+        });
+        console.log('Starred filter checkbox found and event listener added');
+    } else {
+        console.error('Starred filter checkbox not found!');
+    }
+
+    // Pagination controls
+    const prevPage = document.getElementById('prevPage');
+    const nextPage = document.getElementById('nextPage');
+    
+    prevPage.addEventListener('click', () => {
+        if (currentPage > 1) {
+            currentPage--;
+            displayPapers();
+        }
+    });
+    
+    nextPage.addEventListener('click', () => {
+        const totalPages = Math.ceil(filteredPapers.length / papersPerPage);
+        if (currentPage < totalPages) {
+            currentPage++;
+            displayPapers();
+        }
+    });
+    
+    // Page input functionality
+    const pageInput = document.getElementById('pageInput');
+    const goToPageBtn = document.getElementById('goToPage');
+    
+    pageInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            goToPage();
+        }
+    });
+    
+    goToPageBtn.addEventListener('click', goToPage);
+    
+    // Modal
+    const modal = document.getElementById('paperModal');
+    
+    window.addEventListener('click', (event) => {
+        if (event.target === modal) {
+            modal.style.display = 'none';
+        }
+    });
+    
+    // Export and save/load buttons
+    const saveStatus = document.getElementById('saveStatus');
+    const loadStatus = document.getElementById('loadStatus');
+    const exportBibTeX = document.getElementById('exportBibTeX');
+    const exportStarred = document.getElementById('exportStarred');
+    
+    if (saveStatus) {
+        saveStatus.addEventListener('click', saveCurrentStatus);
+    }
+    
+    if (loadStatus) {
+        loadStatus.addEventListener('click', loadStatusFromFile);
+    }
+    
+    if (exportBibTeX) {
+        exportBibTeX.addEventListener('click', exportFilteredResults);
+    }
+    
+    if (exportStarred) {
+        exportStarred.addEventListener('click', exportStarredPapers);
+    }
+}
+
+function addSearchKeywordFromInput() {
+    const searchInput = document.getElementById('searchInput');
+    const keyword = searchInput.value.trim();
+    
+    if (keyword && !searchKeywords.includes(keyword.toLowerCase())) {
+        searchKeywords.push(keyword.toLowerCase());
+        searchInput.value = '';
+        updateSearchKeywordsDisplay();
+        filterPapers();
+    }
+}
+
+function removeSearchKeyword(keyword) {
+    searchKeywords = searchKeywords.filter(k => k !== keyword);
+    updateSearchKeywordsDisplay();
+    filterPapers();
+}
+
+function clearAllSearchKeywords() {
+    searchKeywords = [];
+    updateSearchKeywordsDisplay();
+    filterPapers();
+}
+
+function updateSearchKeywordsDisplay() {
+    const container = document.getElementById('searchKeywordsContainer');
+    const clearSearch = document.getElementById('clearSearch');
+    
+    container.innerHTML = '';
+    
+    searchKeywords.forEach(keyword => {
+        const tag = document.createElement('div');
+        tag.className = 'search-keyword-tag';
+        tag.innerHTML = `
+            <span>${keyword}</span>
+            <button class="remove-keyword" onclick="removeSearchKeyword('${keyword}')" title="Remove keyword">
+                <i class="fas fa-times"></i>
+            </button>
+        `;
+        container.appendChild(tag);
+    });
+    
+    if (searchKeywords.length > 0) {
+        clearSearch.classList.add('visible');
+    } else {
+        clearSearch.classList.remove('visible');
+    }
+}
+
+function addRemoveKeywordFromInput() {
+    const removeSearchInput = document.getElementById('removeSearchInput');
+    const keyword = removeSearchInput.value.trim();
+    
+    if (keyword && !removeSearchKeywords.includes(keyword.toLowerCase())) {
+        removeSearchKeywords.push(keyword.toLowerCase());
+        removeSearchInput.value = '';
+        updateRemoveKeywordsDisplay();
+        filterPapers();
+    }
+}
+
+function removeKeyword(keyword) {
+    removeSearchKeywords = removeSearchKeywords.filter(k => k !== keyword);
+    updateRemoveKeywordsDisplay();
+    filterPapers();
+}
+
+function clearAllRemoveKeywords() {
+    removeSearchKeywords = [];
+    updateRemoveKeywordsDisplay();
+    filterPapers();
+}
+
+function updateRemoveKeywordsDisplay() {
+    const container = document.getElementById('removeKeywordsContainer');
+    const clearRemoveSearch = document.getElementById('clearRemoveSearch');
+    
+    container.innerHTML = '';
+    
+    removeSearchKeywords.forEach(keyword => {
+        const tag = document.createElement('div');
+        tag.className = 'remove-keyword-tag';
+        tag.innerHTML = `
+            <span>${keyword}</span>
+            <button class="remove-keyword" onclick="removeKeyword('${keyword}')" title="Remove keyword">
+                <i class="fas fa-times"></i>
+            </button>
+        `;
+        container.appendChild(tag);
+    });
+    
+    if (removeSearchKeywords.length > 0) {
+        clearRemoveSearch.classList.add('visible');
+    } else {
+        clearRemoveSearch.classList.remove('visible');
+    }
+}
+
+function updatePaginationInfo(start, end, total) {
+    const paginationInfo = document.getElementById('paginationInfo');
+    if (total === 0) {
+        paginationInfo.textContent = 'No papers found';
+    } else {
+        paginationInfo.textContent = `Showing ${start}-${end} of ${total} papers`;
+    }
+}
+
+function updatePaginationControls(totalPages) {
+    const prevPage = document.getElementById('prevPage');
+    const nextPage = document.getElementById('nextPage');
+    const pageNumbers = document.getElementById('pageNumbers');
+    
+    // Update previous/next buttons
+    prevPage.disabled = currentPage <= 1;
+    nextPage.disabled = currentPage >= totalPages;
+    
+    // Generate page numbers
+    pageNumbers.innerHTML = '';
+    
+    if (totalPages <= 1) {
+        updatePageInput();
+        return;
+    }
+    
+    const maxVisiblePages = 5;
+    let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));
+    let endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);
+    
+    // Adjust start page if we're near the end
+    if (endPage - startPage + 1 < maxVisiblePages) {
+        startPage = Math.max(1, endPage - maxVisiblePages + 1);
+    }
+    
+    // Add first page and ellipsis if needed
+    if (startPage > 1) {
+        addPageNumber(1);
+        if (startPage > 2) {
+            addEllipsis();
+        }
+    }
+    
+    // Add visible page numbers
+    for (let i = startPage; i <= endPage; i++) {
+        addPageNumber(i);
+    }
+    
+    // Add last page and ellipsis if needed
+    if (endPage < totalPages) {
+        if (endPage < totalPages - 1) {
+            addEllipsis();
+        }
+        addPageNumber(totalPages);
+    }
+    
+    updatePageInput();
+}
+
+function addEllipsis() {
+    const pageNumbers = document.getElementById('pageNumbers');
+    const ellipsis = document.createElement('span');
+    ellipsis.className = 'page-ellipsis';
+    ellipsis.textContent = '...';
+    pageNumbers.appendChild(ellipsis);
+}
+
+function updatePageInput() {
+    const pageInput = document.getElementById('pageInput');
+    const goToPageBtn = document.getElementById('goToPage');
+    const totalPages = Math.ceil(filteredPapers.length / papersPerPage);
+    
+    if (pageInput && goToPageBtn) {
+        pageInput.max = totalPages;
+        pageInput.value = currentPage;
+        goToPageBtn.disabled = currentPage < 1 || currentPage > totalPages;
+    }
+}
+
+function goToPage() {
+    const pageInput = document.getElementById('pageInput');
+    const totalPages = Math.ceil(filteredPapers.length / papersPerPage);
+    const inputValue = parseInt(pageInput.value);
+    
+    if (inputValue && inputValue >= 1 && inputValue <= totalPages) {
+        currentPage = inputValue;
+        displayPapers();
+    } else {
+        // Reset input to current page if invalid
+        pageInput.value = currentPage;
+        showNotification('Please enter a valid page number between 1 and ' + totalPages, 'warning');
+    }
+}
+
+function addPageNumber(pageNum) {
+    const pageNumbers = document.getElementById('pageNumbers');
+    const pageBtn = document.createElement('button');
+    pageBtn.className = `page-number ${pageNum === currentPage ? 'active' : ''}`;
+    pageBtn.textContent = pageNum;
+    pageBtn.addEventListener('click', () => {
+        currentPage = pageNum;
+        displayPapers();
+    });
+    pageNumbers.appendChild(pageBtn);
+}
+
+function filterPapers() {
+    let filtered = [...allPapers];
+    console.log('Starting filterPapers with:', { 
+        totalPapers: allPapers.length, 
+        abstractFilterActive, 
+        includeNoAbstract,
+        authorFilterActive,
+        includeNoAuthor
+    });
+    
+    // Apply search filter
+    if (searchKeywords.length > 0) {
+        filtered = filtered.filter(paper => {
+            // Check if paper contains any of the search keywords in any field
+            const title = (paper.title || '').toLowerCase();
+            const author = (paper.author || '').toLowerCase();
+            const abstract = (paper.abstract || '').toLowerCase();
+            
+            return searchKeywords.some(keyword => 
+                title.includes(keyword) || author.includes(keyword) || abstract.includes(keyword)
+            );
+        });
+    }
+    
+    // Apply remove search filter (remove papers containing the specified keywords)
+    if (removeSearchKeywords.length > 0) {
+        const beforeCount = filtered.length;
+        filtered = filtered.filter(paper => {
+            // Check if paper contains any of the removal keywords in title or abstract only
+            const title = (paper.title || '').toLowerCase();
+            const abstract = (paper.abstract || '').toLowerCase();
+            
+            return !removeSearchKeywords.some(keyword => 
+                title.includes(keyword) || abstract.includes(keyword)
+            );
+        });
+        const removedCount = beforeCount - filtered.length;
+        console.log(`Remove search filter: ${beforeCount} -> ${filtered.length} papers (removed ${removedCount} papers with keywords: ${removeSearchKeywords.join(', ')})`);
+    }
+    
+    // Apply year filter
+    if (yearFilterActive) {
+        filtered = filtered.filter(paper => {
+            const paperYear = parseInt(paper.year) || 0;
+            return paperYear >= selectedYearMin && paperYear <= selectedYearMax;
+        });
+    }
+
+    // Apply conference filter
+    if (conferenceFilterActive) {
+        console.log('Applying conference filter for:', selectedConferences);
+        const beforeCount = filtered.length;
+        filtered = filtered.filter(paper => {
+            const paperConference = paper.conference || '';
+            const matches = selectedConferences.some(selectedConf => {
+                // Check if the paper's conference name contains the selected conference name
+                // This handles cases where the conference name might be a substring
+                const paperConfLower = paperConference.toLowerCase();
+                const selectedConfLower = selectedConf.toLowerCase();
+
+                // Check if the selected conference is a key in conferencesData
+                // and if the paper's conference is in the conferences list
+                if (conferencesData[selectedConf] && conferencesData[selectedConf].conferences) {
+                    const confMatch = conferencesData[selectedConf].conferences.some(confName => {
+                        const confNameLower = confName.toLowerCase();
+                        const matches = (paperConfLower == confNameLower);
+                        if (matches) {
+                            console.log('Conference list match found for:', selectedConf, 'with conference name:', confName);
+                        }
+                        return matches;
+                    });
+                    return confMatch;
+                }
+                
+                return false;
+            });
+            return matches;
+        });
+        console.log(`Conference filter: ${beforeCount} -> ${filtered.length} papers`);
+    }
+    
+    // Apply abstract filter
+    if (abstractFilterActive) {
+        const beforeCount = filtered.length;
+        const papersWithAbstract = filtered.filter(paper => {
+            const hasAbstract = paper.abstract && paper.abstract.trim().length > 0;
+            return hasAbstract;
+        }).length;
+        const papersWithoutAbstract = beforeCount - papersWithAbstract;
+        
+        filtered = filtered.filter(paper => {
+            const hasAbstract = paper.abstract && paper.abstract.trim().length > 0;
+            return hasAbstract;
+        });
+        console.log(`Abstract filter: ${beforeCount} -> ${filtered.length} papers (excluding ${papersWithoutAbstract} papers without abstracts)`);
+    } else {
+        const papersWithAbstract = filtered.filter(paper => {
+            const hasAbstract = paper.abstract && paper.abstract.trim().length > 0;
+            return hasAbstract;
+        }).length;
+        const papersWithoutAbstract = filtered.length - papersWithAbstract;
+        console.log(`Abstract filter inactive - showing all papers (${papersWithAbstract} with abstracts, ${papersWithoutAbstract} without abstracts)`);
+    }
+    
+    // Apply author filter
+    if (authorFilterActive) {
+        const beforeCount = filtered.length;
+        const papersWithAuthor = filtered.filter(paper => {
+            const hasAuthor = paper.author && paper.author.trim().length > 0 && paper.author.toLowerCase() !== 'unknown authors';
+            return hasAuthor;
+        }).length;
+        const papersWithoutAuthor = beforeCount - papersWithAuthor;
+        
+        filtered = filtered.filter(paper => {
+            const hasAuthor = paper.author && paper.author.trim().length > 0 && paper.author.toLowerCase() !== 'unknown authors';
+            return hasAuthor;
+        });
+        console.log(`Author filter: ${beforeCount} -> ${filtered.length} papers (excluding ${papersWithoutAuthor} papers without author info)`);
+    } else {
+        const papersWithAuthor = filtered.filter(paper => {
+            const hasAuthor = paper.author && paper.author.trim().length > 0 && paper.author.toLowerCase() !== 'unknown authors';
+            return hasAuthor;
+        }).length;
+        const papersWithoutAuthor = filtered.length - papersWithAuthor;
+        console.log(`Author filter inactive - showing all papers (${papersWithAuthor} with author info, ${papersWithoutAuthor} without author info)`);
+    }
+    
+    // Apply starred filter
+    if (starredFilterActive) {
+        const beforeCount = filtered.length;
+        filtered = filtered.filter(paper => {
+            return starredPapers.includes(paper.key);
+        });
+        console.log(`Starred filter: ${beforeCount} -> ${filtered.length} papers (showing only starred papers)`);
+    } else {
+        console.log(`Starred filter inactive - showing all papers`);
+    }
+    
+    // Sort papers: papers with abstracts and known conferences first, then papers with abstracts but unknown conferences, then papers without abstracts
+    filtered.sort((a, b) => {
+        const aHasAbstract = a.abstract && a.abstract.trim().length > 0;
+        const bHasAbstract = b.abstract && b.abstract.trim().length > 0;
+        // const aConferenceKey = getConferenceKey(a);
+        // const bConferenceKey = getConferenceKey(b);
+        // const aHasUnknownConference = aConferenceKey === 'Unknown';
+        // const bHasUnknownConference = bConferenceKey === 'Unknown';
+
+        if (aHasAbstract && !bHasAbstract) return -1;
+        if (!aHasAbstract && bHasAbstract) return 1;
+
+        // // First priority: papers with abstracts and known conferences
+        // if (aHasAbstract && !aHasUnknownConference && (!bHasAbstract || bHasUnknownConference)) return -1;
+        // if (bHasAbstract && !bHasUnknownConference && (!aHasAbstract || aHasUnknownConference)) return 1;
+        
+        // // Second priority: papers with abstracts but unknown conferences
+        // if (aHasAbstract && aHasUnknownConference && (!bHasAbstract || (bHasAbstract && !bHasUnknownConference))) return -1;
+        // if (bHasAbstract && bHasUnknownConference && (!aHasAbstract || (aHasAbstract && !aHasUnknownConference))) return 1;
+        
+        // // Third priority: papers without abstracts (unknown conferences come last)
+        // if (!aHasAbstract && !bHasAbstract) {
+        //     if (aHasUnknownConference && !bHasUnknownConference) return 1;
+        //     if (!aHasUnknownConference && bHasUnknownConference) return -1;
+        // }
+        
+        return 0;
+    });
+    
+    filteredPapers = filtered;
+    currentPage = 1; // Reset to first page when filtering
+    displayPapers();
+}
+
+function updateYearRangeDisplay() {
+    const yearRange = document.getElementById('yearRange');
+    if (yearFilterActive) {
+        if (selectedYearMin === 1960 && selectedYearMax === 2025) {
+            yearRange.textContent = 'All Years';
+        } else {
+            yearRange.textContent = `${selectedYearMin} - ${selectedYearMax}`;
+        }
+    } else {
+        yearRange.textContent = 'All Years';
+    }
+}
+
+function updateConferenceCountDisplay() {
+    const conferenceCount = document.getElementById('conferenceCount');
+    if (conferenceFilterActive) {
+        conferenceCount.textContent = `${selectedConferences.length} Conference${selectedConferences.length !== 1 ? 's' : ''} Selected`;
+    } else {
+        conferenceCount.textContent = 'All Conferences';
+    }
+}
+
+function updateAbstractFilterInfo() {
+    const abstractFilterInfo = document.getElementById('abstractFilterInfo');
+    if (abstractFilterActive) {
+        abstractFilterInfo.textContent = '(Showing only papers with abstracts)';
+    } else {
+        abstractFilterInfo.textContent = '(Showing all papers)';
+    }
+}
+
+function updateSelectedConferencesDisplay() {
+    const selectedConferencesDiv = document.getElementById('selectedConferences');
+    if (!selectedConferencesDiv) return;
+    
+    selectedConferencesDiv.innerHTML = '';
+    
+    selectedConferences.forEach(conference => {
+        const tag = document.createElement('div');
+        tag.className = 'conference-tag';
+        tag.innerHTML = `
+            ${conference}
+            <button class="remove-tag" onclick="removeConference('${conference}')">
+                <i class="fas fa-times"></i>
+            </button>
+        `;
+        selectedConferencesDiv.appendChild(tag);
+    });
+}
+
+function removeConference(conference) {
+    const conferenceSelect = document.getElementById('conferenceSelect');
+    const option = Array.from(conferenceSelect.options).find(opt => opt.value === conference);
+    if (option) {
+        option.selected = false;
+    }
+    
+    selectedConferences = selectedConferences.filter(c => c !== conference);
+    conferenceFilterActive = selectedConferences.length > 0;
+    updateConferenceCountDisplay();
+    updateSelectedConferencesDisplay();
+    filterPapers();
+}
+
+function displayPapers() {
+    const papersList = document.getElementById('papersList');
+    const noResults = document.getElementById('noResults');
+    
+    if (filteredPapers.length === 0) {
+        papersList.style.display = 'none';
+        noResults.style.display = 'block';
+        updatePaginationInfo(0, 0, 0);
+        updatePaginationControls(0);
+    } else {
+        papersList.style.display = 'grid';
+        noResults.style.display = 'none';
+        
+        // Calculate pagination
+        const totalPages = Math.ceil(filteredPapers.length / papersPerPage);
+        const startIndex = (currentPage - 1) * papersPerPage;
+        const endIndex = Math.min(startIndex + papersPerPage, filteredPapers.length);
+        const currentPagePapers = filteredPapers.slice(startIndex, endIndex);
+        
+        papersList.innerHTML = currentPagePapers.map(paper => createPaperCard(paper)).join('');
+        
+        // Add click listeners to paper cards
+        const paperCards = document.querySelectorAll('.paper-card');
+        paperCards.forEach((card, index) => {
+            card.addEventListener('click', () => {
+                showPaperModal(currentPagePapers[index]);
+            });
+        });
+        
+        updatePaginationInfo(startIndex + 1, endIndex, filteredPapers.length);
+        updatePaginationControls(totalPages);
+        updatePageInput();
+    }
+    
+    updateResultCount();
+}
+
+function getConferenceKey(paper) {
+    if (!paper.conference || !conferencesData) return 'Unknown';
+    
+    const paperConference = paper.conference.toLowerCase();
+    console.log('Looking for conference key for:', paper.conference);
+    
+    // Find the conference key that matches this paper
+    for (const [conferenceKey, conferenceData] of Object.entries(conferencesData)) {
+        // Check if the paper's conference is in the conferences list
+        if (conferenceData.conferences) {
+            for (const confName of conferenceData.conferences) {
+                // if (paperConference.includes(confName.toLowerCase())) {
+                if (paperConference.toLowerCase() == confName.toLowerCase()) {
+                    console.log('Found match by conference name:', conferenceKey, 'for:', confName);
+                    return conferenceKey;
+                }
+            }
+        }
+    }
+
+    // If no specific match found, check if it should be in "Others (820 Venues)"
+    // This handles cases where the paper's conference is not in any specific category
+    if (conferencesData["Others (820 Venues)"]) {
+        console.log('No specific match found, returning Others (820 Venues)');
+        return "Others (820 Venues)";
+    }
+
+    console.log('No match found, returning Unknown');
+    return 'Unknown';
+}
+
+function createPaperCard(paper) {
+    const title = paper.title || 'Untitled';
+    const authors = paper.author || 'Unknown authors';
+    const abstract = paper.abstract || 'No abstract available';
+    const year = paper.year || 'Unknown year';
+    const conferenceKey = getConferenceKey(paper);
+    const hasAbstract = paper.abstract && paper.abstract.trim().length > 0;
+    const hasAuthor = paper.author && paper.author.trim().length > 0 && paper.author.toLowerCase() !== 'unknown authors';
+    const isStarred = isPaperStarred(paper.key);
+    
+    let cardClasses = 'paper-card';
+    if (!hasAbstract) cardClasses += ' no-abstract';
+    if (!hasAuthor) cardClasses += ' no-author';
+    
+    return `
+        <div class="${cardClasses}">
+            <div class="paper-header">
+                <h3 class="paper-title">${title}</h3>
+                <button class="star-button ${isStarred ? 'starred' : ''}" 
+                        data-paper-key="${paper.key}" 
+                        onclick="toggleStar('${paper.key}', event)" 
+                        title="${isStarred ? 'Remove from starred' : 'Add to starred'}">
+                    <i class="${isStarred ? 'fas' : 'far'} fa-star"></i>
+                </button>
+            </div>
+            <p class="paper-authors">${authors}</p>
+            <p class="paper-abstract">${abstract}</p>
+            <div class="paper-meta">
+                <span class="paper-year">${year}</span>
+                <span class="paper-conference">${conferenceKey}</span>
+            </div>
+        </div>
+    `;
+}
+
+function showPaperModal(paper) {
+    const modal = document.getElementById('paperModal');
+    const modalTitle = document.getElementById('modalTitle');
+    const modalAuthors = document.getElementById('modalAuthors');
+    const modalAbstract = document.getElementById('modalAbstract');
+    const modalYear = document.getElementById('modalYear');
+    const modalConference = document.getElementById('modalConference');
+    const modalKeywords = document.getElementById('modalKeywords');
+    const modalStarButton = document.getElementById('modalStarButton');
+    const modalFindPaperButton = document.getElementById('modalFindPaperButton');
+    
+    modalTitle.textContent = paper.title || 'Untitled';
+    modalAuthors.textContent = paper.author || 'Unknown authors';
+    modalAbstract.textContent = paper.abstract || 'No abstract available';
+    modalYear.textContent = paper.year || 'Unknown year';
+    
+    // Get conference information using the same logic as in createPaperCard
+    // const conferenceKey = getConferenceKey(paper);
+
+    if (!paper.conference || !conferencesData){
+        modalConference.textContent = 'Unknown conference';
+    } else {
+        modalConference.textContent = paper.conference || 'Unknown conference' 
+    }
+    // const conferenceKey = paper.conference || 'Unknown conference';
+    // modalConference.textContent = paper.conference || 'Unknown conference';
+
+    modalKeywords.textContent = paper.keywords.length > 0 ? paper.keywords.join(', ') : 'No keywords';
+    
+    // Update modal star button
+    if (modalStarButton) {
+        const isStarred = isPaperStarred(paper.key);
+        modalStarButton.className = `star-button ${isStarred ? 'starred' : ''}`;
+        modalStarButton.setAttribute('data-paper-key', paper.key);
+        modalStarButton.setAttribute('title', isStarred ? 'Remove from starred' : 'Add to starred');
+        modalStarButton.onclick = (event) => toggleStar(paper.key, event);
+        
+        const icon = modalStarButton.querySelector('i');
+        if (icon) {
+            icon.className = `${isStarred ? 'fas' : 'far'} fa-star`;
+        }
+    }
+    
+    // Set up Find Paper button
+    if (modalFindPaperButton) {
+        modalFindPaperButton.onclick = () => searchPaperOnGoogle(paper.title);
+    }
+    
+    modal.style.display = 'block';
+}
+
+function searchPaperOnGoogle(paperTitle) {
+    if (!paperTitle || paperTitle === 'Untitled') {
+        return;
+    }
+    
+    // Encode the paper title for URL
+    const encodedTitle = encodeURIComponent(paperTitle);
+    const googleSearchUrl = `https://www.google.com/search?q=${encodedTitle}`;
+    
+    // Open Google search in a new tab
+    window.open(googleSearchUrl, '_blank');
+}
+
+function generateBibTeXContent(papers) {
+    let content = '';
+    
+    for (const paper of papers) {
+        // Reconstruct the original BibTeX entry
+        content += `@${paper.type}{${paper.key},\n`;
+        
+        if (paper.title) {
+            content += `  title = {${paper.title}},\n`;
+        }
+        if (paper.author) {
+            content += `  author = {${paper.author}},\n`;
+        }
+        if (paper.abstract) {
+            content += `  abstract = {${paper.abstract}},\n`;
+        }
+        if (paper.year) {
+            content += `  year = {${paper.year}},\n`;
+        }
+        if (paper.booktitle) {
+            content += `  booktitle = {${paper.booktitle}},\n`;
+        }
+        if (paper.journal) {
+            content += `  journal = {${paper.journal}},\n`;
+        }
+        if (paper.pages) {
+            content += `  pages = {${paper.pages}},\n`;
+        }
+        
+        // Remove trailing comma and add closing brace
+        content = content.replace(/,\n$/, '\n');
+        content += '}\n\n';
+    }
+    
+    return content;
+}
+
+function showNotification(message, type = 'success', duration = 10000) {
+    // Create notification element
+    const notification = document.createElement('div');
+    notification.className = `notification notification-${type}`;
+    
+    let icon = 'fa-info-circle';
+    if (type === 'error') icon = 'fa-exclamation-triangle';
+    else if (type === 'warning') icon = 'fa-exclamation-circle';
+    else if (type === 'success') icon = 'fa-check-circle';
+    
+    notification.innerHTML = `
+        <div class="notification-content">
+            <i class="fas ${icon}"></i>
+            <span>${message}</span>
+            <button class="notification-close" onclick="this.parentElement.parentElement.remove()">
+                <i class="fas fa-times"></i>
+            </button>
+        </div>
+    `;
+    
+    // Add to page
+    document.body.appendChild(notification);
+    
+    // Auto-remove after duration
+    setTimeout(() => {
+        if (notification.parentElement) {
+            notification.remove();
+        }
+    }, duration);
+}
+
+function updateResultCount() {
+    const resultCount = document.getElementById('resultCount');
+    const removeResultCount = document.getElementById('removeResultCount');
+    const total = allPapers.length;
+    const filtered = filteredPapers.length;
+    
+    if (searchKeywords.length === 0) {
+        resultCount.textContent = `Total: ${total} papers`;
+    } else {
+        resultCount.textContent = `Found ${filtered} of ${total} papers (${searchKeywords.length} keyword${searchKeywords.length !== 1 ? 's' : ''})`;
+    }
+    
+    if (removeSearchKeywords.length === 0) {
+        removeResultCount.textContent = 'All papers included';
+    } else {
+        // Calculate how many papers were removed by the remove search
+        const papersAfterSearch = searchKeywords.length > 0 ? 
+            allPapers.filter(paper => {
+                const title = (paper.title || '').toLowerCase();
+                const author = (paper.author || '').toLowerCase();
+                const abstract = (paper.abstract || '').toLowerCase();
+                return searchKeywords.some(keyword => 
+                    title.includes(keyword) || author.includes(keyword) || abstract.includes(keyword)
+                );
+            }) : 
+            allPapers;
+        const removedCount = papersAfterSearch.length - filtered;
+        removeResultCount.textContent = `Removed ${removedCount} papers (${removeSearchKeywords.length} keyword${removeSearchKeywords.length !== 1 ? 's' : ''})`;
+    }
+}
+
+function showError(message) {
+    const papersList = document.getElementById('papersList');
+    const loadingIndicator = document.getElementById('loadingIndicator');
+    
+    loadingIndicator.style.display = 'none';
+    papersList.style.display = 'none';
+    
+    papersList.innerHTML = `
+        <div class="no-results">
+            <i class="fas fa-exclamation-triangle"></i>
+            <h3>Error</h3>
+            <p>${message}</p>
+        </div>
+    `;
+    papersList.style.display = 'block';
+}
+
+function matchesSearchField(paper, query, field) {
+    const title = (paper.title || '').toLowerCase();
+    const author = (paper.author || '').toLowerCase();
+    const abstract = (paper.abstract || '').toLowerCase();
+    
+    switch (field) {
+        case 'title':
+            return title.includes(query);
+        case 'author':
+            return author.includes(query);
+        case 'abstract':
+            return abstract.includes(query);
+        case 'title+author':
+            return title.includes(query) || author.includes(query);
+        case 'title+abstract':
+            return title.includes(query) || abstract.includes(query);
+        case 'author+abstract':
+            return author.includes(query) || abstract.includes(query);
+        case 'all':
+        default:
+            return title.includes(query) || author.includes(query) || abstract.includes(query);
+    }
+}
+
+// Utility function for debouncing
+function debounce(func, wait) {
+    let timeout;
+    return function executedFunction(...args) {
+        const later = () => {
+            clearTimeout(timeout);
+            func(...args);
+        };
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+    };
+}
+
+// Star functionality
+function toggleStar(paperKey, event) {
+    event.stopPropagation(); // Prevent triggering the card click
+    
+    const index = starredPapers.indexOf(paperKey);
+    if (index > -1) {
+        // Remove from starred
+        starredPapers.splice(index, 1);
+        showNotification('Paper removed from starred list', 'success', 1000);
+    } else {
+        // Add to starred
+        starredPapers.push(paperKey);
+        showNotification('Paper added to starred list', 'success', 1000);
+    }
+    
+    // Update the star button appearance
+    updateStarButton(paperKey);
+    updateStarredCount();
+    updateStarredFilterInfo(); // Update filter info when starred papers change
+}
+
+function isPaperStarred(paperKey) {
+    return starredPapers.includes(paperKey);
+}
+
+function updateStarButton(paperKey) {
+    const starButtons = document.querySelectorAll(`[data-paper-key="${paperKey}"]`);
+    starButtons.forEach(button => {
+        const icon = button.querySelector('i');
+        if (isPaperStarred(paperKey)) {
+            button.classList.add('starred');
+            icon.className = 'fas fa-star';
+        } else {
+            button.classList.remove('starred');
+            icon.className = 'far fa-star';
+        }
+    });
+}
+
+function updateStarredCount() {
+    const exportStarred = document.getElementById('exportStarred');
+    if (exportStarred) {
+        // Clear the button content and rebuild it with the updated count
+        exportStarred.innerHTML = `
+            <i class="fas fa-star"></i>
+            Export Starred (${starredPapers.length})
+        `;
+    }
+}
+
+function exportStarredPapers() {
+    if (starredPapers.length === 0) {
+        showNotification('No starred papers to export', 'warning');
+        return;
+    }
+    
+    // Get the actual paper objects for starred papers
+    const starredPaperObjects = allPapers.filter(paper => starredPapers.includes(paper.key));
+    
+    const bibTeXContent = generateBibTeXContent(starredPaperObjects);
+    const blob = new Blob([bibTeXContent], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    const now = new Date();
+    const timestamp = now.toISOString().slice(0, 19).replace(/:/g, '-').replace('T', '_');
+    a.download = `starred_papers_${starredPapers.length}_papers_${timestamp}.bib`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    
+    showNotification(`Exported ${starredPapers.length} starred papers to BibTeX file!`);
+}
+
+// Save current filtering status and document IDs to JSON file
+function saveCurrentStatus() {
+    const status = {
+        timestamp: new Date().toISOString(),
+        filters: {
+            searchKeywords: searchKeywords,
+            removeSearchKeywords: removeSearchKeywords,
+            yearFilter: {
+                min: selectedYearMin,
+                max: selectedYearMax,
+                active: yearFilterActive
+            },
+            conferenceFilter: {
+                selectedConferences: selectedConferences,
+                active: conferenceFilterActive
+            },
+            abstractFilter: {
+                includeNoAbstract: includeNoAbstract,
+                active: abstractFilterActive
+            },
+            authorFilter: {
+                includeNoAuthor: includeNoAuthor,
+                active: authorFilterActive
+            },
+            starredFilter: {
+                showOnlyStarred: showOnlyStarred,
+                active: starredFilterActive
+            }
+        },
+        pagination: {
+            currentPage: currentPage,
+            papersPerPage: papersPerPage
+        },
+        results: {
+            totalPapers: allPapers.length,
+            filteredPapersCount: filteredPapers.length,
+            filteredPaperIds: filteredPapers.map(paper => paper.key)
+        },
+        starredPapers: starredPapers // Save starred papers list
+    };
+    
+    const blob = new Blob([JSON.stringify(status, null, 2)], { type: 'application/json' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    const now = new Date();
+    const timestamp = now.toISOString().slice(0, 19).replace(/:/g, '-').replace('T', '_');
+    a.download = `multilingual_papers_filter_${timestamp}.json`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    
+    showNotification('Filter status saved successfully!');
+}
+
+// Load filtering status from JSON file
+function loadStatusFromFile() {
+    const input = document.createElement('input');
+    input.type = 'file';
+    input.accept = '.json';
+    input.onchange = function(event) {
+        const file = event.target.files[0];
+        if (file) {
+            const reader = new FileReader();
+            reader.onload = function(e) {
+                try {
+                    const status = JSON.parse(e.target.result);
+                    applyLoadedStatus(status);
+                    showNotification('Filter status loaded successfully!');
+                } catch (error) {
+                    console.error('Error parsing status file:', error);
+                    showNotification('Error: Invalid status file format', 'error');
+                }
+            };
+            reader.readAsText(file);
+        }
+    };
+    input.click();
+}
+
+// Apply loaded filtering status
+function applyLoadedStatus(status) {
+    if (!status.filters) {
+        showNotification('Error: Invalid status file format', 'error');
+        return;
+    }
+    
+    const filters = status.filters;
+    
+    // Apply search keywords
+    searchKeywords = filters.searchKeywords || [];
+    removeSearchKeywords = filters.removeSearchKeywords || [];
+    
+    // Apply year filter
+    if (filters.yearFilter) {
+        selectedYearMin = filters.yearFilter.min || 1960;
+        selectedYearMax = filters.yearFilter.max || 2025;
+        yearFilterActive = filters.yearFilter.active || false;
+        
+        // Update UI
+        const yearInputMin = document.getElementById('yearInputMin');
+        const yearInputMax = document.getElementById('yearInputMax');
+        if (yearInputMin) yearInputMin.value = selectedYearMin;
+        if (yearInputMax) yearInputMax.value = selectedYearMax;
+        updateYearRangeDisplay();
+    }
+    
+    // Apply conference filter
+    if (filters.conferenceFilter) {
+        selectedConferences = filters.conferenceFilter.selectedConferences || [];
+        conferenceFilterActive = filters.conferenceFilter.active || false;
+        
+        // Update UI
+        const conferenceSelect = document.getElementById('conferenceSelect');
+        if (conferenceSelect) {
+            // Clear current selection
+            conferenceSelect.selectedIndex = -1;
+            // Select the loaded conferences
+            selectedConferences.forEach(conference => {
+                const option = Array.from(conferenceSelect.options).find(opt => opt.value === conference);
+                if (option) {
+                    option.selected = true;
+                }
+            });
+        }
+        updateConferenceCountDisplay();
+        updateSelectedConferencesDisplay();
+    }
+    
+    // Apply abstract filter
+    if (filters.abstractFilter) {
+        includeNoAbstract = filters.abstractFilter.includeNoAbstract !== undefined ? 
+            filters.abstractFilter.includeNoAbstract : true;
+        abstractFilterActive = filters.abstractFilter.active || false;
+        
+        // Update UI
+        const includeNoAbstractCheckbox = document.getElementById('includeNoAbstract');
+        if (includeNoAbstractCheckbox) {
+            includeNoAbstractCheckbox.checked = includeNoAbstract;
+        }
+        updateAbstractFilterInfo();
+    }
+    
+    // Apply author filter
+    if (filters.authorFilter) {
+        includeNoAuthor = filters.authorFilter.includeNoAuthor !== undefined ? 
+            filters.authorFilter.includeNoAuthor : true;
+        authorFilterActive = filters.authorFilter.active || false;
+        
+        // Update UI
+        const includeNoAuthorCheckbox = document.getElementById('includeNoAuthor');
+        if (includeNoAuthorCheckbox) {
+            includeNoAuthorCheckbox.checked = includeNoAuthor;
+        }
+        updateAuthorFilterInfo();
+    }
+    
+    // Apply starred filter
+    if (filters.starredFilter) {
+        showOnlyStarred = filters.starredFilter.showOnlyStarred !== undefined ? 
+            filters.starredFilter.showOnlyStarred : false;
+        starredFilterActive = filters.starredFilter.active || false;
+        
+        // Update UI
+        const showOnlyStarredCheckbox = document.getElementById('showOnlyStarred');
+        if (showOnlyStarredCheckbox) {
+            showOnlyStarredCheckbox.checked = showOnlyStarred;
+        }
+        updateStarredFilterInfo();
+    }
+    
+    // Apply pagination
+    if (status.pagination) {
+        currentPage = status.pagination.currentPage || 1;
+        papersPerPage = status.pagination.papersPerPage || 10;
+    }
+    
+    // Apply starred papers
+    if (status.starredPapers) {
+        starredPapers = status.starredPapers || [];
+    }
+    
+    // Update displays
+    updateSearchKeywordsDisplay();
+    updateRemoveKeywordsDisplay();
+    updateStarredCount(); // Update starred count display
+    
+    // Re-apply filters
+    filterPapers();
+    
+    console.log('Applied loaded status:', status);
+}
+
+// Export current filtered results to BibTeX
+function exportFilteredResults() {
+    if (filteredPapers.length === 0) {
+        showNotification('No papers to export', 'warning');
+        return;
+    }
+    
+    const bibTeXContent = generateBibTeXContent(filteredPapers);
+    const blob = new Blob([bibTeXContent], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    const now = new Date();
+    const timestamp = now.toISOString().slice(0, 19).replace(/:/g, '-').replace('T', '_');
+    a.download = `multilingual_papers_filtered_${filteredPapers.length}_papers_${timestamp}.bib`;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    URL.revokeObjectURL(url);
+    
+    showNotification(`Exported ${filteredPapers.length} papers to BibTeX file!`);
+} 

styles.css

@@ -0,0 +1,1835 @@
+/* Reset and base styles */
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    line-height: 1.6;
+    color: #333;
+    background: linear-gradient(135deg, #e0ecce 0%, #c8e6c9 100%);
+    min-height: 100vh;
+}
+
+.container {
+    max-width: 1200px;
+    margin: 0 auto;
+    padding: 0 20px;
+}
+
+/* Header */
+.header {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    border-radius: 0 0 20px 20px;
+    margin-bottom: 30px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.header-content {
+    padding: 40px 20px;
+    text-align: center;
+}
+
+.title {
+    font-size: 2.5rem;
+    font-weight: 700;
+    color: #2d3748;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 15px;
+}
+
+.title i {
+    color: #689f38;
+}
+
+.subtitle {
+    font-size: 1.1rem;
+    color: #718096;
+    font-weight: 400;
+}
+
+/* Main content */
+.main-content {
+    background: rgba(255, 255, 255, 0.95);
+    backdrop-filter: blur(10px);
+    border-radius: 20px;
+    padding: 30px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
+    margin-bottom: 30px;
+}
+
+/* Search section */
+.search-section {
+    margin-bottom: 30px;
+    display: flex;
+    gap: 20px;
+    flex-wrap: wrap;
+    justify-content: center;
+}
+
+.search-container {
+    max-width: 600px;
+    margin: 0 auto;
+    flex: 1;
+    min-width: 300px;
+}
+
+.search-box {
+    position: relative;
+    display: flex;
+    align-items: center;
+    background: white;
+    border-radius: 50px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    overflow: hidden;
+    transition: all 0.3s ease;
+}
+
+.search-box:focus-within {
+    box-shadow: 0 6px 25px rgba(104, 159, 56, 0.3);
+    transform: translateY(-2px);
+}
+
+.remove-search-box:focus-within {
+    box-shadow: 0 6px 25px rgba(220, 53, 69, 0.3);
+}
+
+.remove-search-box .search-icon {
+    color: #dc3545;
+}
+
+.add-keyword-btn {
+    position: absolute;
+    right: 50px;
+    background: #dc3545;
+    border: none;
+    color: white;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 32px;
+    height: 32px;
+    z-index: 2;
+}
+
+.add-keyword-btn:hover {
+    background: #c82333;
+    transform: scale(1.1);
+}
+
+.search-add-btn {
+    background: #689f38;
+}
+
+.search-add-btn:hover {
+    background: #558b2f;
+}
+
+.search-keywords-container {
+    margin-top: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    min-height: 20px;
+}
+
+.search-keyword-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 12px;
+    background: #689f38;
+    color: white;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    animation: fadeIn 0.3s ease;
+}
+
+.search-keyword-tag:hover {
+    background: #558b2f;
+    transform: translateY(-1px);
+}
+
+.search-keyword-tag .remove-keyword {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    font-size: 10px;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: background-color 0.2s ease;
+}
+
+.search-keyword-tag .remove-keyword:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.remove-keywords-container {
+    margin-top: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    min-height: 20px;
+}
+
+.remove-keyword-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 12px;
+    background: #dc3545;
+    color: white;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    animation: fadeIn 0.3s ease;
+}
+
+.remove-keyword-tag:hover {
+    background: #c82333;
+    transform: translateY(-1px);
+}
+
+.remove-keyword-tag .remove-keyword {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    font-size: 10px;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: background-color 0.2s ease;
+}
+
+.remove-keyword-tag .remove-keyword:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+        transform: translateY(-10px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.search-icon {
+    position: absolute;
+    left: 20px;
+    color: #a0aec0;
+    font-size: 1.1rem;
+    z-index: 1;
+}
+
+.search-input {
+    flex: 1;
+    padding: 18px 50px 18px 50px;
+    border: none;
+    outline: none;
+    font-size: 1rem;
+    background: transparent;
+}
+
+.search-input::placeholder {
+    color: #a0aec0;
+}
+
+.clear-btn {
+    position: absolute;
+    right: 15px;
+    background: none;
+    border: none;
+    color: #a0aec0;
+    cursor: pointer;
+    padding: 5px;
+    border-radius: 50%;
+    transition: all 0.2s ease;
+    display: none;
+    z-index: 3;
+}
+
+.clear-btn:hover {
+    background: #f7fafc;
+    color: #4a5568;
+}
+
+.clear-btn.visible {
+    display: block;
+}
+
+.search-field-select {
+    padding: 8px 12px;
+    border: none;
+    outline: none;
+    background: #f7fafc;
+    color: #2d3748;
+    font-size: 0.9rem;
+    border-radius: 6px;
+    margin-right: 10px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+.search-field-select:hover {
+    background: #edf2f7;
+}
+
+.search-field-select:focus {
+    background: #e2e8f0;
+    box-shadow: 0 0 0 2px rgba(104, 159, 56, 0.2);
+}
+
+.search-stats {
+    text-align: center;
+    margin-bottom: 15px;
+    color: #718096;
+    font-size: 0.9rem;
+    min-height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+/* Filters section */
+.filters-section {
+    margin-bottom: 25px;
+    display: flex !important;
+    gap: 15px !important;
+    flex-wrap: wrap !important;
+    flex-direction: column !important;
+    width: 100% !important;
+    align-items: stretch !important;
+}
+
+.year-filter {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    flex-wrap: wrap;
+    background: rgba(224, 236, 206, 0.8) !important;
+    border-radius: 12px !important;
+    padding: 15px !important;
+    border: 2px solid #689f38 !important;
+    width: 100% !important;
+    margin: 0 !important;
+}
+
+.filter-label {
+    font-weight: 600;
+    color: #2d3748;
+    font-size: 1rem;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    flex-wrap: wrap;
+}
+
+.filter-label i {
+    color: #689f38;
+}
+
+.year-input-container {
+    flex: 1;
+    min-width: 200px;
+    max-width: 400px;
+    display: flex;
+    gap: 15px;
+    align-items: center;
+}
+
+.year-input-group {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+}
+
+.year-input-group label {
+    font-size: 0.8rem;
+    color: #718096;
+    font-weight: 500;
+}
+
+.year-input {
+    width: 80px;
+    padding: 8px 12px;
+    border: 1px solid #e2e8f0;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    color: #2d3748;
+    background: white;
+    outline: none;
+    transition: all 0.3s ease;
+}
+
+.year-input:focus {
+    border-color: #689f38;
+    box-shadow: 0 0 0 2px rgba(104, 159, 56, 0.2);
+}
+
+.year-input::-webkit-inner-spin-button,
+.year-input::-webkit-outer-spin-button {
+    opacity: 1;
+}
+
+.dual-slider {
+    position: relative;
+    margin-bottom: 8px;
+}
+
+.year-slider {
+    width: 100%;
+    height: 6px;
+    border-radius: 3px;
+    background: transparent;
+    outline: none;
+    -webkit-appearance: none;
+    appearance: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    pointer-events: none;
+}
+
+.year-slider-min {
+    z-index: 2;
+    pointer-events: auto;
+}
+
+.year-slider-max {
+    z-index: 1;
+    pointer-events: auto;
+}
+
+.dual-slider::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 6px;
+    background: #e2e8f0;
+    border-radius: 3px;
+    z-index: 0;
+}
+
+.dual-slider::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: var(--track-left, 0%);
+    width: var(--track-width, 100%);
+    height: 6px;
+    background: #689f38;
+    border-radius: 3px;
+    z-index: 0;
+    transition: all 0.3s ease;
+}
+
+.year-slider::-webkit-slider-thumb {
+    -webkit-appearance: none;
+    appearance: none;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: #689f38;
+    cursor: pointer;
+    box-shadow: 0 2px 6px rgba(104, 159, 56, 0.3);
+    transition: all 0.3s ease;
+}
+
+.year-slider::-webkit-slider-thumb:hover {
+    transform: scale(1.1);
+    box-shadow: 0 4px 12px rgba(104, 159, 56, 0.4);
+}
+
+.year-slider::-moz-range-thumb {
+    width: 20px;
+    height: 20px;
+    border-radius: 50%;
+    background: #689f38;
+    cursor: pointer;
+    border: none;
+    box-shadow: 0 2px 6px rgba(104, 159, 56, 0.3);
+    transition: all 0.3s ease;
+}
+
+.year-slider::-moz-range-thumb:hover {
+    transform: scale(1.1);
+    box-shadow: 0 4px 12px rgba(104, 159, 56, 0.4);
+}
+
+.year-labels {
+    display: flex;
+    justify-content: space-between;
+    font-size: 0.8rem;
+    color: #718096;
+    font-weight: 500;
+}
+
+.clear-year-btn {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 16px;
+    background: #d32f2f;
+    border: none;
+    border-radius: 6px;
+    color: white;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    font-size: 14px;
+    margin-left: auto;
+}
+
+.clear-year-btn:hover {
+    background-color: #b71c1c;
+    transform: translateY(-1px);
+}
+
+/* Conference filter */
+.conference-filter {
+    margin-top: 0 !important;
+    padding: 15px !important;
+    background: rgba(224, 236, 206, 0.6) !important;
+    border-radius: 12px !important;
+    border: 2px solid #8bc34a !important;
+    width: 100% !important;
+    position: relative !important;
+}
+
+.conference-select-container {
+    margin-top: 20px;
+    position: relative;
+}
+
+.conference-hint {
+    font-size: 0.9rem;
+    color: #718096;
+    margin-left: 8px;
+    font-weight: normal;
+}
+
+.conference-select {
+    width: 100%;
+    min-height: 120px;
+    padding: 12px;
+    border: 2px solid #e2e8f0;
+    border-radius: 8px;
+    background: white;
+    font-size: 14px;
+    line-height: 1.5;
+    resize: vertical;
+    transition: all 0.3s ease;
+    cursor: pointer;
+}
+
+
+
+.conference-select:focus {
+    outline: none;
+    border-color: #689f38;
+    box-shadow: 0 0 0 3px rgba(104, 159, 56, 0.1);
+}
+
+.conference-select option {
+    padding: 8px 12px;
+    margin: 2px 0;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+}
+
+.conference-select option:hover {
+    background-color: #f7fafc;
+}
+
+.conference-select option:checked {
+    background-color: #689f38;
+    color: white;
+}
+
+.selected-conferences {
+    margin-top: 8px;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    min-height: 16px;
+}
+
+.conference-tag {
+    display: inline-flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 8px;
+    background: #689f38;
+    color: white;
+    border-radius: 16px;
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.conference-tag:hover {
+    background: #558b2f;
+    transform: translateY(-1px);
+}
+
+.conference-tag .remove-tag {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    font-size: 10px;
+    padding: 0;
+    width: 16px;
+    height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    transition: background-color 0.2s ease;
+}
+
+.conference-tag .remove-tag:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+.clear-conference-btn {
+    position: absolute !important;
+    top: 20px !important;
+    right: 15px !important;
+    padding: 8px 16px !important;
+    background: #d32f2f;
+    color: white;
+    border: none;
+    border-radius: 6px;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+}
+
+.clear-conference-btn:hover {
+    background-color: #b71c1c;
+    transform: translateY(-1px);
+}
+
+/* Abstract filter */
+.abstract-filter {
+    margin-top: 0 !important;
+    padding: 15px !important;
+    background: rgba(224, 236, 206, 0.4) !important;
+    border-radius: 12px !important;
+    border: 2px solid #4caf50 !important;
+    width: 100% !important;
+    position: relative !important;
+}
+
+/* Starred filter */
+.starred-filter {
+    margin: 0 !important;
+    padding: 15px !important;
+    background: rgba(255, 193, 7, 0.2) !important;
+    border-radius: 12px !important;
+    border: 2px solid #ffc107 !important;
+    width: 100% !important;
+    position: relative !important;
+}
+
+.starred-filter-container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.abstract-filter-container {
+    margin-top: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.checkbox-label {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    cursor: pointer;
+    font-weight: 500;
+    color: #2d3748;
+    font-size: 1rem;
+    position: relative;
+    padding: 4px 0;
+    flex-wrap: wrap;
+}
+
+.checkbox-label input[type="checkbox"] {
+    position: absolute;
+    opacity: 0;
+    cursor: pointer;
+    height: 0;
+    width: 0;
+}
+
+.checkmark {
+    height: 20px;
+    width: 20px;
+    background-color: white;
+    border: 2px solid #e2e8f0;
+    border-radius: 4px;
+    position: relative;
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+}
+
+.checkbox-label:hover input ~ .checkmark {
+    border-color: #689f38;
+    background-color: #f7fafc;
+}
+
+.checkbox-label input:checked ~ .checkmark {
+    background-color: #689f38;
+    border-color: #689f38;
+}
+
+.checkmark:after {
+    content: "";
+    position: absolute;
+    display: none;
+    left: 6px;
+    top: 2px;
+    width: 5px;
+    height: 10px;
+    border: solid white;
+    border-width: 0 2px 2px 0;
+    transform: rotate(45deg);
+}
+
+.checkbox-label input:checked ~ .checkmark:after {
+    display: block;
+}
+
+.filter-info {
+    font-size: 0.9rem;
+    color: #718096;
+    margin-left: 8px;
+    font-weight: normal;
+}
+
+.filter-option {
+    margin-bottom: 0px;
+}
+
+.filter-option:last-child {
+    margin-bottom: 0;
+}
+
+/* Removed author-filter-info as it's now handled by .filter-info */
+
+/* Pagination section */
+.pagination-section {
+    margin-bottom: 30px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 20px;
+}
+
+.pagination-info {
+    font-weight: 500;
+    color: #4a5568;
+    font-size: 0.95rem;
+}
+
+.pagination-controls {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.pagination-btn {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 16px;
+    background: white;
+    border: 2px solid #e2e8f0;
+    border-radius: 25px;
+    color: #4a5568;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    font-size: 0.9rem;
+}
+
+.pagination-btn:hover:not(:disabled) {
+    border-color: #689f38;
+    color: #689f38;
+    transform: translateY(-1px);
+}
+
+.pagination-btn:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+}
+
+.page-numbers {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+}
+
+.page-number {
+    width: 40px;
+    height: 40px;
+    border: 2px solid #e2e8f0;
+    background: white;
+    border-radius: 50%;
+    color: #4a5568;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.page-number:hover {
+    border-color: #689f38;
+    color: #689f38;
+}
+
+.page-number.active {
+    background: #689f38;
+    border-color: #689f38;
+    color: white;
+    box-shadow: 0 2px 10px rgba(104, 159, 56, 0.3);
+}
+
+.page-ellipsis {
+    color: #a0aec0;
+    font-weight: 500;
+    padding: 0 5px;
+}
+
+/* Page input styles */
+.page-input-container {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin: 0 10px;
+}
+
+.page-input-label {
+    font-size: 0.9rem;
+    color: #4a5568;
+    font-weight: 500;
+    white-space: nowrap;
+}
+
+.page-input {
+    width: 60px;
+    padding: 8px 10px;
+    border: 2px solid #e2e8f0;
+    border-radius: 6px;
+    font-size: 0.9rem;
+    color: #2d3748;
+    background: white;
+    outline: none;
+    transition: all 0.3s ease;
+    text-align: center;
+}
+
+.page-input:focus {
+    border-color: #689f38;
+    box-shadow: 0 0 0 2px rgba(104, 159, 56, 0.2);
+}
+
+.page-input::-webkit-inner-spin-button,
+.page-input::-webkit-outer-spin-button {
+    opacity: 1;
+}
+
+.page-go-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px 12px;
+    background: #689f38;
+    border: none;
+    border-radius: 6px;
+    color: white;
+    font-size: 0.9rem;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    min-width: 36px;
+    height: 36px;
+}
+
+.page-go-btn:hover {
+    background: #558b2f;
+    transform: translateY(-1px);
+}
+
+.page-go-btn:disabled {
+    background: #a0aec0;
+    cursor: not-allowed;
+    transform: none;
+}
+
+/* Papers container */
+.papers-container {
+    position: relative;
+}
+
+.papers-list {
+    display: grid;
+    gap: 20px;
+}
+
+/* Paper card styles */
+.paper-card {
+    background: white;
+    border-radius: 15px;
+    padding: 25px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
+    transition: all 0.3s ease;
+    cursor: pointer;
+    border: 2px solid transparent;
+}
+
+.paper-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
+    border-color: #689f38;
+}
+
+.paper-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    gap: 15px;
+    margin-bottom: 15px;
+}
+
+.paper-title {
+    font-size: 1.3rem;
+    font-weight: 600;
+    color: #2d3748;
+    margin-bottom: 10px;
+    flex: 1;
+    line-height: 1.4;
+}
+
+.star-button {
+    background: none;
+    border: none;
+    color: #cbd5e0;
+    font-size: 1.2rem;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 40px;
+    min-height: 40px;
+}
+
+.star-button:hover {
+    background: rgba(104, 159, 56, 0.1);
+    color: #689f38;
+    transform: scale(1.1);
+}
+
+.star-button.starred {
+    color: #f6ad55;
+}
+
+.star-button.starred:hover {
+    background: rgba(246, 173, 85, 0.1);
+    color: #ed8936;
+}
+
+.find-paper-btn {
+    background: none;
+    border: none;
+    color: #4a90e2;
+    font-size: 1.2rem;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 40px;
+    min-height: 40px;
+}
+
+.find-paper-btn:hover {
+    background: rgba(74, 144, 226, 0.1);
+    color: #357abd;
+    transform: scale(1.1);
+}
+
+.paper-authors {
+    color: #718096;
+    font-weight: 500;
+    margin-bottom: 15px;
+    font-style: italic;
+}
+
+.paper-abstract {
+    color: #4a5568;
+    font-size: 0.95rem;
+    line-height: 1.6;
+    margin-bottom: 15px;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+.paper-meta {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 0.85rem;
+    color: #a0aec0;
+}
+
+.paper-year {
+    background: #f7fafc;
+    padding: 4px 12px;
+    border-radius: 15px;
+    font-weight: 500;
+}
+
+.paper-conference {
+    background: #689f38;
+    color: white;
+    padding: 4px 12px;
+    border-radius: 15px;
+    font-weight: 500;
+    font-size: 0.8rem;
+}
+
+.paper-no-abstract-badge {
+    background: #ff9800;
+    color: white;
+    padding: 4px 8px;
+    border-radius: 12px;
+    font-weight: 500;
+    font-size: 0.7rem;
+}
+
+.paper-card.no-abstract {
+    border-left: 4px solid #ff9800;
+    background: rgba(255, 152, 0, 0.05);
+}
+
+.paper-card.no-abstract .paper-abstract {
+    color: #ff9800;
+    /* font-style: italic; */
+}
+
+.paper-card.no-author {
+    border-right: 4px solid #e91e63;
+    background: rgba(233, 30, 99, 0.05);
+}
+
+.paper-card.no-author .paper-authors {
+    color: #e91e63;
+    font-style: italic;
+}
+
+
+/* Loading indicator */
+.loading {
+    text-align: center;
+    padding: 60px 20px;
+    color: #718096;
+}
+
+.spinner {
+    width: 40px;
+    height: 40px;
+    border: 4px solid #e2e8f0;
+    border-top: 4px solid #689f38;
+    border-radius: 50%;
+    animation: spin 1s linear infinite;
+    margin: 0 auto 20px;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* No results */
+.no-results {
+    text-align: center;
+    padding: 60px 20px;
+    color: #718096;
+}
+
+.no-results i {
+    font-size: 3rem;
+    color: #a0aec0;
+    margin-bottom: 20px;
+}
+
+.no-results h3 {
+    font-size: 1.5rem;
+    margin-bottom: 10px;
+    color: #4a5568;
+}
+
+/* Modal */
+.modal {
+    display: none;
+    position: fixed;
+    z-index: 1000;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.5);
+    backdrop-filter: blur(5px);
+}
+
+.modal-content {
+    background-color: white;
+    margin: 5% auto;
+    padding: 0;
+    border-radius: 20px;
+    width: 90%;
+    max-width: 800px;
+    max-height: 80vh;
+    overflow-y: auto;
+    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
+    animation: modalSlideIn 0.3s ease;
+}
+
+@keyframes modalSlideIn {
+    from {
+        opacity: 0;
+        transform: translateY(-50px);
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0);
+    }
+}
+
+.modal-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    padding: 25px 30px 20px 30px;
+    border-bottom: 2px solid #e2e8f0;
+    background: #f8fafc;
+    border-radius: 20px 20px 0 0;
+}
+
+.modal-title-container {
+    display: flex;
+    align-items: flex-start;
+    gap: 15px;
+    flex: 1;
+    margin-right: 15px;
+    justify-content: space-between;
+}
+
+.modal-header h2 {
+    font-size: 1.8rem;
+    font-weight: 600;
+    color: #2d3748;
+    margin: 0;
+    line-height: 1.3;
+    flex: 1;
+}
+
+.close-btn {
+    background: none;
+    border: none;
+    font-size: 1.5rem;
+    color: #718096;
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 50%;
+    transition: all 0.3s ease;
+    flex-shrink: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-width: 40px;
+    min-height: 40px;
+}
+
+.close-btn:hover {
+    background: rgba(220, 53, 69, 0.1);
+    color: #dc3545;
+    transform: scale(1.1);
+}
+
+.modal-body {
+    padding: 30px;
+    max-height: calc(80vh - 120px); /* Account for header height */
+    overflow-y: auto;
+}
+
+.paper-details {
+    display: flex;
+    flex-direction: column;
+    gap: 25px;
+}
+
+.detail-section h3 {
+    font-size: 1.1rem;
+    color: #2d3748;
+    margin-bottom: 10px;
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.detail-section h3 i {
+    color: #689f38;
+    width: 20px;
+}
+
+.detail-section p {
+    color: #4a5568;
+    line-height: 1.6;
+}
+
+/* Notification */
+.notification {
+    position: fixed;
+    top: 20px;
+    right: 20px;
+    background: #689f38;
+    color: white;
+    padding: 15px 20px;
+    border-radius: 10px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
+    z-index: 1001;
+    max-width: 400px;
+    animation: slideInRight 0.3s ease;
+}
+
+.notification-content {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.notification-content i {
+    font-size: 1.2rem;
+}
+
+.notification-close {
+    background: none;
+    border: none;
+    color: white;
+    cursor: pointer;
+    padding: 5px;
+    border-radius: 50%;
+    transition: background 0.2s ease;
+    margin-left: auto;
+}
+
+.notification-close:hover {
+    background: rgba(255, 255, 255, 0.2);
+}
+
+@keyframes slideInRight {
+    from {
+        transform: translateX(100%);
+        opacity: 0;
+    }
+    to {
+        transform: translateX(0);
+        opacity: 1;
+    }
+}
+
+/* Export section */
+.export-section {
+    margin-bottom: 20px;
+    padding: 15px;
+    background: linear-gradient(135deg, #f1f8e9 0%, #e8f5e8 100%);
+    border-radius: 12px;
+    border: 1px solid #c8e6c9;
+}
+
+.export-container {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 15px;
+}
+
+.export-title {
+    font-size: 1.1rem;
+    font-weight: 600;
+    color: #2d3748;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    white-space: nowrap;
+}
+
+.export-title i {
+    color: #689f38;
+}
+
+.export-buttons {
+    display: flex;
+    gap: 10px;
+    justify-content: flex-end;
+    flex-wrap: nowrap;
+    flex: 1;
+}
+
+.export-btn {
+    padding: 8px 16px;
+    border: none;
+    border-radius: 20px;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    text-decoration: none;
+    color: white;
+}
+
+.save-btn {
+    background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
+    box-shadow: 0 3px 10px rgba(76, 175, 80, 0.3);
+}
+
+.save-btn:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
+}
+
+.load-btn {
+    background: linear-gradient(135deg, #8bc34a 0%, #9ccc65 100%);
+    box-shadow: 0 3px 10px rgba(139, 195, 74, 0.3);
+}
+
+.load-btn:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 15px rgba(139, 195, 74, 0.4);
+}
+
+.export-bib-btn {
+    background: linear-gradient(135deg, #689f38 0%, #7cb342 100%);
+    box-shadow: 0 3px 10px rgba(104, 159, 56, 0.3);
+}
+
+.export-bib-btn:hover {
+    background: #689f38;
+    transform: translateY(-2px);
+}
+
+.export-starred-btn {
+    background: linear-gradient(135deg, #f6ad55 0%, #ed8936 100%);
+    color: white;
+}
+
+.export-starred-btn:hover {
+    background: linear-gradient(135deg, #ed8936 0%, #dd6b20 100%);
+    transform: translateY(-2px);
+}
+
+.export-info {
+    margin-top: 20px;
+    padding: 15px;
+    background: rgba(104, 159, 56, 0.1);
+    border-radius: 10px;
+    border: 1px solid rgba(104, 159, 56, 0.3);
+}
+
+.export-info i {
+    color: #689f38;
+    margin-right: 4px;
+}
+
+/* Enhanced notification styles */
+.notification-success {
+    border-left-color: #28a745;
+}
+
+.notification-error {
+    border-left-color: #dc3545;
+}
+
+.notification-warning {
+    border-left-color: #ffc107;
+}
+
+.notification-info {
+    border-left-color: #17a2b8;
+}
+
+.notification-success .notification-content i {
+    color: #28a745;
+}
+
+.notification-error .notification-content i {
+    color: #dc3545;
+}
+
+.notification-warning .notification-content i {
+    color: #ffc107;
+}
+
+.notification-info .notification-content i {
+    color: #17a2b8;
+}
+
+/* Footer */
+.footer {
+    text-align: center;
+    padding: 20px;
+    color: rgba(255, 255, 255, 0.8);
+    font-size: 0.9rem;
+}
+
+/* Responsive design */
+@media (max-width: 768px) {
+    .container {
+        padding: 0 15px;
+    }
+    
+    .header-content {
+        padding: 30px 15px;
+    }
+    
+    .title {
+        font-size: 2rem;
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    .main-content {
+        padding: 20px;
+        border-radius: 15px;
+    }
+    
+    .search-section {
+        flex-direction: column;
+        gap: 15px;
+    }
+    
+    .search-container {
+        min-width: auto;
+        max-width: none;
+    }
+    
+    .search-stats {
+        margin-bottom: 12px;
+        font-size: 0.85rem;
+        min-height: 18px;
+    }
+    
+    .search-input {
+        padding: 15px 45px 15px 45px;
+        font-size: 0.95rem;
+    }
+    
+    .add-keyword-btn {
+        right: 45px;
+        width: 28px;
+        height: 28px;
+        padding: 6px;
+        z-index: 2;
+    }
+    
+    .clear-btn {
+        z-index: 3;
+    }
+    
+    .search-keywords-container {
+        margin-top: 8px;
+        gap: 6px;
+    }
+    
+    .search-keyword-tag {
+        padding: 4px 10px;
+        font-size: 11px;
+    }
+    
+    .remove-keywords-container {
+        margin-top: 8px;
+        gap: 6px;
+    }
+    
+    .remove-keyword-tag {
+        padding: 4px 10px;
+        font-size: 11px;
+    }
+    
+    .search-field-select {
+        font-size: 0.85rem;
+        padding: 7px 10px;
+        margin-right: 8px;
+    }
+    
+        .filters-section {
+        gap: 15px;
+    }
+
+    .year-filter {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 15px;
+    }
+
+    .year-input-container {
+        min-width: auto;
+        max-width: none;
+        flex-direction: column;
+        gap: 10px;
+    }
+    
+    .year-input-group {
+        flex-direction: row;
+        align-items: center;
+        gap: 10px;
+    }
+    
+    .year-input {
+        width: 70px;
+    }
+    
+    .conference-filter {
+        margin-top: 0;
+        padding: 15px;
+    }
+    
+    .conference-select {
+        min-height: 100px;
+        font-size: 13px;
+    }
+    
+    .conference-hint {
+        font-size: 0.85rem;
+    }
+    
+    .abstract-filter {
+        padding: 15px;
+    }
+    
+    .starred-filter {
+        padding: 15px;
+    }
+    
+    .checkbox-label {
+        font-size: 0.9rem;
+    }
+    
+    .filter-info {
+        font-size: 0.85rem;
+        margin-left: 8px;
+    }
+    
+    .export-section {
+        padding: 12px;
+        margin-bottom: 15px;
+    }
+    
+    .export-container {
+        flex-direction: column;
+        align-items: stretch;
+        gap: 10px;
+    }
+    
+    .export-title {
+        font-size: 1rem;
+        justify-content: center;
+    }
+    
+    .export-buttons {
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+        justify-content: center;
+    }
+    
+    .export-btn {
+        width: 100%;
+        max-width: 200px;
+        justify-content: center;
+        padding: 10px 14px;
+    }
+
+    .pagination-section {
+        flex-direction: column;
+        align-items: center;
+        text-align: center;
+    }
+
+    .pagination-controls {
+        flex-wrap: wrap;
+        justify-content: center;
+    }
+    
+    .page-input-container {
+        margin: 10px 0;
+        justify-content: center;
+    }
+    
+    .page-input {
+        width: 50px;
+        padding: 6px 8px;
+        font-size: 0.85rem;
+    }
+    
+    .page-go-btn {
+        padding: 6px 10px;
+        font-size: 0.85rem;
+        min-width: 32px;
+        height: 32px;
+    }
+    
+    .paper-card {
+        padding: 20px;
+        margin-bottom: 20px;
+    }
+
+    .paper-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+
+    .paper-title {
+        font-size: 1.1rem;
+        margin-bottom: 8px;
+    }
+
+    .star-button {
+        align-self: flex-end;
+        font-size: 1rem;
+        min-width: 35px;
+        min-height: 35px;
+    }
+
+    .find-paper-btn {
+        font-size: 1rem;
+        min-width: 35px;
+        min-height: 35px;
+    }
+
+    .modal-content {
+        margin: 10px;
+        max-height: 90vh;
+    }
+
+    .modal-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 15px;
+        padding: 20px;
+    }
+
+    .modal-title-container {
+        flex-direction: row;
+        align-items: flex-start;
+        gap: 10px;
+        width: 100%;
+        margin-right: 0;
+    }
+
+    .modal-body {
+        padding: 20px;
+        max-height: calc(90vh - 140px);
+    }
+
+    .modal-header h2 {
+        font-size: 1.4rem;
+    }
+}
+
+@media (max-width: 480px) {
+    .title {
+        font-size: 1.8rem;
+    }
+    
+    .subtitle {
+        font-size: 1rem;
+    }
+    
+    .search-section {
+        gap: 10px;
+    }
+    
+    .search-stats {
+        margin-bottom: 10px;
+        font-size: 0.8rem;
+        min-height: 16px;
+    }
+    
+    .search-input {
+        padding: 12px 40px 12px 40px;
+        font-size: 0.9rem;
+    }
+    
+    .search-field-select {
+        font-size: 0.8rem;
+        padding: 6px 8px;
+        margin-right: 6px;
+    }
+    
+    .year-filter {
+        gap: 10px;
+    }
+    
+    .filter-label {
+        font-size: 0.9rem;
+        flex-wrap: wrap;
+        gap: 4px;
+    }
+    
+    .clear-year-btn {
+        align-self: center;
+    }
+    
+    .conference-filter {
+        padding: 10px;
+    }
+    
+    .conference-select {
+        min-height: 80px;
+        font-size: 12px;
+    }
+    
+    .conference-hint {
+        font-size: 0.8rem;
+    }
+    
+    .clear-conference-btn {
+        align-self: center;
+    }
+    
+    .abstract-filter {
+        padding: 10px;
+    }
+    
+    .starred-filter {
+        padding: 10px;
+    }
+    
+    .checkbox-label {
+        font-size: 0.85rem;
+    }
+    
+    .filter-info {
+        font-size: 0.8rem;
+        margin-left: 6px;
+    }
+    
+    .export-section {
+        padding: 10px;
+        margin-bottom: 12px;
+    }
+    
+    .export-container {
+        gap: 8px;
+    }
+    
+    .export-title {
+        font-size: 0.9rem;
+        justify-content: center;
+    }
+    
+    .export-btn {
+        padding: 12px 16px;
+        font-size: 0.9rem;
+        margin-bottom: 10px;
+        width: 100%;
+    }
+    
+    .paper-card {
+        padding: 15px;
+    }
+    
+    .paper-meta {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 10px;
+    }
+    
+    .paper-no-abstract-badge {
+        font-size: 0.65rem;
+        padding: 3px 6px;
+    }
+    
+    .modal-header {
+        padding: 15px;
+    }
+    
+    .modal-title-container {
+        gap: 8px;
+    }
+    
+    .modal-header h2 {
+        font-size: 1.2rem;
+    }
+    
+    .modal-body {
+        padding: 15px;
+    }
+
+    .find-paper-btn {
+        font-size: 0.9rem;
+        min-width: 32px;
+        min-height: 32px;
+    }
+} 

test.html

@@ -0,0 +1,57 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data File Test</title>
+</head>
+<body>
+    <h1>Data File Test</h1>
+    <div id="results"></div>
+    
+    <script>
+        async function testFileLoading() {
+            const results = document.getElementById('results');
+            
+            // Test conferences file
+            try {
+                console.log('Testing conferences file...');
+                const confResponse = await fetch('data/unique_conferences.json');
+                console.log('Conferences status:', confResponse.status);
+                
+                if (confResponse.ok) {
+                    const confData = await confResponse.json();
+                    results.innerHTML += `<p>✅ Conferences file loaded successfully. Found ${Object.keys(confData).length} conferences.</p>`;
+                } else {
+                    results.innerHTML += `<p>❌ Conferences file failed to load. Status: ${confResponse.status}</p>`;
+                }
+            } catch (error) {
+                results.innerHTML += `<p>❌ Conferences file error: ${error.message}</p>`;
+            }
+            
+            // Test BibTeX file
+            try {
+                console.log('Testing BibTeX file...');
+                const bibResponse = await fetch('data/multilingual_papers.bib');
+                console.log('BibTeX status:', bibResponse.status);
+                
+                if (bibResponse.ok) {
+                    const bibText = await bibResponse.text();
+                    results.innerHTML += `<p>✅ BibTeX file loaded successfully. Size: ${(bibText.length / 1024 / 1024).toFixed(2)} MB</p>`;
+                    
+                    // Count entries
+                    const entries = bibText.split(/(?=@)/);
+                    results.innerHTML += `<p>📊 Found ${entries.length} potential BibTeX entries</p>`;
+                } else {
+                    results.innerHTML += `<p>❌ BibTeX file failed to load. Status: ${bibResponse.status}</p>`;
+                }
+            } catch (error) {
+                results.innerHTML += `<p>❌ BibTeX file error: ${error.message}</p>`;
+            }
+        }
+        
+        // Run test when page loads
+        window.addEventListener('load', testFileLoading);
+    </script>
+</body>
+</html>