.sparkline{width:100%;height:24px;display:block}.stat-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:12px;background:#00000030;min-width:0}.stat-tile .label{font-size:.65em;color:#666;text-transform:uppercase;letter-spacing:.05em}.stat-tile .value{font-family:var(--font-discy);font-size:1.4em;line-height:1.1}.stat-tile .delta{font-family:var(--font-discy);font-size:.65em;color:#666}.stat-tile .delta.up{color:#93c47d}.stat-tile .delta.down{color:#e06666}.linechart{display:flex;flex-direction:column;gap:6px}.linechart svg{width:100%;height:180px;display:block}.linechart .x-labels{display:flex;justify-content:space-between;list-style:none;padding:0 8px;font-family:var(--font-discy);font-size:.6em;color:#666}.linechart .legend{display:flex;gap:16px;list-style:none;padding:0;font-size:.7em;color:#ffffffae}.linechart .legend li{display:flex;align-items:center;gap:6px}.linechart .swatch{width:10px;height:3px;border-radius:2px;flex-shrink:0}.hourchart{display:flex;flex-direction:column;gap:6px}.hourchart svg{width:100%;height:120px;display:block}.hourchart .x-labels{display:flex;justify-content:space-between;list-style:none;padding:0;font-family:var(--font-discy);font-size:.6em;color:#666}.top-entities{display:flex;flex-direction:column;gap:8px;list-style:none;padding:0}.top-entities li{display:flex;align-items:center;gap:10px;min-width:0}.top-entities .rank{font-family:var(--font-discy);font-size:.7em;color:#666;width:22px;flex-shrink:0;text-align:right}.top-entities .row{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:6px 10px;border-radius:10px;background:#00000030;color:inherit;text-decoration:none}.top-entities img{width:40px;height:40px;border-radius:6px;-o-object-fit:cover;object-fit:cover;background:#00000040;flex-shrink:0}.top-entities .col{display:flex;flex-direction:column;flex:1;min-width:0}.top-entities .artist,.top-entities .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-entities .title{font-size:.85em}.top-entities .artist{font-size:.65em;color:#666}.top-entities .metric{font-family:var(--font-discy);font-size:.7em;color:#ffffffae;flex-shrink:0;white-space:nowrap}.gate{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:12px;background:#00000030}.gate h3{font-size:1em}.gate p{font-size:.8em;color:#999}.gate .progress{display:flex;flex-direction:column;gap:4px;font-size:.7em;color:#666}.gate .bar{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.gate .fill{height:100%;border-radius:3px;background:#e18c46;transition:width .4s ease}
