:root{--font-display: "Fraunces", "Noto Serif SC", Georgia, serif;--font-body: "Source Sans 3", "Noto Sans SC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px var(--shadow-color);--shadow-md: 0 4px 12px var(--shadow-color);--shadow-lg: 0 8px 30px var(--shadow-color);--shadow-glow: 0 0 20px var(--accent-glow);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .15s var(--ease-smooth);--transition-normal: .3s var(--ease-smooth);--transition-slow: .5s var(--ease-smooth)}[data-theme=light],:root{--bg-base: #faf8f5;--bg-elevated: #ffffff;--bg-recessed: #f3f0eb;--bg-overlay: rgba(250, 248, 245, .95);--text-primary: #2c2a26;--text-secondary: #5c5a54;--text-muted: #8a877f;--text-inverse: #faf8f5;--accent-primary: #c4912c;--accent-primary-hover: #a87a24;--accent-secondary: #3d6b99;--accent-secondary-hover: #2d5577;--accent-success: #4a8c6d;--accent-warning: #d4853a;--accent-error: #c44d4d;--accent-glow: rgba(196, 145, 44, .2);--border-subtle: rgba(44, 42, 38, .08);--border-default: rgba(44, 42, 38, .12);--border-strong: rgba(44, 42, 38, .2);--border-accent: var(--accent-primary);--shadow-color: rgba(44, 42, 38, .08);--gradient-accent: linear-gradient(135deg, var(--accent-primary) 0%, #d4a54a 100%);--gradient-card: linear-gradient(180deg, var(--bg-elevated) 0%, var(--bg-recessed) 100%);--noise-opacity: .02;--tag-ml-bg: #fff4e0;--tag-ml-text: #8b6914;--tag-nlp-bg: #e8f4f8;--tag-nlp-text: #2d5577;--tag-cv-bg: #f0e8f8;--tag-cv-text: #5c3d7a;--tag-new-bg: var(--accent-success);--tag-new-text: #ffffff}[data-theme=dark]{--bg-base: #1a1d24;--bg-elevated: #242830;--bg-recessed: #14161b;--bg-overlay: rgba(26, 29, 36, .95);--text-primary: #e8e6e1;--text-secondary: #a8a5a0;--text-muted: #6b6862;--text-inverse: #1a1d24;--accent-primary: #e4a83a;--accent-primary-hover: #f0b848;--accent-secondary: #6b9fd4;--accent-secondary-hover: #7db0e8;--accent-success: #6ab88a;--accent-warning: #e4a03a;--accent-error: #e05858;--accent-glow: rgba(228, 168, 58, .15);--border-subtle: rgba(232, 230, 225, .06);--border-default: rgba(232, 230, 225, .1);--border-strong: rgba(232, 230, 225, .18);--border-accent: var(--accent-primary);--shadow-color: rgba(0, 0, 0, .25);--gradient-accent: linear-gradient(135deg, var(--accent-primary) 0%, #f0c060 100%);--gradient-card: linear-gradient(180deg, var(--bg-elevated) 0%, rgba(36, 40, 48, .8) 100%);--noise-opacity: .03;--tag-ml-bg: rgba(228, 168, 58, .15);--tag-ml-text: #e4a83a;--tag-nlp-bg: rgba(107, 159, 212, .15);--tag-nlp-text: #6b9fd4;--tag-cv-bg: rgba(168, 120, 212, .15);--tag-cv-text: #b088e0;--tag-new-bg: var(--accent-success);--tag-new-text: #1a1d24}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.65;color:var(--text-primary);background:var(--bg-base);min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--noise-opacity);pointer-events:none;z-index:0}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);position:relative;z-index:1}.header{background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.logo{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-primary);text-decoration:none;letter-spacing:-.02em}.logo-icon{font-size:1.6rem;filter:drop-shadow(0 2px 4px var(--shadow-color))}.logo-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-actions{display:flex;gap:var(--spacing-md);align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1.2rem}.theme-toggle:hover{background:var(--bg-recessed);color:var(--accent-primary);border-color:var(--accent-primary);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--gradient-accent);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow),var(--shadow-md);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-recessed);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:var(--spacing-sm)}.btn-ghost:hover{background:var(--bg-recessed);color:var(--text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin:var(--spacing-2xl) 0}.stat-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl);position:relative;overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);opacity:.8}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.stat-card.secondary:before{background:linear-gradient(90deg,var(--accent-secondary),#8cb8e8)}.stat-card.success:before{background:var(--accent-success)}.stat-card.warning:before{background:var(--accent-warning)}.stat-icon{font-size:1.5rem;margin-bottom:var(--spacing-sm);opacity:.6}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.02em}.stat-label{font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:0 0 auto}.filter-label{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.filter-input,.filter-select{min-width:160px;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);transition:all var(--transition-fast)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c5a54' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.search-box{flex:1;min-width:280px;position:relative}.search-box input{width:100%;padding-left:44px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:1rem}.paper-list{display:grid;gap:var(--spacing-md)}.paper-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-normal);position:relative;box-shadow:var(--shadow-sm)}.paper-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}.paper-card:hover .paper-title{color:var(--accent-primary)}.paper-card.is-new{border-left:4px solid var(--accent-success)}.paper-card.is-new:after{content:"NEW";position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:var(--tag-new-bg);color:var(--tag-new-text);font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.08em}.paper-title{font-family:var(--font-display);font-size:1.15rem;font-weight:600;line-height:1.45;color:var(--text-primary);margin-bottom:var(--spacing-sm);transition:color var(--transition-fast);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary)}.paper-meta-item{display:inline-flex;align-items:center;gap:4px}.paper-meta-item.upvotes{color:var(--accent-warning);font-weight:500}.paper-meta-item.stars{color:var(--accent-secondary);font-weight:500}.paper-category{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.75rem;font-weight:500;background:var(--tag-ml-bg);color:var(--tag-ml-text)}.paper-category.cs-cl,.paper-category.nlp{background:var(--tag-nlp-bg);color:var(--tag-nlp-text)}.paper-category.cs-cv,.paper-category.cv{background:var(--tag-cv-bg);color:var(--tag-cv-text)}.paper-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin:var(--spacing-sm) 0}.paper-tag{display:inline-block;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;background:var(--bg-recessed);color:var(--text-secondary);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.paper-tag:hover{background:var(--bg-base);border-color:var(--border-default)}.paper-tag.research-type{background:var(--tag-cv-bg);color:var(--tag-cv-text);border-color:transparent;font-weight:500}.paper-abstract{color:var(--text-secondary);font-size:.9rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-top:var(--spacing-sm)}.paper-tldr{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:linear-gradient(90deg,var(--accent-glow),transparent);border-left:3px solid var(--accent-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:.9rem;color:var(--text-primary);font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg);animation:fadeIn .2s var(--ease-smooth)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg);animation:slideUp .3s var(--ease-bounce)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-elevated);z-index:1}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-recessed);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:1.2rem}.modal-close:hover{background:var(--bg-base);color:var(--text-primary);transform:rotate(90deg)}.modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--text-primary);padding-right:48px}.modal-body{padding:var(--spacing-xl)}.modal-section{margin-bottom:var(--spacing-xl)}.modal-section:last-child{margin-bottom:0}.modal-section-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--spacing-sm)}.modal-authors{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.modal-abstract{color:var(--text-primary);font-size:1rem;line-height:1.8}.modal-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.modal-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-recessed);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:.9rem;transition:all var(--transition-fast)}.modal-link:hover{background:var(--bg-base);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.loading-spinner{width:44px;height:44px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.9rem}.empty-state{text-align:center;padding:var(--spacing-2xl)}.empty-state-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);opacity:.4}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state-desc{color:var(--text-muted);font-size:.9rem}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) 0}.pagination-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled):not(.active){background:var(--bg-recessed);border-color:var(--border-strong)}.pagination-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-inverse);font-weight:600}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--text-muted);font-size:.85rem;margin:0 var(--spacing-md)}@media(max-width:768px){html{font-size:15px}.header-content{flex-direction:column;gap:var(--spacing-sm)}.logo{font-size:1.3rem}.filter-bar{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-input,.filter-select{width:100%;min-width:auto}.search-box{min-width:auto;width:100%}.dashboard{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.stat-value{font-size:1.8rem}.paper-card{padding:var(--spacing-lg)}.paper-title{font-size:1.05rem}.modal{margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.modal-title{font-size:1.25rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-recessed)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg-recessed)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) var(--bg-recessed)}::selection{background:var(--accent-primary);color:var(--text-inverse)}@media print{body{background:#fff;color:#000}.header,.filter-bar,.pagination,.theme-toggle{display:none}.paper-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}