.filter-bar{position:sticky;top:0;background:#000000;border-bottom:1px solid #333333;padding:16px 0;z-index:100}.filter-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 20px;background:transparent;border:1px solid #333333;color:#ffffffb3;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;white-space:nowrap}.filter-btn:hover{background:rgba(20,184,166,.1);border-color:#14b8a6;color:#ffffffe6}.filter-btn.active{background:#14b8a6;border-color:#14b8a6;color:#000;box-shadow:0 8px 24px #14b8a64d}.filter-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#14b8a6;border-radius:1px}@media (max-width: 768px){.filter-container{padding:0 16px;gap:10px}.filter-btn{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.filter-bar{padding:12px 0}.filter-container{padding:0 12px;gap:8px}.filter-btn{padding:8px 12px;font-size:12px}}.paper-tile{background:#1a1a1a;border:1px solid #333333;border-radius:16px;padding:24px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.paper-tile:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(20,184,166,.1),transparent);transition:left .5s}.paper-tile:hover{background:#262626;border-color:#14b8a6;box-shadow:0 8px 32px #14b8a626}.paper-tile:hover:before{left:100%}.paper-tile-header{margin-bottom:16px}.paper-category{display:inline-block;padding:6px 12px;background:rgba(20,184,166,.15);border:1px solid #14b8a6;border-radius:8px;color:#14b8a6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.paper-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.paper-authors{font-size:13px;color:#fff9;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.paper-meta{display:flex;justify-content:space-between;align-items:center;margin:16px 0;padding:12px 0;border-top:1px solid #333333;border-bottom:1px solid #333333;font-size:12px}.paper-conference{color:#ffffffb3;font-weight:500}.paper-date{color:#14b8a6;font-weight:600}.paper-description{flex:1;font-size:13px;color:#ffffffa6;margin:12px 0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.paper-link{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;padding:10px 16px;background:#14b8a6;color:#000;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.paper-link:hover{background:#0d9488;transform:translateY(-2px);box-shadow:0 8px 16px #14b8a666}@media (max-width: 768px){.paper-tile{padding:20px}.paper-title{font-size:16px}.paper-authors,.paper-description{font-size:12px}}.app{width:100%;height:100vh;display:flex;flex-direction:column;background:#000000;overflow:hidden}.coffee-link:hover img{box-shadow:0 8px 20px #fd03}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(20,184,166,.3) transparent}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:rgba(20,184,166,.3);border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:rgba(20,184,166,.5)}.header p{font-size:18px;color:#ffffffb3;margin:0;font-weight:300}@media (max-width: 1024px){.papers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.header h1{font-size:36px}.header p{font-size:16px}}@media (max-width: 768px){.coffee-container{top:16px;right:16px}.coffee-link img{height:38px}.papers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:0 16px;margin-bottom:30px}.header{margin:50px auto 20px;padding:0 16px}.header h1{font-size:28px}.header p{font-size:14px}}@media (max-width: 480px){.coffee-container{top:12px;right:12px}.coffee-link img{height:32px}.papers-grid{grid-template-columns:1fr;gap:12px}.header{margin:40px auto 15px;padding:0 12px}.header h1{font-size:24px}.header p{font-size:13px}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000000;color:#fff;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(20,184,166,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(20,184,166,.5)}button{font-family:inherit}a{color:inherit}.app{width:100%;height:100vh;display:flex;flex-direction:column;background:#000000;overflow:hidden;position:relative}.coffee-container{position:absolute;top:20px;right:20px;z-index:200}.coffee-link{display:inline-block;text-decoration:none;transition:all .3s ease;cursor:pointer;border-radius:8px}.coffee-link img{height:44px;width:auto;display:block;box-shadow:0 4px 12px #0000004d;border-radius:8px}.coffee-link:hover{transform:translateY(-2px)}.main-content{flex:1;overflow-y:auto;overflow-x:hidden}.header{max-width:1200px;margin:60px auto 30px;padding:0 20px;text-align:center}.header h1{font-size:48px;font-weight:800;margin:0;color:#fff;letter-spacing:-1px}.papers-grid{max-width:1200px;margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%}.no-results{text-align:center;padding:60px 20px;color:#fff9;font-size:18px}@media (max-width: 1024px){.papers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.header h1{font-size:36px}}@media (max-width: 768px){.coffee-container{position:relative;top:auto;right:auto;display:flex;justify-content:center;padding:16px 0 4px;width:100%}.coffee-link img{height:38px}.header{margin:24px auto 20px;padding:0 16px}.header h1{font-size:28px}.papers-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;padding:0 16px}}@media (max-width: 480px){.coffee-container{padding:12px 0 0}.coffee-link img{height:34px}.header{margin:16px auto}.header h1{font-size:24px;line-height:1.2}.papers-grid{grid-template-columns:1fr;gap:12px}}