.tr-wrap{width:100%}
.tr-topbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:24px}
.tr-topbar h2{margin:0;font-size:1.1rem;color:#333}
.tr-title-icon{color:#e53935;margin-right:6px}
.tr-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.tr-date-select{padding:7px 14px;border:1.5px solid #ddd;border-radius:8px;font-size:.88rem;outline:none;cursor:pointer}
.tr-date-select:focus{border-color:#1565c0}
.tr-period-btns{display:flex;gap:6px}
.tr-period-btn{padding:5px 12px;border:1.5px solid #ddd;border-radius:20px;background:#fff;font-size:.8rem;cursor:pointer;color:#555;transition:all .2s}
.tr-period-btn.active,.tr-period-btn:hover{background:#e53935;color:#fff;border-color:#e53935}
.tr-lang-filter{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.tr-lang-btn{padding:4px 12px;border:1.5px solid #ddd;border-radius:20px;background:#fff;font-size:.78rem;cursor:pointer;color:#555;transition:all .2s}
.tr-lang-btn.active,.tr-lang-btn:hover{background:#1565c0;color:#fff;border-color:#1565c0}
.tr-card{background:#f8f9fa;border-radius:12px;padding:18px 22px;margin-bottom:12px;border-left:4px solid #e8ecf0;display:flex;align-items:flex-start;gap:14px;transition:box-shadow .2s}
.tr-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-left-color:#e53935}
.tr-rank{font-size:1.4rem;font-weight:800;color:#ddd;min-width:36px;text-align:center;padding-top:2px}
.tr-rank.top3{color:#f4b400}
.tr-body{flex:1;min-width:0}
.tr-name{font-weight:700;font-size:1rem;margin:0 0 4px}
.tr-name a{color:#1565c0;text-decoration:none}
.tr-name a:hover{text-decoration:underline}
.tr-desc{font-size:.86rem;color:#555;line-height:1.6;margin:0 0 10px}
.tr-empty-desc{color:#ccc}
.tr-meta{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.8rem;color:#777;align-items:center}
.tr-lang{display:flex;align-items:center;gap:4px;font-weight:600}
.lang-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.tr-stars{display:flex;align-items:center;gap:3px;color:#f4b400}
.tr-forks{display:flex;align-items:center;gap:3px}
.tr-icon-small{font-size:.8rem}
.tr-icon-tiny{font-size:.7rem}
.tr-icon-muted{opacity:.5}
.tr-gained{background:#e8f5e9;color:#2e7d32;border-radius:12px;padding:2px 8px;font-weight:600}
.tr-loading{text-align:center;padding:60px 0;color:#999}
.tr-empty{text-align:center;padding:40px 0;color:#bbb;font-size:.9rem}
.tr-snapshot-info{font-size:.78rem;color:#aaa;margin-bottom:16px}