.tr-page{animation:fade-in .2s ease-out}
.tr-intro{max-width:42rem;margin:0 0 1.5rem}
.tr-title{margin:0 0 .5rem;color:#fff;font-size:1.5rem;line-height:2rem;font-weight:700}
.tr-lead{margin:0;color:rgb(156 163 175);font-size:.875rem;line-height:1.65}
.tr-stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0 0 2rem}
.tr-stat,.tr-card,.tr-empty,.tr-radar{border:1px solid var(--ccu-line);border-radius:.75rem;background:var(--ccu-panel-soft)}
.tr-stat{padding:.75rem 1rem}
.tr-stat-value{color:#fff;font-size:1.25rem;line-height:1.75rem;font-weight:700}
.tr-stat-label{color:rgb(107 114 128);font-size:.75rem;line-height:1rem}
.tr-grid{display:grid;grid-template-columns:1fr;gap:.75rem}
.tr-card{display:block;padding:1rem;transition:border-color .15s}
.tr-card:hover{border-color:rgba(255,255,255,.18)}
.tr-card-head{display:flex;align-items:center;gap:.75rem;margin:0 0 .75rem}
.tr-thumb{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:.5rem;background:rgba(255,255,255,.04);object-fit:cover}
.tr-card-copy{min-width:0}
.tr-card-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600}
.tr-card-meta{color:rgb(107 114 128);font-size:.6875rem;line-height:1rem}
.tr-chart{width:100%;height:72px}
.tr-card-body{margin:.75rem 0 0;color:rgb(156 163 175);font-size:.75rem;line-height:1.625}
.tr-found{color:rgb(52 211 153);font-weight:600}
.tr-peak{color:#fff;font-weight:600}
.tr-empty{padding:3rem;text-align:center}
.tr-empty-title{margin:0 0 .5rem;color:rgb(156 163 175);font-size:1.125rem;line-height:1.75rem}
.tr-empty-copy{margin:0;color:rgb(107 114 128);font-size:.875rem;line-height:1.25rem}
.tr-radar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:2rem 0 0;padding:1.25rem}
.tr-radar-title{margin:0;color:#fff;font-size:.875rem;line-height:1.25rem;font-weight:600}
.tr-radar-copy{margin:0;color:rgb(156 163 175);font-size:.75rem;line-height:1rem}
.tr-radar-link{display:inline-flex;border-radius:.5rem;background:#fff;padding:.5rem 1rem;color:#000;font-size:.75rem;line-height:1rem;font-weight:700;transition:background-color .15s}
.tr-radar-link:hover{background:rgb(229 231 235)}
@media (min-width:640px){.tr-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.tr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.tr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}